Android自定义日历效果

Android自定义日历效果

在Android开发中，我们经常需要实现一些自定义的UI效果，自定义日历效果是一个比较常见的需求，本文将详细介绍如何实现一个自定义的日历效果。

1、准备工作

我们需要创建一个项目，并在项目中添加一个新的Activity，在这个Activity中，我们将实现自定义日历效果，接下来，我们需要在项目的res/layout目录下创建一个布局文件，用于显示日历，布局文件的内容如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:id="@+id/tv_date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="2022-01-01" />
    <GridView
        android:id="@+id/gv_calendar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="7" />
</LinearLayout>

2、创建日历适配器

接下来，我们需要创建一个日历适配器，用于显示日历的每一行，创建一个名为CalendarAdapter的类，继承自BaseAdapter，重写getCount、getItem、getItemId和getView方法，代码如下：

public class CalendarAdapter extends BaseAdapter {
    private Context mContext;
    private int[] mDays; // 存储每个月的天数
    private int mMonth; // 当前月份
    private int mSelectedDay; // 当前选中的日期
    public CalendarAdapter(Context context, int month) {
        this.mContext = context;
        this.mMonth = month;
        initData();
    }
    private void initData() {
        Calendar calendar = Calendar.getInstance();
        calendar.set(Calendar.MONTH, mMonth);
        int daysInMonth = calendar.getActualMaximum(Calendar.DAY_OF_MONTH);
        mDays = new int[daysInMonth];
        for (int i = 0; i < daysInMonth; i++) {
            mDays[i] = i + 1;
        }
    }
    @Override
    public int getCount() {
        return mDays.length;
    }
    @Override
    public Object getItem(int position) {
        return mDays[position];
    }
    @Override
    public long getItemId(int position) {
        return position;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_calendar, parent, false);
            viewHolder = new ViewHolder();
            viewHolder.tvDay = convertView.findViewById(R.id.tv_day);
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.tvDay.setText(String.valueOf(mDays[position]));
        if (mSelectedDay == position) {
            viewHolder.tvDay.setTextColor(Color.RED); // 设置选中日期的颜色为红色
        } else {
            viewHolder.tvDay.setTextColor(Color.BLACK); // 设置未选中日期的颜色为黑色
        }
        return convertView;
    }
    static class ViewHolder {
        TextView tvDay; // 显示日期的TextView控件
    }
}

3、初始化日历数据并设置适配器

在Activity中，我们需要初始化日历数据，并设置适配器，代码如下：

public class MainActivity extends AppCompatActivity {
    private GridView mGvCalendar; // 日历控件GridView对象引用
    private CalendarAdapter mAdapter; // 日历适配器对象引用
    private int mSelectedDay; // 当前选中的日期，默认为今天日期的日份（今天是2022年1月1日，那么mSelectedDay=1）
    private int mMonth; // 当前月份，默认为当前月份（现在是2022年1月，那么mMonth=1）
    private int mYear; // 当前年份，默认为当前年份（现在是2022年，那么mYear=2022）
    private int mTodayPosition; // 今天日期在日历中的日份位置，默认为0（表示今天日期不在日历中）
    private String[] mWeeks = {"周日", "周一", "周二", "周三", "周四", "周五", "周六"}; // 一周七天的中文名称数组，用于显示在GridView的顶部标题栏上（第一行为标题栏）
    private List<List<Integer>> mAllDaysList = new ArrayList<>(); // 存储所有月份的日期列表（二维数组）的数据结构（List<List<Integer>>）对象引用，用于获取指定月份的所有日期数据（获取2022年1月的所有日期数据）