LVGL——日历部件

目录

一、部件组成

二、部件操作 

1、创建日历部件

2、日期的设置和显示

1、设置当前日期

2、显示日期

三、项目案例

---

一、部件组成

① 主体背景 LV_PART_MAIN；

② 各个按钮 LV_PART_ITEMS（指向日期和名称）

二、部件操作 

1、创建日历部件

lv_obj_t *lv_calendar_create(lv_obj_t *parent);

2、日期的设置和显示

1、设置当前日期

lv_calendar_set_today_date();

2、显示日期

lv_calendar_set_shown_date();

日历部件设置日历头的方式有两个
① 调用 lv_calendar_header_dropdown_create 函数设置；

② 调用 lv_calendar_header_arrow_create 函数设置。

上述方法中，①是由下拉列表的形式来选择年月份；②是由按键选择月份，值得注意的是，方法②不能调整年份， 它的年份需要根据月份来跳转。

三、项目案例

void ui_CalendarPage_screen_init(void)
{
    ui_CalendarPage = lv_obj_create(NULL);
    ui_CalendarPageCalendar = lv_calendar_create(ui_CalendarPage);
    lv_obj_set_width(ui_CalendarPageCalendar, 240);
    lv_obj_set_height(ui_CalendarPageCalendar, 280);

    lv_obj_set_align(ui_CalendarPageCalendar, LV_ALIGN_CENTER);
    lv_obj_set_style_radius(ui_CalendarPageCalendar, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
    lv_obj_set_style_border_width(ui_CalendarPageCalendar, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
    lv_calendar_set_today_date(ui_CalendarPageCalendar, 2023, 12, 21);      //设置当前日期
    lv_calendar_set_showed_date(ui_CalendarPageCalendar, 2023, 12);         //设置显示的月份
    lv_calendar_header_dropdown_create(ui_CalendarPage, ui_CalendarPageCalendar);   //设置日历头
}