如何使用水平滚动周视图创建日历视图

时间:2017-10-11 16:30:49

标签: android calendarview

我正在尝试制作类似于此的日历视图。一个具有水平滚动周视图,以及所选日期下方的事件列表。

我尝试过使用这个库https://github.com/prolificinteractive/material-calendarview,但外观并不相同。日历占用大量屏幕空间,因为日期名称和日期相距很远。我怎样才能在下面这样做类似的?

谢谢

enter image description here

1 个答案:

答案 0 :(得分:5)

使用此库,,,

compile 'devs.mulham.horizontalcalendar:horizontalcalendar:1.1.7'

,这在xml中

  <devs.mulham.horizontalcalendar.HorizontalCalendarView
                            android:id="@+id/calendarView"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:background="#FAFAFA"
                            app:selectedDateBackground="#00ffffff"
                            app:selectorColor="#c62828"
                            app:textColorNormal="#bababa"
                            app:textColorSelected="@color/blue_color"
                            app:textSizeDayName="20sp"
                            app:textSizeDayNumber="20sp" />

和Java

private HorizontalCalendar horizontalCalendar;

   Calendar endDate = Calendar.getInstance();
        endDate.add(Calendar.MONTH, 1);
        Calendar startDate = Calendar.getInstance();
        startDate.add(Calendar.MONTH, -1);

        horizontalCalendar = new HorizontalCalendar.Builder(root, R.id.calendarView)
                .startDate(startDate.getTime())
                .endDate(endDate.getTime())
                .datesNumberOnScreen(5)
                .dayNameFormat("EEE")
                .dayNumberFormat("dd")
                .monthFormat("MMM")
                .textSize(14f, 24f, 14f)
                .showDayName(true)
                .showMonthName(true)

                .build();

        horizontalCalendar.setCalendarListener(new HorizontalCalendarListener() {
            @Override
            public void onDateSelected(Date date, int position) {
//                Toast.makeText(getContext(), DateFormat.getDateInstance().format(date) + " is selected!", Toast.LENGTH_SHORT).show();
            }

        });