仿携程日历控件

仿携程日历控件

RecycleView实现日历列表,其中每个itemView纯cavas绘制。

github地址 欢迎 start Issues

支持以下功能

  • 日历选中和不可选样式
  • 行间距以及颜色设置
  • 最大可以选择多少天
  • 悬停月份展示
  • 单选和范围选择

Demo

单选

image

范围选择

image

使用

XML文件





XML 自定义属性

MonthLableView(星期)

属性 类型 描述
lableWeekendTextColor color 周末字体颜色
lableTextColor color 周一到周五字体颜色
lableTextSize color 字体大小

CalendarView(日历)

属性 类型 描述
isShowMonthTitleView boolean 是否显示MonthTitleView默认显示
textColor color 日历天字体颜色
selectTextColor color 选中字体颜色
weekendTextColor color 周末字体颜色
selectBgColor color 选中背景颜色
disTextColor color 不可选字体颜色
sameTextColor color 今天字体颜色
preTextColor color 已过期字体颜色
topTextColor color 节日字体颜色
selectRangebgColor color 选中间隔背景颜色
selectMaxRange integer 限制最大可选多少天
monthPaddingLeft dimension 月份paddingLeft
monthPaddingTop dimension 月份paddingTop
monthPaddingRight dimension 月份paddingRight
monthPaddingBottom dimension 月份paddingBottom
monthMarginLeft dimension 月份MarginLeft
monthMarginTop dimension 月份MarginTop
monthMarginRight dimension 月份MarginRight
monthMarginBottom dimension 月份MarginBottom
textSize dimension 日历天字体大小
topTextSize dimension 节日字体大小
bottomTextSize dimension 选中底部文案字体大小
firstTopMargin dimension 节日距离顶部距离
secondTopMargin dimension 天距离节日底部距离
thirdTopMargin dimension 选中文案距离天底部距离
dividerHeight dimension 日历每一行间距
dividerColor color 日历每一行间距颜色
firstSelectDayText string 第一次选中底部文案
lastSelectDayText string 最后一次选中底部文案
selectStyle enum 选中样式(rectangle 矩形 roundRectangle 圆角矩形)
cornerRadius dimension 当选中为圆角矩形时圆角半径
isSingleSelect boolean 是否单选默认为范围选择

代码

//设置初始化选中日期
calendarView.setCalendarSelectDay(calendarSelectDay);
//绘制monthTitleView 当isShowMonthTitleView为false时不需要设置
calendarView.setMonthTitleViewCallBack(new MonthTitleViewCallBack() {
    @Override
    public View getMonthTitleView(int position, Date date) {
        View view = View.inflate(MainActivity.this, R.layout.layout_month_title, null);
        TextView tvMonthTitle = view.findViewById(R.id.tv_month_title);
        tvMonthTitle.setText(formatDate("yyyy年MM月", date));
        return view;
    }
});
//设置选中事件
calendarView.setOnCalendarSelectDayListener(new CalendarView.OnCalendarSelectDayListener() {
    @Override
    public void onCalendarSelectDay(CalendarSelectDay calendarSelectDay) {
        CalendarDay firstSelectDay = calendarSelectDay.getFirstSelectDay();
        CalendarDay lastSelectDay = calendarSelectDay.getLastSelectDay();
        if (firstSelectDay != null) {
            String firstSelectDateStr = formatDate("yyyy-MM-dd", firstSelectDay.toDate());
            tvFirstSelectDate.setText(firstSelectDateStr);
        }
        if (lastSelectDay != null) {
            String lastSelectDateStr = formatDate("yyyy-MM-dd", lastSelectDay.toDate());
            tvLastSelectDate.setText(lastSelectDateStr);
        }
    }
});

你可能感兴趣的:(仿携程日历控件)