LVGL 日历组件

已于 2024-05-15 19:59:49 修改
阅读量630 收藏 1
点赞数
分类专栏： LVGL 文章标签： lvgl 单片机 日历 calendar
于 2023-11-17 21:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42378319/article/details/134465874
版权

LVGL 日历组件 calendar

添加到默认组中

  • lvgl的 calendar 组件会默认添加到旋钮按键组中，需要手动将其删除，否则会聚焦到不可见的控件上。
lv_obj_set_style_pad_all(calendar, 8, LV_STATE_DEFAULT);
lv_group_remove_obj(calendar);

修改时间范围

  • 年时间范围需要手动修改源码，下面就是将年信息修改到2023-2099年
/**
 * @file lv_calendar_obj_dropdown.c
 *
 */

 /*********************
  *      INCLUDES
  *********************/
#include "lv_calendar_header_dropdown.h"
#if LV_USE_CALENDAR_HEADER_DROPDOWN

#include "lv_calendar.h"
#include "../../../widgets/lv_dropdown.h"
#include "../../layouts/flex/lv_flex.h"

  /*********************
   *      DEFINES
   *********************/

   /**********************
    *      TYPEDEFS
    **********************/

    /**********************
     *  STATIC PROTOTYPES
     **********************/
static void my_constructor(const lv_obj_class_t* class_p, lv_obj_t* obj);
static void year_event_cb(lv_event_t* e);
static void month_event_cb(lv_event_t* e);
static void value_changed_event_cb(lv_event_t* e);

/**********************
 *  STATIC VARIABLES
 **********************/
const lv_obj_class_t lv_calendar_header_dropdown_class = {
    .base_class = &lv_obj_class,
    .width_def = LV_PCT(100),
    .height_def = LV_SIZE_CONTENT,
    .constructor_cb = my_constructor
};

static const char* month_list = "01\n02\n03\n04\n05\n06\n07\n08\n09\n10\n11\n12";
static const char* year_list = {
    "2023\n2024\n2025\n2026\n2027\n2028\n2029\n"
    "2030\n2031\n2032\n2033\n2034\n2035\n2036\n2037\n2038\n2039\n"
    "2040\n2041\n2042\n2043\n2044\n2045\n2046\n2047\n2048\n2049\n"
    "2050\n2051\n2052\n2053\n2054\n2055\n2056\n2057\n2058\n2059\n"
    "2060\n2061\n2062\n2063\n2064\n2065\n2066\n2067\n2068\n2069\n"
    "2070\n2071\n2072\n2073\n2074\n2075\n2076\n2077\n2078\n2079\n"
    "2080\n2081\n2082\n2083\n2084\n2085\n2086\n2087\n2088\n2089\n"
    "2090\n2091\n2092\n2093\n2094\n2095\n2096\n2097\n2098\n2099"

};

/**********************
 *      MACROS
 **********************/

 /**********************
  *   GLOBAL FUNCTIONS
  **********************/

lv_obj_t* lv_calendar_header_dropdown_create(lv_obj_t* parent)
{
    lv_obj_t* obj = lv_obj_class_create_obj(&lv_calendar_header_dropdown_class, parent);
    lv_obj_class_init_obj(obj);

    return obj;
}

/**********************
 *  STATIC FUNCTIONS
 **********************/

static void my_constructor(const lv_obj_class_t* class_p, lv_obj_t* obj)
{
    LV_TRACE_OBJ_CREATE("begin");

    LV_UNUSED(class_p);

    lv_obj_t* calendar = lv_obj_get_parent(obj);
    lv_obj_move_to_index(obj, 0);
    lv_obj_set_flex_flow(obj, LV_FLEX_FLOW_ROW);

    lv_obj_t* year_dd = lv_dropdown_create(obj);
    lv_dropdown_set_options(year_dd, year_list);
    lv_obj_add_event_cb(year_dd, year_event_cb, LV_EVENT_VALUE_CHANGED, calendar);
    lv_obj_set_flex_grow(year_dd, 1);

    lv_obj_t* month_dd = lv_dropdown_create(obj);
    lv_dropdown_set_options(month_dd, month_list);
    lv_obj_add_event_cb(month_dd, month_event_cb, LV_EVENT_VALUE_CHANGED, calendar);
    lv_obj_set_flex_grow(month_dd, 1);

    lv_obj_add_event_cb(obj, value_changed_event_cb, LV_EVENT_VALUE_CHANGED, NULL);
    /*Refresh the drop downs*/
    lv_event_send(obj, LV_EVENT_VALUE_CHANGED, NULL);
}

