LVGL 日历组件

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*/