Android自定义日历效果

Android自定义日历效果攻略

在Android中，自定义日历效果可以通过自定义控件实现，主要包括以下几个步骤：

步骤一：选择实现方式

实现方式主要有两种：

1. 自定义View，继承View或ViewGroup类，通过手动绘制日历视图来达到自定义效果；
2. 使用第三方控件库，例如CalendarView、SmartCalendar等。

选择实现方式的时候需要考虑具体的场景和要求，自定义View可以更自由灵活地进行定制，但需要更多的代码和维护成本；使用第三方控件库能够更快速地实现需求，但对于一些定制化需求可能会受到限制。

步骤二：日历数据的计算与处理

日历视图的实现需要考虑到日历数据的计算与处理，这部分的处理也是整个自定义日历效果的核心。可以借助Java中的Calendar类对日期数据进行计算与处理，例如获取某个月份中的最大天数、获取某一天是星期几等。

下面以自定义View为例，展示一个处理日期数据的示例代码：

public class CalendarView extends View {
    // 具体日历的一些参数，如当前年、月、日等等
    private int mYear;
    private int mMonth;
    private int mDayOfMonth;

    private Paint mTextPaint;

    public CalendarView(Context context) {
        super(context);
        init();
    }

    public CalendarView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        // 设置画笔属性等等
        mTextPaint = new Paint();
        mTextPaint.setColor(Color.BLACK);
        mTextPaint.setTextSize(16);
        mTextPaint.setAntiAlias(true);
        mTextPaint.setTextAlign(Paint.Align.CENTER);

        // 初始化日期数据
        Calendar calendar = Calendar.getInstance();
        mYear = calendar.get(Calendar.YEAR);
        mMonth = calendar.get(Calendar.MONTH) + 1;
        mDayOfMonth = calendar.get(Calendar.DAY_OF_MONTH);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 绘制日期数据等等
        int maxDayOfMonth = getMaxDayOfMonth(mYear, mMonth);
        int dayOfWeek = getDayOfWeek(mYear, mMonth, 1);
        for (int i = 1; i <= maxDayOfMonth; i++) {
            int row = (i + dayOfWeek - 2) / 7; // 行数
            int col = (i + dayOfWeek - 2) % 7; // 列数
            canvas.drawText(String.valueOf(i), col * mItemWidth + mItemWidth / 2 + getPaddingLeft(),
                    row * mItemHeight + mItemHeight / 2 + getPaddingTop(), mTextPaint);
        }
    }

    /**
     * 获取某个月份的最大天数
     *
     * @param year  年份
     * @param month 月份
     * @return 最大天数
     */
    private int getMaxDayOfMonth(int year, int month) {
        Calendar calendar = Calendar.getInstance();
        calendar.set(year, month - 1, 1);
        return calendar.getActualMaximum(Calendar.DAY_OF_MONTH);
    }

    /**
     * 获取某一天是星期几
     *
     * @param year  年份
     * @param month 月份
     * @param day   日
     * @return 星期几的下标
     */
    private int getDayOfWeek(int year, int month, int day) {
        Calendar calendar = Calendar.getInstance();
        calendar.set(year, month - 1, day);
        return calendar.get(Calendar.DAY_OF_WEEK);
    }

}

步骤三：绘制日历视图

绘制日历视图需要通过手动计算坐标等参数来实现，主要是通过Canvas进行绘制。我们可以先绘制整个日历的基本框架，然后在上面绘制日期数据等需要展示的内容。

下面是一个简单的绘制示例代码，用于展示如何通过自定义View来绘制一个完整的日历视图：

public class CalendarView extends View {
    private int mItemWidth;
    private int mItemHeight;

    public CalendarView(Context context) {
        super(context);
        init();
    }

    public CalendarView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        // 设置画笔属性等等
        ...

        // 计算每个日期格子的大小
        int width = getWidth() - getPaddingLeft() - getPaddingRight();
        int height = getHeight() - getPaddingTop() - getPaddingBottom();
        mItemWidth = width / 7;
        mItemHeight = height / 6;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 绘制日历基本框架
        for (int i = 0; i < 7; i++) { // 绘制星期标题
            canvas.drawText(wTitles[i], i * mItemWidth + mItemWidth / 2 + getPaddingLeft(),
                mItemHeight / 2 + getPaddingTop(), mTextPaint);
        }

        for (int i = 0; i < 6; i++) { // 绘制日历
            for (int j = 0; j < 7; j++) {
                canvas.drawRect(j * mItemWidth + getPaddingLeft(),
                    i * mItemHeight + getPaddingTop(),
                    (j + 1) * mItemWidth + getPaddingLeft(),
                    (i + 1) * mItemHeight + getPaddingTop(),
                    mRectPaint);
            }
        }

        // 绘制日期等内容
        ...
    }
}

步骤四：响应交互事件

自定义日历效果中的交互事件主要包括日期、月份的选择、年份的选择、农历显示等。响应这些交互事件需要使用Android的回调机制，例如重写onTouchEvent()方法以接收触摸事件，触发响应相应的事件。除此之外，还需要考虑到用户体验等方面的问题。

下面以自定义View为例，给出一个简单的实现示例代码，演示如何在自定义日历视图中实现月份的选择：

public class CalendarView extends View {
   ...
    /**
     * 选择月份的弹窗界面
     */
    private class MonthPickerDialog extends Dialog {
        public MonthPickerDialog(Context context) {
            super(context);
            init();
        }

        private void init() {
            setContentView(getContentView());
        }

        private View getContentView() {
            View contentView = LayoutInflater.from(getContext()).inflate(R.layout.dialog_month_picker, null);
            NumberPicker npMonth = contentView.findViewById(R.id.np_month);
            npMonth.setMinValue(1);
            npMonth.setMaxValue(12);
            npMonth.setValue(mMonth);
            npMonth.setDescendantFocusability(NumberPicker.FOCUS_BLOCK_DESCENDANTS); // 不用弹出输入法

            contentView.findViewById(R.id.btn_ok).setOnClickListener(v -> {
                mMonth = npMonth.getValue();
                invalidate();
                dismiss();
            });
            contentView.findViewById(R.id.btn_cancel).setOnClickListener(v -> dismiss());

            return contentView;
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_UP:
                int x = (int) event.getX();
                int y = (int) event.getY();
                int clickItem = getClickItemIndex(x, y);
                if (clickItem == ITEM_TITLE_MONTH) { // 选择月份
                    MonthPickerDialog dialog = new MonthPickerDialog(getContext());
                    dialog.show();
                }

                return true;
        }

        return super.onTouchEvent(event);
    }
    ...
}

以上是自定义日历效果的主要实现步骤和示例代码。具体的实现方式需要根据具体的需求和场景来选择和调整。