static void month_event_cb(lv_event_t* e)
{
    lv_obj_t* dropdown = lv_event_get_target(e);
    lv_obj_t* calendar = lv_event_get_user_data(e);

    uint16_t sel = lv_dropdown_get_selected(dropdown);

    const lv_calendar_date_t* d;
    d = lv_calendar_get_showed_date(calendar);
    lv_calendar_date_t newd = *d;
    newd.month = sel + 1;
    newd.day = 1;
    lv_calendar_set_showed_date(calendar, newd.year, newd.month);
    lv_calendar_set_today_date(calendar, newd.year, newd.month, newd.day);
    /*Refresh the drop downs*/
    lv_event_send(calendar, LV_EVENT_VALUE_CHANGED, NULL);
}

static void year_event_cb(lv_event_t* e)
{
    lv_obj_t* dropdown = lv_event_get_target(e);
    lv_obj_t* calendar = lv_event_get_user_data(e);

    uint16_t sel = lv_dropdown_get_selected(dropdown);

    const lv_calendar_date_t* d;
    d = lv_calendar_get_showed_date(calendar);
    lv_calendar_date_t newd = *d;
    newd.year = 2023 + sel;
    newd.day = 1;
    lv_calendar_set_showed_date(calendar, newd.year, newd.month);
    lv_calendar_set_today_date(calendar, newd.year, newd.month, newd.day);
    /*Refresh the drop downs*/
    lv_event_send(calendar, LV_EVENT_VALUE_CHANGED, NULL);
}

static void value_changed_event_cb(lv_event_t* e)
{
    lv_obj_t* header = lv_event_get_target(e);
    lv_obj_t* calendar = lv_obj_get_parent(header);
    const lv_calendar_date_t* cur_date = lv_calendar_get_showed_date(calendar);

    lv_obj_t* year_dd = lv_obj_get_child(header, 0);
    lv_dropdown_set_selected(year_dd, cur_date->year - 2023);

    lv_obj_t* month_dd = lv_obj_get_child(header, 1);
    lv_dropdown_set_selected(month_dd, cur_date->month - 1);
}

#endif /*LV_USE_CALENDAR_HEADER_ARROW*/

使用按键旋钮调整日期时，从设定日期开始调整请添加图片描述

需要修改lvgl源码，当 calendar 组建的 btnm 被聚焦时，修改被选择的按钮

static void focus_cb(lv_event_t* e)
{
    lv_calendar_t* calendar = (lv_calendar_t*)lv_event_get_user_data(e);
    uint8_t day_first = get_day_of_week(calendar->showed_date.year, calendar->showed_date.month, 1);
    lv_btnmatrix_set_selected_btn(calendar->btnm, calendar->today.day - 1 + day_first + 7);
}

lv_obj_add_event_cb(calendar->btnm, focus_cb, LV_EVENT_FOCUSED, calendar);

完整 lv_calendar.c 如下

/**
 * @file lv_calendar.c
 *
 */

/*********************
 *      INCLUDES
 *********************/
#include "lv_calendar.h"
#include "../../../lvgl.h"
#if LV_USE_CALENDAR

#include "../../../misc/lv_assert.h"

/*********************
 *      DEFINES
 *********************/
#define LV_CALENDAR_CTRL_TODAY      LV_BTNMATRIX_CTRL_CUSTOM_1
#define LV_CALENDAR_CTRL_HIGHLIGHT  LV_BTNMATRIX_CTRL_CUSTOM_2

#define MY_CLASS &lv_calendar_class

/**********************
 *      TYPEDEFS
 **********************/

