LVGL学习笔记 24 - 日历Calendar

最新推荐文章于 2024-05-15 09:30:00 发布

pq113_6

最新推荐文章于 2024-05-15 09:30:00 发布

阅读量1.4k

点赞数 5

分类专栏： UI 文章标签： LVGL

本文链接：https://blog.csdn.net/pq113_6/article/details/129444355

版权

UI 专栏收录该内容

31 篇文章 91 订阅

订阅专栏

通过lv_calendar_create创建。

lv_obj_t* calendar = lv_calendar_create(lv_scr_act());
lv_obj_set_size(calendar, 185, 185);
lv_obj_align(calendar, LV_ALIGN_CENTER, 0, 0);

1. 初始化

1.1 设置星期名

默认的星期名是

可以通过lv_calendar_set_day_names修改。

void lv_calendar_set_day_names(lv_obj_t * obj, const char ** day_names);

const char* daysName[7] = { "日", "一", "二",  "三", "四", "五", "六" };
lv_obj_set_style_text_font(calendar, &lv_font_simsun_16_cjk, LV_PART_MAIN);
lv_calendar_set_day_names(calendar, daysName);

1.2 设置年月

void lv_calendar_set_showed_date(lv_obj_t * obj, uint32_t year, uint32_t month);

由于一页显示一个月的日期，所以只需要设置年月即可。

lv_calendar_set_showed_date(calendar, 2023, 3);

1.3 设置日

void lv_calendar_set_today_date(lv_obj_t * obj, uint32_t year, uint32_t month, uint32_t day);

设置日期时实际是设置年月日，如果和设置年月不一致，实际是没显示出来。

lv_calendar_set_today_date(calendar, 2023, 3, 10);

1.4 设置高亮日期

void lv_calendar_set_highlighted_dates(lv_obj_t * obj, lv_calendar_date_t highlighted[], uint16_t date_num);

注意，参数highlighted不能是局部变量，可以是全局变量或static变量，即不能被注销。

static lv_calendar_date_t highlighted_days[3];
highlighted_days[0].year = 2023;
highlighted_days[0].month = 3;
highlighted_days[0].day = 11;

highlighted_days[1].year = 2023;
highlighted_days[1].month = 3;
highlighted_days[1].day = 12;

highlighted_days[2].year = 2023;
highlighted_days[2].month = 3;
highlighted_days[2].day = 13;

lv_calendar_set_highlighted_dates(calendar, highlighted_days, 3);

1.5 添加下拉列表型的年月选择

lv_obj_t * lv_calendar_header_dropdown_create(lv_obj_t * parent)

在源文件里面有一个年份数组year_list，里面的年范围为1901 - 2023，可以根据自己的需求修改。

lv_calendar_header_dropdown_create(calendar);

1.6 添加箭头型的年月选择

lv_obj_t * lv_calendar_header_arrow_create(lv_obj_t * parent)

2. Parts

日历有2个部件：LV_PART_MAIN和LV_PART_ITEMS。

LV_PART_MAIN：日历的背景。

LV_PART_ITEMS：年月日部分，注意，实际上没能改到这部分，似乎没有这个部件。

3. 样式

3.1 背景色

仅对LV_PART_MAIN有效

lv_obj_set_style_bg_color(calendar, lv_color_hex(0xFF0000), LV_PART_MAIN);
lv_obj_set_style_bg_color(calendar, lv_color_hex(0x00FF00), LV_PART_ITEMS);

可以看出来没有绿色的颜色，即LV_PART_ITEMS无效。

3.2 字体颜色

lv_obj_set_style_text_color(calendar, lv_color_hex(0xFF0000), LV_PART_MAIN);
lv_obj_set_style_text_color(calendar, lv_color_hex(0x00FF00), LV_PART_ITEMS);

3.3 框颜色

lv_obj_set_style_border_color(calendar, lv_color_hex(0xFF0000), LV_PART_MAIN);
lv_obj_set_style_border_color(calendar, lv_color_hex(0x00FF00), LV_PART_ITEMS);