/**********************
 *  STATIC PROTOTYPES
 **********************/
static void lv_calendar_constructor(const lv_obj_class_t * class_p, lv_obj_t * obj);
static void draw_part_begin_event_cb(lv_event_t * e);

static uint8_t get_day_of_week(uint32_t year, uint32_t month, uint32_t day);
static uint8_t get_month_length(int32_t year, int32_t month);
static uint8_t is_leap_year(uint32_t year);
static void highlight_update(lv_obj_t * calendar);

/**********************
 *  STATIC VARIABLES
 **********************/
const lv_obj_class_t lv_calendar_class = {
    .constructor_cb = lv_calendar_constructor,
    .width_def = (LV_DPI_DEF * 3) / 2,
    .height_def = (LV_DPI_DEF * 3) / 2,
    .group_def = LV_OBJ_CLASS_GROUP_DEF_TRUE,
    .instance_size = sizeof(lv_calendar_t),
    .base_class = &lv_obj_class
};

static const char * day_names_def[7] = LV_CALENDAR_DEFAULT_DAY_NAMES;

/**********************
 *      MACROS
 **********************/

/**********************
 *   GLOBAL FUNCTIONS
 **********************/

lv_obj_t * lv_calendar_create(lv_obj_t * parent)
{
    LV_LOG_INFO("begin");
    lv_obj_t * obj = lv_obj_class_create_obj(&lv_calendar_class, parent);
    lv_obj_class_init_obj(obj);
    return obj;
}

/*=====================
 * Setter functions
 *====================*/

void lv_calendar_set_day_names(lv_obj_t * obj, const char * day_names[])
{
    LV_ASSERT_OBJ(obj, MY_CLASS);
    lv_calendar_t * calendar = (lv_calendar_t *)obj;

    uint32_t i;
    for(i = 0; i < 7; i++) {
        calendar->map[i] = day_names[i];
    }
    lv_obj_invalidate(obj);
}

void lv_calendar_set_today_date(lv_obj_t * obj, uint32_t year, uint32_t month, uint32_t day)
{
    LV_ASSERT_OBJ(obj, MY_CLASS);
    lv_calendar_t * calendar = (lv_calendar_t *)obj;

    calendar->today.year         = year;
    calendar->today.month        = month;
    calendar->today.day          = day;

    highlight_update(obj);
}

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

    LV_ASSERT_OBJ(obj, MY_CLASS);
    lv_calendar_t * calendar = (lv_calendar_t *)obj;

    calendar->highlighted_dates     = highlighted;
    calendar->highlighted_dates_num = date_num;

    highlight_update(obj);
}

void lv_calendar_set_showed_date(lv_obj_t * obj, uint32_t year, uint32_t month)
{
    LV_ASSERT_OBJ(obj, MY_CLASS);
    lv_calendar_t * calendar = (lv_calendar_t *)obj;

    calendar->showed_date.year   = year;
    calendar->showed_date.month  = month;
    calendar->showed_date.day    = 1;

    lv_calendar_date_t d;
    d.year = calendar->showed_date.year;
    d.month = calendar->showed_date.month;
    d.day = calendar->showed_date.day;

    uint32_t i;

    /*Remove the disabled state but revert it for day names*/
    lv_btnmatrix_clear_btn_ctrl_all(calendar->btnm, LV_BTNMATRIX_CTRL_DISABLED);
    for(i = 0; i < 7; i++) {
        lv_btnmatrix_set_btn_ctrl(calendar->btnm, i, LV_BTNMATRIX_CTRL_DISABLED);
    }

    uint8_t act_mo_len = get_month_length(d.year, d.month);
    uint8_t day_first = get_day_of_week(d.year, d.month, 1);
    uint8_t c;
    for(i = day_first, c = 1; i < act_mo_len + day_first; i++, c++) {
        lv_snprintf(calendar->nums[i], sizeof(calendar->nums[0]), "%d", c);
    }

    uint8_t prev_mo_len = get_month_length(d.year, d.month - 1);
    for(i = 0, c = prev_mo_len - day_first + 1; i < day_first; i++, c++) {
        lv_snprintf(calendar->nums[i], sizeof(calendar->nums[0]), "%d", c);
        lv_btnmatrix_set_btn_ctrl(calendar->btnm, i + 7, LV_BTNMATRIX_CTRL_DISABLED);
    }

    for(i = day_first + act_mo_len, c = 1; i < 6 * 7; i++, c++) {
        lv_snprintf(calendar->nums[i], sizeof(calendar->nums[0]), "%d", c);
        lv_btnmatrix_set_btn_ctrl(calendar->btnm, i + 7, LV_BTNMATRIX_CTRL_DISABLED);
    }

    highlight_update(obj);

    /*Reset the focused button if the days changes*/
    if(lv_btnmatrix_get_selected_btn(calendar->btnm) != LV_BTNMATRIX_BTN_NONE) {
        lv_btnmatrix_set_selected_btn(calendar->btnm, day_first + 7);
    }

    lv_obj_invalidate(obj);

    /* The children of the calendar are probably headers.
     * Notify them to let the headers updated to the new date*/
    uint32_t child_cnt = lv_obj_get_child_cnt(obj);
    for(i = 0; i < child_cnt; i++) {
        lv_obj_t * child = lv_obj_get_child(obj, i);
        if(child == calendar->btnm) continue;
        lv_event_send(child, LV_EVENT_VALUE_CHANGED, obj);
    }
}

/*=====================
 * Getter functions
 *====================*/

lv_obj_t * lv_calendar_get_btnmatrix(const lv_obj_t * obj)
{
    LV_ASSERT_OBJ(obj, MY_CLASS);
    const lv_calendar_t * calendar = (lv_calendar_t *)obj;
    return calendar->btnm;
}

const lv_calendar_date_t * lv_calendar_get_today_date(const lv_obj_t * obj)
{
    LV_ASSERT_OBJ(obj, MY_CLASS);
    const lv_calendar_t * calendar = (lv_calendar_t *)obj;

    return &calendar->today;
}

const lv_calendar_date_t * lv_calendar_get_showed_date(const lv_obj_t * obj)
{
    LV_ASSERT_OBJ(obj, MY_CLASS);
    const lv_calendar_t * calendar = (lv_calendar_t *)obj;

    return &calendar->showed_date;
}

lv_calendar_date_t * lv_calendar_get_highlighted_dates(const lv_obj_t * obj)
{
    LV_ASSERT_OBJ(obj, MY_CLASS);
    lv_calendar_t * calendar = (lv_calendar_t *)obj;

    return calendar->highlighted_dates;
}

uint16_t lv_calendar_get_highlighted_dates_num(const lv_obj_t * obj)
{
    LV_ASSERT_OBJ(obj, MY_CLASS);
    lv_calendar_t * calendar = (lv_calendar_t *)obj;

    return calendar->highlighted_dates_num;
}

lv_res_t lv_calendar_get_pressed_date(const lv_obj_t * obj, lv_calendar_date_t * date)
{
    LV_ASSERT_OBJ(obj, MY_CLASS);
    lv_calendar_t * calendar = (lv_calendar_t *)obj;

    uint16_t d = lv_btnmatrix_get_selected_btn(calendar->btnm);
    if(d == LV_BTNMATRIX_BTN_NONE) {
        date->year = 0;
        date->month = 0;
        date->day = 0;
        return LV_RES_INV;
    }

    const char * txt = lv_btnmatrix_get_btn_text(calendar->btnm, lv_btnmatrix_get_selected_btn(calendar->btnm));

    if(txt[1] == 0) date->day = txt[0] - '0';
    else date->day = (txt[0] - '0') * 10 + (txt[1] - '0');

    date->year = calendar->showed_date.year;
    date->month = calendar->showed_date.month;

    return LV_RES_OK;
}


/**********************
 *  STATIC FUNCTIONS
 **********************/
static void focus_cb(lv_event_t* e)
{
    lv_calendar_t* calendar = (lv_calendar_t*)lv_event_get_user_data(e);
    uint8_t day_first = get_day_of_week(calendar->showed_date.year, calendar->showed_date.month, 1);
    lv_btnmatrix_set_selected_btn(calendar->btnm, calendar->today.day - 1 + day_first + 7);
}
static void lv_calendar_constructor(const lv_obj_class_t * class_p, lv_obj_t * obj)
{
    LV_UNUSED(class_p);
    lv_calendar_t * calendar = (lv_calendar_t *)obj;

    /*Initialize the allocated 'ext'*/
    calendar->today.year  = 2020;
    calendar->today.month = 1;
    calendar->today.day   = 1;

    calendar->showed_date.year  = 2020;
    calendar->showed_date.month = 1;
    calendar->showed_date.day   = 1;

    calendar->highlighted_dates      = NULL;
    calendar->highlighted_dates_num  = 0;

    lv_memset_00(calendar->nums, sizeof(calendar->nums));
    uint8_t i;
    uint8_t j = 0;
    for(i = 0; i < 8 * 7; i++) {
        /*Every 8th string is "\n"*/
        if(i != 0 && (i + 1) % 8 == 0) {
            calendar->map[i] = "\n";
        }
        else if(i < 7) {
            calendar->map[i] = day_names_def[i];
        }
        else {
            calendar->nums[j][0] = 'x';
            calendar->map[i] = calendar->nums[j];
            j++;
        }
    }
    calendar->map[8 * 7 - 1] = "";

    calendar->btnm = lv_btnmatrix_create(obj);
    lv_btnmatrix_set_map(calendar->btnm, calendar->map);
    lv_btnmatrix_set_btn_ctrl_all(calendar->btnm, LV_BTNMATRIX_CTRL_CLICK_TRIG | LV_BTNMATRIX_CTRL_NO_REPEAT);
    lv_obj_add_event_cb(calendar->btnm, draw_part_begin_event_cb, LV_EVENT_DRAW_PART_BEGIN, NULL);
    lv_obj_add_event_cb(calendar->btnm, focus_cb, LV_EVENT_FOCUSED, calendar);
    lv_obj_set_width(calendar->btnm, lv_pct(100));

    lv_obj_set_flex_flow(obj, LV_FLEX_FLOW_COLUMN);
    lv_obj_set_flex_grow(calendar->btnm, 1);

    lv_calendar_set_showed_date(obj, calendar->showed_date.year, calendar->showed_date.month);
    lv_calendar_set_today_date(obj, calendar->today.year, calendar->today.month, calendar->today.day);

    lv_obj_add_flag(calendar->btnm, LV_OBJ_FLAG_EVENT_BUBBLE);
}

static void draw_part_begin_event_cb(lv_event_t * e)
{
    lv_obj_t * obj = lv_event_get_target(e);
    lv_obj_draw_part_dsc_t * dsc = lv_event_get_param(e);
    if(dsc->part == LV_PART_ITEMS) {
        /*Day name styles*/
        if(dsc->id < 7) {
            dsc->rect_dsc->bg_opa = LV_OPA_TRANSP;
            dsc->rect_dsc->border_opa = LV_OPA_TRANSP;
        }
        else if(lv_btnmatrix_has_btn_ctrl(obj, dsc->id, LV_BTNMATRIX_CTRL_DISABLED)) {
            dsc->rect_dsc->bg_opa = LV_OPA_TRANSP;
            dsc->rect_dsc->border_opa = LV_OPA_TRANSP;
            dsc->label_dsc->color = lv_palette_main(LV_PALETTE_GREY);
        }

        if(lv_btnmatrix_has_btn_ctrl(obj, dsc->id, LV_CALENDAR_CTRL_HIGHLIGHT)) {
            dsc->rect_dsc->bg_opa = LV_OPA_40;
            dsc->rect_dsc->bg_color = lv_theme_get_color_primary(obj);
            if(lv_btnmatrix_get_selected_btn(obj) == dsc->id) {
                dsc->rect_dsc->bg_opa = LV_OPA_70;
            }
        }

        if(lv_btnmatrix_has_btn_ctrl(obj, dsc->id, LV_CALENDAR_CTRL_TODAY)) {
            dsc->rect_dsc->border_opa = LV_OPA_COVER;
            dsc->rect_dsc->border_color = lv_theme_get_color_primary(obj);
            dsc->rect_dsc->border_width += 1;
        }

    }
}

/**
 * Get the number of days in a month
 * @param year a year
 * @param month a month. The range is basically [1..12] but [-11..0] or [13..24] is also
 *              supported to handle next/prev. year
 * @return [28..31]
 */
static uint8_t get_month_length(int32_t year, int32_t month)
{
    month--;
    if(month < 0) {
        year--;             /*Already in the previous year (won't be less then -12 to skip a whole year)*/
        month = 12 + month; /*`month` is negative, the result will be < 12*/
    }
    if(month >= 12) {
        year++;
        month -= 12;
    }

    /*month == 1 is february*/
    return (month == 1) ? (28 + is_leap_year(year)) : 31 - month % 7 % 2;
}

/**
 * Tells whether a year is leap year or not
 * @param year a year
 * @return 0: not leap year; 1: leap year
 */
static uint8_t is_leap_year(uint32_t year)
{
    return (year % 4) || ((year % 100 == 0) && (year % 400)) ? 0 : 1;
}

/**
 * Get the day of the week
 * @param year a year
 * @param month a  month [1..12]
 * @param day a day [1..32]
 * @return [0..6] which means [Sun..Sat] or [Mon..Sun] depending on LV_CALENDAR_WEEK_STARTS_MONDAY
 */
static uint8_t get_day_of_week(uint32_t year, uint32_t month, uint32_t day)
{
    uint32_t a = month < 3 ? 1 : 0;
    uint32_t b = year - a;

#if LV_CALENDAR_WEEK_STARTS_MONDAY
    uint32_t day_of_week = (day + (31 * (month - 2 + 12 * a) / 12) + b + (b / 4) - (b / 100) + (b / 400) - 1) % 7;
#else
    uint32_t day_of_week = (day + (31 * (month - 2 + 12 * a) / 12) + b + (b / 4) - (b / 100) + (b / 400)) % 7;
#endif

    return day_of_week  ;
}

static void highlight_update(lv_obj_t * obj)
{
    lv_calendar_t * calendar = (lv_calendar_t *)obj;
    uint16_t i;

    /*Clear all kind of selection*/
    lv_btnmatrix_clear_btn_ctrl_all(calendar->btnm, LV_CALENDAR_CTRL_TODAY | LV_CALENDAR_CTRL_HIGHLIGHT);

    uint8_t day_first = get_day_of_week(calendar->showed_date.year, calendar->showed_date.month, 1);
    if(calendar->highlighted_dates) {
        for(i = 0; i < calendar->highlighted_dates_num; i++) {
            if(calendar->highlighted_dates[i].year == calendar->showed_date.year &&
               calendar->highlighted_dates[i].month == calendar->showed_date.month) {
                lv_btnmatrix_set_btn_ctrl(calendar->btnm, calendar->highlighted_dates[i].day - 1 + day_first + 7,
                                          LV_CALENDAR_CTRL_HIGHLIGHT);
            }
        }
    }

    if(calendar->showed_date.year == calendar->today.year && calendar->showed_date.month == calendar->today.month) {
        lv_btnmatrix_set_btn_ctrl(calendar->btnm, calendar->today.day - 1 + day_first + 7, LV_CALENDAR_CTRL_TODAY);
    }
}

#endif  /*LV_USE_CALENDAR*/
不咸不要钱
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于STM32的LVGL-RTC实时日历（可修改日期）.rar
10-18
基于STM32，采用LVGL制作的日历，可与STM32-RTC一并使用，并创立界面，可通过人工交互进行日历修改。
Vue3+Typescript日历组件
07-29
首先，我们从标题"Vue3+Typescript日历组件"出发，理解其核心是创建一个基于Vue3的组件，且使用了TypeScript作为编程语言。TypeScript是JavaScript的超集，它提供了静态类型系统，有助于在编码阶段发现潜在的错误，...
LVGL：拓展部件——日历 lv_calendar
友善啊，朋友的博客
04-03 1486
对象作为基础结构，以此来组织和排列日历中的日期及星期名称，形成一个矩阵布局。设置日历控件特定日期高亮显示。参数3是要高亮显示的日期数量。获取当前显示的日期，即用户当前看到的年份、月份组合。获取其内部用于显示日期和星期名称的按钮矩阵。获取日历控件当前被按下的日期。设置下拉列表形式的日历头。获取高亮显示日期数量。设置箭头形式的日历头。
肝一个嵌入式日历吧！LVGL『Calendar日历控件』介绍
朝气蓬勃
02-24 6439
一. LVGL GUI按键矩阵控件的概念 LVGL做的日历空间还是比较好看的，而且需要我们做的事情很少，LVGL的日历控件有以下功能 突出显示当天 突出显示任何用户定义的日期 显示日期名称 单击按钮进入下一个/上一个月 突出显示点击的日子 二. LVGL GUI按键矩阵小部件和样式 日历的主要部分称为 LV_CALENDAR_PART_BG 。它使用典型的背景样式属性绘制背景。 还有以下虚拟部分外： LV_CALENDAR_PART_HEADER 显示当前年和月名称的上部区域。它还具有用于移动
ESP32 LVGL8.1 ——Calendar 日历 (Calendar 25)
believe666的博客
01-01 2238
提示：本博客作为学习笔记，有错误的地方希望指正 文章目录一、Calendar 简介1.1概述 Overview1.2部分和风格 Parts and Styles1.3使用 Usage1.3.1当前日期 Current date1.3.2高亮显示天数 Highlighted days1.3.3天的名称 Name of the days1.4事件 Events1.5按键 Keys1.6页眉 Headers1.6.1 箭头按键 Arrow buttons1.6.2 下拉 Drop-down二、Calendar
LVGL——日历部件
weixin_63780683的博客
12-21 628
上述方法中，①是由下拉列表的形式来选择年月份；②是由按键选择月份，值得注意的是，方法②不能调整年份， 它的年份需要根据月份来跳转。① 调用 lv_calendar_header_dropdown_create 函数设置；② 调用 lv_calendar_header_arrow_create 函数设置。② 各个按钮 LV_PART_ITEMS（指向日期和名称）① 主体背景 LV_PART_MAIN；日历部件设置日历头的方式有两个。
vue实现一个炫酷的日历组件
10-17
日历组件作为时间数据管理的重要界面元素，它使得用户可以方便地查看和筛选日期，实现对订单数据等信息的快速检索。基于Vue框架的前端技术在这样的场景中扮演着重要角色，而接下来将详细阐述如何利用Vue实现一个炫酷...
城市日历组件模板
01-23
城市日历组件模板是一种网页设计元素，主要用于展示与城市相关的活动、节日或重要日期，它通常结合了日历的功能和城市特色，为用户提供一个交互式的界面。这种组件在网站、APP或者在线服务平台上广泛使用，可以提升...
日历组件日历组件日历组件
04-25
日历组件是软件开发中的重要元素，特别是在个人和团队的日程管理方面发挥着核心作用。在本文中，我们将深入探讨日历组件的功能、设计、实现以及如何将其有效地整合到应用程序中。 日历组件通常包括以下几个关键功能...
微信小程序uniapp日历组件，可以自定义文案，可以上下滑动选择日期
03-01
2. **日历组件的实现**：在uni-app中，开发者需要自定义一个组件，该组件包含一个展示日历的视图和用于用户交互的逻辑。日历视图通常会以一个月为单位进行展示，包括日期格子、星期列等元素。用户可以通过手势或按钮...
基于STM32的Littlevgl-rtc实时日历.rar
09-28
基于STM32的Littlevgl-rtc实时日历，通过STM32内部时钟进行日历显示，跟随时间进行改版。
为全志D1开发板移植LVGL日历控件和显示天气
DOT小文哥的博客
02-21 1237
本例使用的API有：lv_calendar_create()、lv_canlendar_set_today_date()、lv_calendar_set_showed_date()和lv_calendar_header_arrow_create()。可以看到请求实时数据（now.json），得到一个JSON对象，包含一个“results”引导的JSON数组，且数组只有一个元素，元素中又包含“location”、“now”和“last_update”三个JSON对象，内部还有键值对。
LVGL学习记录：calendar日历
moshanghuaw的博客
01-13 791
程序 #include <lvgl.h> #include <TFT_eSPI.h> /*If you want to use the LVGL examples, make sure to install the lv_examples Arduino library and uncomment the following line. #include <lv_examples.h> */ // #include <lv_demo.h>
LVGL学习笔记 24 - 日历Calendar
pq的博客
04-03 1578
通过lv_calendar_create创建。
ESP32 开发笔记(四）LVGL控件学习 Calendar 日历控件
cnicfhnui的博客
12-03 4703
先看效果，创建一个日历控件并设置高亮和低亮标签 此文章为盖楼文章，为组织目录链接用，未写教程，教程更新后会删除此行 开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674 一、开发板简介 二、开发环境搭建 windows ESP32例程为C语言开发，并非Python/Arduino/AT指令开发，基于ESP-IDF_V4.2框架库，采用纯C
LVGL学习之路——LVGL模拟器使用之日历控件的建立
meteor的博客
11-19 1599
关于如何创建lvgl模拟器和如何插入自己的程序我已经在上一章说过了，可以看看上一章的如何使用button。这一章主要的就是上代码 test.c #include "../../lv_examples.h" #include "test.h" #include <Windows.h> lv_obj_t* calendar; static void event_handler(lv_obj_t* obj, lv_event_t event) { if (event == LV_EVENT
合宙Air724UG LuatOS-Air LVGL API控件--日历 (Calendar)
l531798151的博客
08-29 1169
日历控件当然是用在显示日期的地方，一个日历控件就能当成是一个应用了。日期是通过 lvgl.calendar_date_t() 函数创建的，这是个用户自定义数据，注意不要用 talbe 创建日期，两者还是有区别的。lvgl.calendar_set_today_date(calendar, today) – 设置当前日期。lvgl.calendar_set_showed_date(calendar, show) – 设置显示日期。日历控件有三个常用日期，今天的日期，高亮日期，当前显示的日期。
LVGL 8.2.0之Calendar
mygod2008ok的专栏
03-20 842
事件处理函数 static void event_handler(lv_event_t* e) { lv_event_code_t code = lv_event_get_code(e); //获取事件code lv_obj_t* obj = lv_event_get_current_target(e); //获取事件产生的对象 if (code == LV_EVENT_VALUE_CHANGED) { //值改变事件处理 lv_calendar_date_t dat
lvgl 实现滚轮 roller 日期调节组件，并且包含万年历
最新发布
m0_61704502的博客
05-15 657
lvgl 实现移动端h5的日期滚轮组件
uniapp周日历组件
02-24
uniapp是一款基于Vue.js的跨平台开发框，可以用于开发iOS、Android、H5等多个平台的应用程序。而uniapp周日历组件是在uniapp框架下，用于展示和管理日历的组件。 uniapp周日历组件通常具有以下功能： 1. 展示日历：可以显示当前月份的日历，并标记出当天日期。 2. 切换月份：可以通过左右滑动或点击按钮来切换月份，以便查看不同月份的日历。 3. 选择日期：可以点击某个日期来选择特定日期，通常会有选中效果或者回调函数来处理选择事件。 4. 自定义样式：可以根据需求自定义日历的样式，包括日期的颜色、背景、边框等。 uniapp周日历组件的具体实现方式可以有多种，常见的方式包括： 1. 使用第三方组件库：uniapp支持引入第三方组件库，可以选择一些已经开发好的周日历组件库进行使用。 2. 自定义组件：根据自己的需求，可以自己编写一个周日历组件，通过Vue.js的组件化开发方式来实现。 总结一下，uniapp周日历组件是用于展示和管理日历的组件，可以在uniapp框架下进行开发和使用。具体实现方式可以选择引入第三方组件库或自定义开发。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值