以抽象的类来实例化不同的对象
可以选择触发样式的条件
除了状态不要进行按位或，不然会出现问题
LVGL控件-选项卡
2024年7月7日
LVGL控件-chart
lv_obj_t *chart = lv_chart_create(parent);
lv_obj_set_size(chart, 450, 180);
lv_obj_align(chart, LV_ALIGN_CENTER, 0, 0);
（图表创建代码）LVGL-事件
控件-按钮
控件-滑动块
lv_obj_t *labe32=lv_slider_create(parent);
// lv_obj_set_size(labe32,200,8);
// lv_obj_set_pos(labe32,150,103);
控件-文本框
const char * txt = lv_textarea_get_text(ta);
lv_obj_add_event_cb(ta,ta1_event_cb, LV_EVENT_ALL, NULL);
LVGL相关代码
static void profile_create(lv_obj_t * parent)
{
//第一个界面
lv_obj_t *labe2=lv_label_create(parent);
lv_obj_set_size(labe2,200,60);
lv_obj_set_pos(labe2,20,20);
lv_label_set_text(labe2,"AD9959 SET PAGE");
lv_obj_t *labe3=lv_label_create(parent);
lv_obj_set_size(labe3,200,40);
lv_obj_set_pos(labe3,20,60);
lv_label_set_text(labe3,"Frequency");
/////////
lv_obj_t *labe31=lv_slider_create(parent);
lv_obj_set_size(labe31,200,8);
lv_obj_set_pos(labe31,150,63);
lv_obj_t *labe4=lv_label_create(parent);
lv_obj_set_size(labe4,200,40);
lv_obj_set_pos(labe4,20,100);
lv_label_set_text(labe4,"Amplitude");
lv_obj_t *labe32=lv_slider_create(parent);
lv_obj_set_size(labe32,200,8);
lv_obj_set_pos(labe32,150,103);
/////////////
lv_obj_t *labe5=lv_label_create(parent);
lv_obj_set_size(labe5,200,40);
lv_obj_set_pos(labe5,20,140);
lv_label_set_text(labe5,"Sweep");
lv_obj_t *labe322=lv_slider_create(parent);
lv_obj_set_size(labe322,200,8);
lv_obj_set_pos(labe322,150,143);
///////////////////
lv_obj_t *labe6=lv_label_create(parent);
lv_obj_set_size(labe6,200,40);
lv_obj_set_pos(labe6,20,180);
lv_label_set_text(labe6,"Start frequency");
lv_obj_t *labe3222=lv_slider_create(parent);
lv_obj_set_size(labe3222,200,8);
lv_obj_set_pos(labe3222,150,183);
lv_obj_t *labe7=lv_label_create(parent);
lv_obj_set_size(labe7,200,40);
lv_obj_set_pos(labe7,20,220);
lv_label_set_text(labe7,"Stop frequency");
lv_obj_t *labe32222=lv_slider_create(parent);
lv_obj_set_size(labe32222,200,8);
lv_obj_set_pos(labe32222,150,223);
lv_obj_t *labe8=lv_label_create(parent);
lv_obj_set_size(labe8,200,40);
lv_obj_set_pos(labe8,20,260);
lv_label_set_text(labe8,"Sweep time");
lv_obj_t *labe34=lv_slider_create(parent);
lv_obj_set_size(labe34,200,8);
lv_obj_set_pos(labe34,150,263);
/////////////
lv_obj_t *labe9=lv_label_create(parent);
lv_obj_set_size(labe9,200,40);
lv_obj_set_pos(labe9,20,300);
lv_label_set_text(labe9,"Stepping");
lv_obj_t *labe342=lv_slider_create(parent);
lv_obj_set_size(labe342,200,8);
lv_obj_set_pos(labe342,150,303);
lv_obj_t *labe10=lv_label_create(parent);
lv_obj_set_size(labe10,200,40);
lv_obj_set_pos(labe10,20,380);
lv_label_set_text(labe10,"Mode");
lv_obj_t *switch1=lv_switch_create(parent);
lv_obj_set_size(switch1,50,20);
lv_obj_set_pos(switch1,20,420);
}
static void analytics_create(lv_obj_t * parent)
{
lv_obj_t *chart = lv_chart_create(parent);
lv_obj_set_size(chart, 400, 160);
lv_obj_align(chart,LV_ALIGN_CENTER, 0, 0);
lv_chart_set_type(chart,LV_CHART_TYPE_LINE);
//设置栅格数
void lv_chart_set_div_line_count(lv_obj_t * obj, uint8_t hdiv, uint8_t vdiv);
lv_chart_set_div_line_count(chart, 11, 11);
//设置记号与标签
void lv_chart_set_axis_tick(lv_obj_t * obj, lv_chart_axis_t axis, lv_coord_t major_len, lv_coord_t minor_len,lv_coord_t major_cnt, lv_coord_t minor_cnt, bool label_en, lv_coord_t draw_size);
lv_chart_set_axis_tick(chart, LV_CHART_AXIS_PRIMARY_Y, 5, 3, 5, 2, true, 40);
lv_chart_set_axis_tick(chart, LV_CHART_AXIS_PRIMARY_X, 5, 3, 11, 2, true, 40);
//设置范围
void lv_chart_set_range(lv_obj_t * obj, lv_chart_axis_t axis, lv_coord_t min, lv_coord_t max);
lv_chart_set_range(chart, LV_CHART_AXIS_PRIMARY_X, 0, 200);
lv_chart_series_t * lv_chart_add_series(lv_obj_t * obj, lv_color_t color, lv_chart_axis_t axis);
void lv_chart_set_next_value(lv_obj_t * obj, lv_chart_series_t * ser, lv_coord_t value);
lv_chart_set_next_value(chart, ser1, 0);
lv_chart_set_next_value(chart, ser1, 100);
lv_chart_set_next_value(chart, ser1, 200);
}
/**
* @file lv_demo_widgets.c
*
*/
/*********************
* INCLUDES
*********************/
#include "lv_demo_widgets.h"
//////图表，第二个界面
static void hook_division_lines(lv_event_t * e);
static void add_faded_area(lv_event_t * e);
static void draw_event_cb(lv_event_t * e);
////////////////////////
#if LV_USE_DEMO_WIDGETS
#if LV_MEM_CUSTOM == 0 && LV_MEM_SIZE < (38ul * 1024ul)
#error Insufficient memory for lv_demo_widgets. Please set LV_MEM_SIZE to at least 38KB (38ul * 1024ul). 48KB is recommended.
#endif
/*********************
* DEFINES
*********************/
/**********************
* TYPEDEFS
**********************/
typedef enum {
DISP_SMALL,
DISP_MEDIUM,
DISP_LARGE,
} disp_size_t;
/**********************
* STATIC PROTOTYPES
**********************/
static void profile_create(lv_obj_t * parent);
static void analytics_create(lv_obj_t * parent);
static void shop_create(lv_obj_t * parent);
static void color_changer_create(lv_obj_t * parent);
static lv_obj_t * create_meter_box(lv_obj_t * parent, const char * title, const char * text1, const char * text2,
const char * text3);
static lv_obj_t * create_shop_item(lv_obj_t * parent, const void * img_src, const char * name, const char * category,
const char * price);
static void color_changer_event_cb(lv_event_t * e);
static void color_event_cb(lv_event_t * e);
static void ta_event_cb(lv_event_t * e);
static void birthday_event_cb(lv_event_t * e);
static void calendar_event_cb(lv_event_t * e);
static void slider_event_cb(lv_event_t * e);
static void chart_event_cb(lv_event_t * e);
static void shop_chart_event_cb(lv_event_t * e);
static void meter1_indic1_anim_cb(void * var, int32_t v);
static void meter1_indic2_anim_cb(void * var, int32_t v);
static void meter1_indic3_anim_cb(void * var, int32_t v);
static void meter2_timer_cb(lv_timer_t * timer);
static void meter3_anim_cb(void * var, int32_t v);
/**********************
* STATIC VARIABLES
**********************/
static disp_size_t disp_size;
static lv_obj_t * tv;
static lv_obj_t * calendar;
static lv_style_t style_text_muted;
static lv_style_t style_title;
static lv_style_t style_icon;
static lv_style_t style_bullet;
static lv_obj_t * meter1;
static lv_obj_t * meter2;
static lv_obj_t * meter3;
static lv_obj_t * chart1;
static lv_obj_t * chart2;
static lv_obj_t * chart3;
static lv_chart_series_t * ser1;
static lv_chart_series_t * ser2;
static lv_chart_series_t * ser3;
static lv_chart_series_t * ser4;
static const lv_font_t * font_large;
static const lv_font_t * font_normal;
static uint32_t session_desktop = 1000;
static uint32_t session_tablet = 1000;
static uint32_t session_mobile = 1000;
/**********************
* MACROS
**********************/
/**********************
* GLOBAL FUNCTIONS
**********************/
void lv_demo_widgets(void)
{
// lv_obj_t *switch1 = lv_switch_create(lv_scr_act());//按键开发
// lv_obj_set_size(switch1,200,100);
// if(LV_HOR_RES <= 320) disp_size = DISP_SMALL;
// else if(LV_HOR_RES < 720) disp_size = DISP_MEDIUM;
// else disp_size = DISP_LARGE;
// font_large = LV_FONT_DEFAULT;
// font_normal = LV_FONT_DEFAULT;
lv_coord_t tab_h;
if(disp_size == DISP_LARGE) {
tab_h = 70;
}
//#if LV_FONT_MONTSERRAT_24
// font_large = &lv_font_montserrat_24;
//#else
// LV_LOG_WARN("LV_FONT_MONTSERRAT_24 is not enabled for the widgets demo. Using LV_FONT_DEFAULT instead.");
//#endif
//#if LV_FONT_MONTSERRAT_16
// font_normal = &lv_font_montserrat_16;
//#else
// LV_LOG_WARN("LV_FONT_MONTSERRAT_16 is not enabled for the widgets demo. Using LV_FONT_DEFAULT instead.");
//#endif
// }
// else if(disp_size == DISP_MEDIUM) {
// tab_h = 45;
//#if LV_FONT_MONTSERRAT_20
// font_large = &lv_font_montserrat_20;
//#else
// LV_LOG_WARN("LV_FONT_MONTSERRAT_20 is not enabled for the widgets demo. Using LV_FONT_DEFAULT instead.");
//#endif
//#if LV_FONT_MONTSERRAT_14
// font_normal = &lv_font_montserrat_14;
//#else
// LV_LOG_WARN("LV_FONT_MONTSERRAT_14 is not enabled for the widgets demo. Using LV_FONT_DEFAULT instead.");
//#endif
// }
// else { /* disp_size == DISP_SMALL */
// tab_h = 45;
//#if LV_FONT_MONTSERRAT_18
// font_large = &lv_font_montserrat_18;
//#else
// LV_LOG_WARN("LV_FONT_MONTSERRAT_18 is not enabled for the widgets demo. Using LV_FONT_DEFAULT instead.");
//#endif
//#if LV_FONT_MONTSERRAT_12
// font_normal = &lv_font_montserrat_12;
//#else
// LV_LOG_WARN("LV_FONT_MONTSERRAT_12 is not enabled for the widgets demo. Using LV_FONT_DEFAULT instead.");
//#endif
// }
//#if LV_USE_THEME_DEFAULT
// lv_theme_default_init(NULL, lv_palette_main(LV_PALETTE_BLUE), lv_palette_main(LV_PALETTE_RED), LV_THEME_DEFAULT_DARK,
// font_normal);
//#endif
// lv_style_init(&style_text_muted);
// lv_style_set_text_opa(&style_text_muted, LV_OPA_50);
// lv_style_init(&style_title);
// lv_style_set_text_font(&style_title, font_large);
// lv_style_init(&style_icon);
// lv_style_set_text_color(&style_icon, lv_theme_get_color_primary(NULL));
// lv_style_set_text_font(&style_icon, font_large);
// lv_style_init(&style_bullet);
// lv_style_set_border_width(&style_bullet, 0);
// lv_style_set_radius(&style_bullet, LV_RADIUS_CIRCLE);
tv = lv_tabview_create(lv_scr_act(), LV_DIR_TOP, tab_h);
// lv_obj_set_style_text_font(lv_scr_act(), font_normal, 0);
// if(disp_size == DISP_LARGE) {
// lv_obj_t * tab_btns = lv_tabview_get_tab_btns(tv);
// lv_obj_set_style_pad_left(tab_btns, LV_HOR_RES / 2, 0);
// lv_obj_t * logo = lv_img_create(tab_btns);
// LV_IMG_DECLARE(img_lvgl_logo);
// lv_img_set_src(logo, &img_lvgl_logo);
// lv_obj_align(logo, LV_ALIGN_LEFT_MID, -LV_HOR_RES / 2 + 25, 0);
// lv_obj_t * label = lv_label_create(tab_btns);
// lv_obj_add_style(label, &style_title, 0);
// lv_label_set_text(label, "LVGL v8");
// lv_obj_align_to(label, logo, LV_ALIGN_OUT_RIGHT_TOP, 10, 0);
// label = lv_label_create(tab_btns);
// lv_label_set_text(label, "Widgets demo");
// lv_obj_add_style(label, &style_text_muted, 0);
// lv_obj_align_to(label, logo, LV_ALIGN_OUT_RIGHT_BOTTOM, 10, 0);
// }
lv_obj_t * t1 = lv_tabview_add_tab(tv, "AD9959");
lv_obj_t * t2 = lv_tabview_add_tab(tv, "Spectrum");
lv_obj_t * t3 = lv_tabview_add_tab(tv, "Others");
profile_create(t1);
analytics_create(t2);
shop_create(t3);
// color_changer_create(tv);
}
/**********************
* STATIC FUNCTIONS
**********************/
static void profile_create(lv_obj_t * parent)
{
//第一个界面
lv_obj_t *labe2=lv_label_create(parent);
lv_obj_set_size(labe2,200,60);
lv_obj_set_pos(labe2,20,20);
lv_label_set_text(labe2,"AD9959 SET PAGE");
lv_obj_t *labe3=lv_label_create(parent);
lv_obj_set_size(labe3,200,40);
lv_obj_set_pos(labe3,20,60);
lv_label_set_text(labe3,"Frequency");
/////////
lv_obj_t *labe31=lv_slider_create(parent);
lv_obj_set_size(labe31,200,8);
lv_obj_set_pos(labe31,150,63);
lv_obj_t *labe4=lv_label_create(parent);
lv_obj_set_size(labe4,200,40);
lv_obj_set_pos(labe4,20,100);
lv_label_set_text(labe4,"Amplitude");
lv_obj_t *labe32=lv_slider_create(parent);
lv_obj_set_size(labe32,200,8);
lv_obj_set_pos(labe32,150,103);
/////////////
lv_obj_t *labe5=lv_label_create(parent);
lv_obj_set_size(labe5,200,40);
lv_obj_set_pos(labe5,20,140);
lv_label_set_text(labe5,"Sweep");
lv_obj_t *labe322=lv_slider_create(parent);
lv_obj_set_size(labe322,200,8);
lv_obj_set_pos(labe322,150,143);
///////////////////
lv_obj_t *labe6=lv_label_create(parent);
lv_obj_set_size(labe6,200,40);
lv_obj_set_pos(labe6,20,180);
lv_label_set_text(labe6,"Start frequency");
lv_obj_t *labe3222=lv_slider_create(parent);
lv_obj_set_size(labe3222,200,8);
lv_obj_set_pos(labe3222,150,183);
lv_obj_t *labe7=lv_label_create(parent);
lv_obj_set_size(labe7,200,40);
lv_obj_set_pos(labe7,20,220);
lv_label_set_text(labe7,"Stop frequency");
lv_obj_t *labe32222=lv_slider_create(parent);
lv_obj_set_size(labe32222,200,8);
lv_obj_set_pos(labe32222,150,223);
lv_obj_t *labe8=lv_label_create(parent);
lv_obj_set_size(labe8,200,40);
lv_obj_set_pos(labe8,20,260);
lv_label_set_text(labe8,"Sweep time");
lv_obj_t *labe34=lv_slider_create(parent);
lv_obj_set_size(labe34,200,8);
lv_obj_set_pos(labe34,150,263);
/////////////
lv_obj_t *labe9=lv_label_create(parent);
lv_obj_set_size(labe9,200,40);
lv_obj_set_pos(labe9,20,300);
lv_label_set_text(labe9,"Stepping");
lv_obj_t *labe342=lv_slider_create(parent);
lv_obj_set_size(labe342,200,8);
lv_obj_set_pos(labe342,150,303);
lv_obj_t *labe10=lv_label_create(parent);
lv_obj_set_size(labe10,200,40);
lv_obj_set_pos(labe10,20,380);
lv_label_set_text(labe10,"Mode");
lv_obj_t *switch1=lv_switch_create(parent);
lv_obj_set_size(switch1,50,20);
lv_obj_set_pos(switch1,20,420);
}
static void analytics_create(lv_obj_t * parent)
{
lv_obj_t *chart = lv_chart_create(parent);
lv_obj_set_size(chart, 400, 160);
lv_obj_align(chart,LV_ALIGN_CENTER, 0, 0);
lv_chart_set_type(chart,LV_CHART_TYPE_LINE);
//设置栅格数
void lv_chart_set_div_line_count(lv_obj_t * obj, uint8_t hdiv, uint8_t vdiv);
lv_chart_set_div_line_count(chart, 11, 11);
//设置记号与标签
void lv_chart_set_axis_tick(lv_obj_t * obj, lv_chart_axis_t axis, lv_coord_t major_len, lv_coord_t minor_len,lv_coord_t major_cnt, lv_coord_t minor_cnt, bool label_en, lv_coord_t draw_size);
lv_chart_set_axis_tick(chart, LV_CHART_AXIS_PRIMARY_Y, 5, 3, 5, 2, true, 40);
lv_chart_set_axis_tick(chart, LV_CHART_AXIS_PRIMARY_X, 5, 3, 11, 2, true, 40);
//设置范围
void lv_chart_set_range(lv_obj_t * obj, lv_chart_axis_t axis, lv_coord_t min, lv_coord_t max);
lv_chart_set_range(chart, LV_CHART_AXIS_PRIMARY_X, 0, 200);
lv_chart_series_t * lv_chart_add_series(lv_obj_t * obj, lv_color_t color, lv_chart_axis_t axis);
void lv_chart_set_next_value(lv_obj_t * obj, lv_chart_series_t * ser, lv_coord_t value);
lv_chart_set_next_value(chart, ser1, 0);
lv_chart_set_next_value(chart, ser1, 100);
lv_chart_set_next_value(chart, ser1, 200);
}
void shop_create(lv_obj_t * parent)
{
}
static void color_changer_create(lv_obj_t * parent)
{
static lv_palette_t palette[] = {
LV_PALETTE_BLUE, LV_PALETTE_GREEN, LV_PALETTE_BLUE_GREY, LV_PALETTE_ORANGE,
LV_PALETTE_RED, LV_PALETTE_PURPLE, LV_PALETTE_TEAL, _LV_PALETTE_LAST
};
lv_obj_t * color_cont = lv_obj_create(parent);
lv_obj_remove_style_all(color_cont);
lv_obj_set_flex_flow(color_cont, LV_FLEX_FLOW_ROW);
lv_obj_set_flex_align(color_cont, LV_FLEX_ALIGN_SPACE_EVENLY, LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_CENTER);
lv_obj_add_flag(color_cont, LV_OBJ_FLAG_FLOATING);
lv_obj_set_style_bg_color(color_cont, lv_color_white(), 0);
lv_obj_set_style_pad_right(color_cont, disp_size == DISP_SMALL ? LV_DPX(47) : LV_DPX(55), 0);
lv_obj_set_style_bg_opa(color_cont, LV_OPA_COVER, 0);
lv_obj_set_style_radius(color_cont, LV_RADIUS_CIRCLE, 0);
if(disp_size == DISP_SMALL) lv_obj_set_size(color_cont, LV_DPX(52), LV_DPX(52));
else lv_obj_set_size(color_cont, LV_DPX(60), LV_DPX(60));
lv_obj_align(color_cont, LV_ALIGN_BOTTOM_RIGHT, - LV_DPX(10), - LV_DPX(10));
uint32_t i;
for(i = 0; palette[i] != _LV_PALETTE_LAST; i++) {
lv_obj_t * c = lv_btn_create(color_cont);
lv_obj_set_style_bg_color(c, lv_palette_main(palette[i]), 0);
lv_obj_set_style_radius(c, LV_RADIUS_CIRCLE, 0);
lv_obj_set_style_opa(c, LV_OPA_TRANSP, 0);
lv_obj_set_size(c, 20, 20);
lv_obj_add_event_cb(c, color_event_cb, LV_EVENT_ALL, &palette[i]);
lv_obj_clear_flag(c, LV_OBJ_FLAG_SCROLL_ON_FOCUS);
}
lv_obj_t * btn = lv_btn_create(parent);
lv_obj_add_flag(btn, LV_OBJ_FLAG_FLOATING | LV_OBJ_FLAG_CLICKABLE);
lv_obj_set_style_bg_color(btn, lv_color_white(), LV_STATE_CHECKED);
lv_obj_set_style_pad_all(btn, 10, 0);
lv_obj_set_style_radius(btn, LV_RADIUS_CIRCLE, 0);
lv_obj_add_event_cb(btn, color_changer_event_cb, LV_EVENT_ALL, color_cont);
lv_obj_set_style_shadow_width(btn, 0, 0);
lv_obj_set_style_bg_img_src(btn, LV_SYMBOL_TINT, 0);
if(disp_size == DISP_SMALL) {
lv_obj_set_size(btn, LV_DPX(42), LV_DPX(42));
lv_obj_align(btn, LV_ALIGN_BOTTOM_RIGHT, -LV_DPX(15), -LV_DPX(15));
}
else {
lv_obj_set_size(btn, LV_DPX(50), LV_DPX(50));
lv_obj_align(btn, LV_ALIGN_BOTTOM_RIGHT, -LV_DPX(15), -LV_DPX(15));
}
}
static void color_changer_anim_cb(void * var, int32_t v)
{
lv_obj_t * obj = var;
lv_coord_t max_w = lv_obj_get_width(lv_obj_get_parent(obj)) - LV_DPX(20);
lv_coord_t w;
if(disp_size == DISP_SMALL) {
w = lv_map(v, 0, 256, LV_DPX(52), max_w);
lv_obj_set_width(obj, w);
lv_obj_align(obj, LV_ALIGN_BOTTOM_RIGHT, - LV_DPX(10), - LV_DPX(10));
}
else {
w = lv_map(v, 0, 256, LV_DPX(60), max_w);
lv_obj_set_width(obj, w);
lv_obj_align(obj, LV_ALIGN_BOTTOM_RIGHT, - LV_DPX(10), - LV_DPX(10));
}
if(v > LV_OPA_COVER) v = LV_OPA_COVER;
uint32_t i;
for(i = 0; i < lv_obj_get_child_cnt(obj); i++) {
lv_obj_set_style_opa(lv_obj_get_child(obj, i), v, 0);
}
}
static void color_changer_event_cb(lv_event_t * e)
{
if(lv_event_get_code(e) == LV_EVENT_CLICKED) {
lv_obj_t * color_cont = lv_event_get_user_data(e);
if(lv_obj_get_width(color_cont) < LV_HOR_RES / 2) {
lv_anim_t a;
lv_anim_init(&a);
lv_anim_set_var(&a, color_cont);
lv_anim_set_exec_cb(&a, color_changer_anim_cb);
lv_anim_set_values(&a, 0, 256);
lv_anim_set_time(&a, 200);
lv_anim_start(&a);
}
else {
lv_anim_t a;
lv_anim_init(&a);
lv_anim_set_var(&a, color_cont);
lv_anim_set_exec_cb(&a, color_changer_anim_cb);
lv_anim_set_values(&a, 256, 0);
lv_anim_set_time(&a, 200);
lv_anim_start(&a);
}
}
}
static void color_event_cb(lv_event_t * e)
{
lv_event_code_t code = lv_event_get_code(e);
lv_obj_t * obj = lv_event_get_target(e);
if(code == LV_EVENT_FOCUSED) {
lv_obj_t * color_cont = lv_obj_get_parent(obj);
if(lv_obj_get_width(color_cont) < LV_HOR_RES / 2) {
lv_anim_t a;
lv_anim_init(&a);
lv_anim_set_var(&a, color_cont);
lv_anim_set_exec_cb(&a, color_changer_anim_cb);
lv_anim_set_values(&a, 0, 256);
lv_anim_set_time(&a, 200);
lv_anim_start(&a);
}
}
else if(code == LV_EVENT_CLICKED) {
lv_palette_t * palette_primary = lv_event_get_user_data(e);
lv_palette_t palette_secondary = (*palette_primary) + 3; /*Use another palette as secondary*/
if(palette_secondary >= _LV_PALETTE_LAST) palette_secondary = 0;
#if LV_USE_THEME_DEFAULT
lv_theme_default_init(NULL, lv_palette_main(*palette_primary), lv_palette_main(palette_secondary),
LV_THEME_DEFAULT_DARK, font_normal);
#endif
lv_color_t color = lv_palette_main(*palette_primary);
lv_style_set_text_color(&style_icon, color);
lv_chart_set_series_color(chart1, ser1, color);
lv_chart_set_series_color(chart2, ser3, color);
}
}
static lv_obj_t * create_meter_box(lv_obj_t * parent, const char * title, const char * text1, const char * text2,
const char * text3)
{
lv_obj_t * cont = lv_obj_create(parent);
lv_obj_set_height(cont, LV_SIZE_CONTENT);
lv_obj_set_flex_grow(cont, 1);
lv_obj_t * title_label = lv_label_create(cont);
lv_label_set_text(title_label, title);
lv_obj_add_style(title_label, &style_title, 0);
lv_obj_t * meter = lv_meter_create(cont);
lv_obj_remove_style(meter, NULL, LV_PART_MAIN);
lv_obj_remove_style(meter, NULL, LV_PART_INDICATOR);
lv_obj_set_width(meter, LV_PCT(100));
lv_obj_t * bullet1 = lv_obj_create(cont);
lv_obj_set_size(bullet1, 13, 13);
lv_obj_remove_style(bullet1, NULL, LV_PART_SCROLLBAR);
lv_obj_add_style(bullet1, &style_bullet, 0);
lv_obj_set_style_bg_color(bullet1, lv_palette_main(LV_PALETTE_RED), 0);
lv_obj_t * label1 = lv_label_create(cont);
lv_label_set_text(label1, text1);
lv_obj_t * bullet2 = lv_obj_create(cont);
lv_obj_set_size(bullet2, 13, 13);
lv_obj_remove_style(bullet2, NULL, LV_PART_SCROLLBAR);
lv_obj_add_style(bullet2, &style_bullet, 0);
lv_obj_set_style_bg_color(bullet2, lv_palette_main(LV_PALETTE_BLUE), 0);
lv_obj_t * label2 = lv_label_create(cont);
lv_label_set_text(label2, text2);
lv_obj_t * bullet3 = lv_obj_create(cont);
lv_obj_set_size(bullet3, 13, 13);
lv_obj_remove_style(bullet3, NULL, LV_PART_SCROLLBAR);
lv_obj_add_style(bullet3, &style_bullet, 0);
lv_obj_set_style_bg_color(bullet3, lv_palette_main(LV_PALETTE_GREEN), 0);
lv_obj_t * label3 = lv_label_create(cont);
lv_label_set_text(label3, text3);
if(disp_size == DISP_MEDIUM) {
static lv_coord_t grid_col_dsc[] = {LV_GRID_CONTENT, LV_GRID_FR(1), LV_GRID_CONTENT, LV_GRID_FR(8), LV_GRID_TEMPLATE_LAST};
static lv_coord_t grid_row_dsc[] = {LV_GRID_CONTENT, LV_GRID_FR(1), LV_GRID_CONTENT, LV_GRID_CONTENT, LV_GRID_CONTENT, LV_GRID_FR(1), LV_GRID_TEMPLATE_LAST};
lv_obj_set_grid_dsc_array(cont, grid_col_dsc, grid_row_dsc);
lv_obj_set_grid_cell(title_label, LV_GRID_ALIGN_START, 0, 4, LV_GRID_ALIGN_START, 0, 1);
lv_obj_set_grid_cell(meter, LV_GRID_ALIGN_START, 0, 1, LV_GRID_ALIGN_START, 1, 3);
lv_obj_set_grid_cell(bullet1, LV_GRID_ALIGN_START, 2, 1, LV_GRID_ALIGN_CENTER, 2, 1);
lv_obj_set_grid_cell(bullet2, LV_GRID_ALIGN_START, 2, 1, LV_GRID_ALIGN_CENTER, 3, 1);
lv_obj_set_grid_cell(bullet3, LV_GRID_ALIGN_START, 2, 1, LV_GRID_ALIGN_CENTER, 4, 1);
lv_obj_set_grid_cell(label1, LV_GRID_ALIGN_STRETCH, 3, 1, LV_GRID_ALIGN_CENTER, 2, 1);
lv_obj_set_grid_cell(label2, LV_GRID_ALIGN_STRETCH, 3, 1, LV_GRID_ALIGN_CENTER, 3, 1);
lv_obj_set_grid_cell(label3, LV_GRID_ALIGN_STRETCH, 3, 1, LV_GRID_ALIGN_CENTER, 4, 1);
}
else {
static lv_coord_t grid_col_dsc[] = {LV_GRID_CONTENT, LV_GRID_FR(1), LV_GRID_TEMPLATE_LAST};
static lv_coord_t grid_row_dsc[] = {LV_GRID_CONTENT, LV_GRID_CONTENT, LV_GRID_CONTENT, LV_GRID_CONTENT, LV_GRID_CONTENT, LV_GRID_TEMPLATE_LAST};
lv_obj_set_grid_dsc_array(cont, grid_col_dsc, grid_row_dsc);
lv_obj_set_grid_cell(title_label, LV_GRID_ALIGN_START, 0, 2, LV_GRID_ALIGN_START, 0, 1);
lv_obj_set_grid_cell(meter, LV_GRID_ALIGN_START, 0, 2, LV_GRID_ALIGN_START, 1, 1);
lv_obj_set_grid_cell(bullet1, LV_GRID_ALIGN_START, 0, 1, LV_GRID_ALIGN_START, 2, 1);
lv_obj_set_grid_cell(bullet2, LV_GRID_ALIGN_START, 0, 1, LV_GRID_ALIGN_START, 3, 1);
lv_obj_set_grid_cell(bullet3, LV_GRID_ALIGN_START, 0, 1, LV_GRID_ALIGN_START, 4, 1);
lv_obj_set_grid_cell(label1, LV_GRID_ALIGN_STRETCH, 1, 1, LV_GRID_ALIGN_START, 2, 1);
lv_obj_set_grid_cell(label2, LV_GRID_ALIGN_STRETCH, 1, 1, LV_GRID_ALIGN_START, 3, 1);
lv_obj_set_grid_cell(label3, LV_GRID_ALIGN_STRETCH, 1, 1, LV_GRID_ALIGN_START, 4, 1);
}
return meter;
}
static lv_obj_t * create_shop_item(lv_obj_t * parent, const void * img_src, const char * name, const char * category,
const char * price)
{
static lv_coord_t grid_col_dsc[] = {LV_GRID_CONTENT, 5, LV_GRID_FR(1), LV_GRID_FR(1), LV_GRID_TEMPLATE_LAST};
static lv_coord_t grid_row_dsc[] = {LV_GRID_FR(1), LV_GRID_FR(1), LV_GRID_TEMPLATE_LAST};
lv_obj_t * cont = lv_obj_create(parent);
lv_obj_remove_style_all(cont);
lv_obj_set_size(cont, LV_PCT(100), LV_SIZE_CONTENT);
lv_obj_set_grid_dsc_array(cont, grid_col_dsc, grid_row_dsc);
lv_obj_t * img = lv_img_create(cont);
lv_img_set_src(img, img_src);
lv_obj_set_grid_cell(img, LV_GRID_ALIGN_START, 0, 1, LV_GRID_ALIGN_START, 0, 2);
lv_obj_t * label;
label = lv_label_create(cont);
lv_label_set_text(label, name);
lv_obj_set_grid_cell(label, LV_GRID_ALIGN_START, 2, 1, LV_GRID_ALIGN_END, 0, 1);
label = lv_label_create(cont);
lv_label_set_text(label, category);
lv_obj_add_style(label, &style_text_muted, 0);
lv_obj_set_grid_cell(label, LV_GRID_ALIGN_START, 2, 1, LV_GRID_ALIGN_START, 1, 1);
label = lv_label_create(cont);
lv_label_set_text(label, price);
lv_obj_set_grid_cell(label, LV_GRID_ALIGN_END, 3, 1, LV_GRID_ALIGN_END, 0, 1);
return cont;
}
static void ta_event_cb(lv_event_t * e)
{
lv_event_code_t code = lv_event_get_code(e);
lv_obj_t * ta = lv_event_get_target(e);
lv_obj_t * kb = lv_event_get_user_data(e);
if(code == LV_EVENT_FOCUSED) {
if(lv_indev_get_type(lv_indev_get_act()) != LV_INDEV_TYPE_KEYPAD) {
lv_keyboard_set_textarea(kb, ta);
lv_obj_set_style_max_height(kb, LV_HOR_RES * 2 / 3, 0);
lv_obj_update_layout(tv); /*Be sure the sizes are recalculated*/
lv_obj_set_height(tv, LV_VER_RES - lv_obj_get_height(kb));
lv_obj_clear_flag(kb, LV_OBJ_FLAG_HIDDEN);
lv_obj_scroll_to_view_recursive(ta, LV_ANIM_OFF);
}
}
else if(code == LV_EVENT_DEFOCUSED) {
lv_keyboard_set_textarea(kb, NULL);
lv_obj_set_height(tv, LV_VER_RES);
lv_obj_add_flag(kb, LV_OBJ_FLAG_HIDDEN);
lv_indev_reset(NULL, ta);
}
else if(code == LV_EVENT_READY || code == LV_EVENT_CANCEL) {
lv_obj_set_height(tv, LV_VER_RES);
lv_obj_add_flag(kb, LV_OBJ_FLAG_HIDDEN);
lv_obj_clear_state(ta, LV_STATE_FOCUSED);
lv_indev_reset(NULL, ta); /*To forget the last clicked object to make it focusable again*/
}
}
static void birthday_event_cb(lv_event_t * e)
{
lv_event_code_t code = lv_event_get_code(e);
lv_obj_t * ta = lv_event_get_target(e);
if(code == LV_EVENT_FOCUSED) {
if(lv_indev_get_type(lv_indev_get_act()) == LV_INDEV_TYPE_POINTER) {
if(calendar == NULL) {
lv_obj_add_flag(lv_layer_top(), LV_OBJ_FLAG_CLICKABLE);
calendar = lv_calendar_create(lv_layer_top());
lv_obj_set_style_bg_opa(lv_layer_top(), LV_OPA_50, 0);
lv_obj_set_style_bg_color(lv_layer_top(), lv_palette_main(LV_PALETTE_GREY), 0);
if(disp_size == DISP_SMALL) lv_obj_set_size(calendar, 180, 200);
else if(disp_size == DISP_MEDIUM) lv_obj_set_size(calendar, 200, 220);
else lv_obj_set_size(calendar, 300, 330);
lv_calendar_set_showed_date(calendar, 1990, 01);
lv_obj_align(calendar, LV_ALIGN_CENTER, 0, 30);
lv_obj_add_event_cb(calendar, calendar_event_cb, LV_EVENT_ALL, ta);
lv_calendar_header_dropdown_create(calendar);
}
}
}
}
static void calendar_event_cb(lv_event_t * e)
{
lv_event_code_t code = lv_event_get_code(e);
lv_obj_t * ta = lv_event_get_user_data(e);
lv_obj_t * obj = lv_event_get_current_target(e);
if(code == LV_EVENT_VALUE_CHANGED) {
lv_calendar_date_t d;
lv_calendar_get_pressed_date(obj, &d);
char buf[32];
lv_snprintf(buf, sizeof(buf), "%02d.%02d.%d", d.day, d.month, d.year);
lv_textarea_set_text(ta, buf);
lv_obj_del(calendar);
calendar = NULL;
lv_obj_clear_flag(lv_layer_top(), LV_OBJ_FLAG_CLICKABLE);
lv_obj_set_style_bg_opa(lv_layer_top(), LV_OPA_TRANSP, 0);
}
}
static void slider_event_cb(lv_event_t * e)
{
lv_event_code_t code = lv_event_get_code(e);
lv_obj_t * obj = lv_event_get_target(e);
if(code == LV_EVENT_REFR_EXT_DRAW_SIZE) {
lv_coord_t * s = lv_event_get_param(e);
*s = LV_MAX(*s, 60);
}
else if(code == LV_EVENT_DRAW_PART_END) {
lv_obj_draw_part_dsc_t * dsc = lv_event_get_param(e);
if(dsc->part == LV_PART_KNOB && lv_obj_has_state(obj, LV_STATE_PRESSED)) {
char buf[8];
lv_snprintf(buf, sizeof(buf), "%"LV_PRId32, lv_slider_get_value(obj));
lv_point_t text_size;
lv_txt_get_size(&text_size, buf, font_normal, 0, 0, LV_COORD_MAX, LV_TEXT_FLAG_NONE);
lv_area_t txt_area;
txt_area.x1 = dsc->draw_area->x1 + lv_area_get_width(dsc->draw_area) / 2 - text_size.x / 2;
txt_area.x2 = txt_area.x1 + text_size.x;
txt_area.y2 = dsc->draw_area->y1 - 10;
txt_area.y1 = txt_area.y2 - text_size.y;
lv_area_t bg_area;
bg_area.x1 = txt_area.x1 - LV_DPX(8);
bg_area.x2 = txt_area.x2 + LV_DPX(8);
bg_area.y1 = txt_area.y1 - LV_DPX(8);
bg_area.y2 = txt_area.y2 + LV_DPX(8);
lv_draw_rect_dsc_t rect_dsc;
lv_draw_rect_dsc_init(&rect_dsc);
rect_dsc.bg_color = lv_palette_darken(LV_PALETTE_GREY, 3);
rect_dsc.radius = LV_DPX(5);
lv_draw_rect(dsc->draw_ctx, &rect_dsc, &bg_area);
lv_draw_label_dsc_t label_dsc;
lv_draw_label_dsc_init(&label_dsc);
label_dsc.color = lv_color_white();
label_dsc.font = font_normal;
lv_draw_label(dsc->draw_ctx, &label_dsc, &txt_area, buf, NULL);
}
}
}
static void chart_event_cb(lv_event_t * e)
{
lv_event_code_t code = lv_event_get_code(e);
lv_obj_t * obj = lv_event_get_target(e);
if(code == LV_EVENT_PRESSED || code == LV_EVENT_RELEASED) {
lv_obj_invalidate(obj); /*To make the value boxes visible*/
}
else if(code == LV_EVENT_DRAW_PART_BEGIN) {
lv_obj_draw_part_dsc_t * dsc = lv_event_get_param(e);
/*Set the markers' text*/
if(dsc->part == LV_PART_TICKS && dsc->id == LV_CHART_AXIS_PRIMARY_X) {
if(lv_chart_get_type(obj) == LV_CHART_TYPE_BAR) {
const char * month[] = {"I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX", "X", "XI", "XII"};
lv_snprintf(dsc->text, dsc->text_length, "%s", month[dsc->value]);
}
else {
const char * month[] = {"Jan", "Febr", "March", "Apr", "May", "Jun", "July", "Aug", "Sept", "Oct", "Nov", "Dec"};
lv_snprintf(dsc->text, dsc->text_length, "%s", month[dsc->value]);
}
}
/*Add the faded area before the lines are drawn */
else if(dsc->part == LV_PART_ITEMS) {
#if LV_DRAW_COMPLEX
/*Add a line mask that keeps the area below the line*/
if(dsc->p1 && dsc->p2) {
lv_draw_mask_line_param_t line_mask_param;
lv_draw_mask_line_points_init(&line_mask_param, dsc->p1->x, dsc->p1->y, dsc->p2->x, dsc->p2->y,
LV_DRAW_MASK_LINE_SIDE_BOTTOM);
int16_t line_mask_id = lv_draw_mask_add(&line_mask_param, NULL);
/*Add a fade effect: transparent bottom covering top*/
lv_coord_t h = lv_obj_get_height(obj);
lv_draw_mask_fade_param_t fade_mask_param;
lv_draw_mask_fade_init(&fade_mask_param, &obj->coords, LV_OPA_COVER, obj->coords.y1 + h / 8, LV_OPA_TRANSP,
obj->coords.y2);
int16_t fade_mask_id = lv_draw_mask_add(&fade_mask_param, NULL);
/*Draw a rectangle that will be affected by the mask*/
lv_draw_rect_dsc_t draw_rect_dsc;
lv_draw_rect_dsc_init(&draw_rect_dsc);
draw_rect_dsc.bg_opa = LV_OPA_50;
draw_rect_dsc.bg_color = dsc->line_dsc->color;
lv_area_t obj_clip_area;
_lv_area_intersect(&obj_clip_area, dsc->draw_ctx->clip_area, &obj->coords);
const lv_area_t * clip_area_ori = dsc->draw_ctx->clip_area;
dsc->draw_ctx->clip_area = &obj_clip_area;
lv_area_t a;
a.x1 = dsc->p1->x;
a.x2 = dsc->p2->x - 1;
a.y1 = LV_MIN(dsc->p1->y, dsc->p2->y);
a.y2 = obj->coords.y2;
lv_draw_rect(dsc->draw_ctx, &draw_rect_dsc, &a);
dsc->draw_ctx->clip_area = clip_area_ori;
/*Remove the masks*/
lv_draw_mask_remove_id(line_mask_id);
lv_draw_mask_remove_id(fade_mask_id);
}
#endif
const lv_chart_series_t * ser = dsc->sub_part_ptr;
if(lv_chart_get_pressed_point(obj) == dsc->id) {
if(lv_chart_get_type(obj) == LV_CHART_TYPE_LINE) {
dsc->rect_dsc->outline_color = lv_color_white();
dsc->rect_dsc->outline_width = 2;
}
else {
dsc->rect_dsc->shadow_color = ser->color;
dsc->rect_dsc->shadow_width = 15;
dsc->rect_dsc->shadow_spread = 0;
}
char buf[8];
lv_snprintf(buf, sizeof(buf), "%"LV_PRIu32, dsc->value);
lv_point_t text_size;
lv_txt_get_size(&text_size, buf, font_normal, 0, 0, LV_COORD_MAX, LV_TEXT_FLAG_NONE);
lv_area_t txt_area;
if(lv_chart_get_type(obj) == LV_CHART_TYPE_BAR) {
txt_area.y2 = dsc->draw_area->y1 - LV_DPX(15);
txt_area.y1 = txt_area.y2 - text_size.y;
if(ser == lv_chart_get_series_next(obj, NULL)) {
txt_area.x1 = dsc->draw_area->x1 + lv_area_get_width(dsc->draw_area) / 2;
txt_area.x2 = txt_area.x1 + text_size.x;
}
else {
txt_area.x2 = dsc->draw_area->x1 + lv_area_get_width(dsc->draw_area) / 2;
txt_area.x1 = txt_area.x2 - text_size.x;
}
}
else {
txt_area.x1 = dsc->draw_area->x1 + lv_area_get_width(dsc->draw_area) / 2 - text_size.x / 2;
txt_area.x2 = txt_area.x1 + text_size.x;
txt_area.y2 = dsc->draw_area->y1 - LV_DPX(15);
txt_area.y1 = txt_area.y2 - text_size.y;
}
lv_area_t bg_area;
bg_area.x1 = txt_area.x1 - LV_DPX(8);
bg_area.x2 = txt_area.x2 + LV_DPX(8);
bg_area.y1 = txt_area.y1 - LV_DPX(8);
bg_area.y2 = txt_area.y2 + LV_DPX(8);
lv_draw_rect_dsc_t rect_dsc;
lv_draw_rect_dsc_init(&rect_dsc);
rect_dsc.bg_color = ser->color;
rect_dsc.radius = LV_DPX(5);
lv_draw_rect(dsc->draw_ctx, &rect_dsc, &bg_area);
lv_draw_label_dsc_t label_dsc;
lv_draw_label_dsc_init(&label_dsc);
label_dsc.color = lv_color_white();
label_dsc.font = font_normal;
lv_draw_label(dsc->draw_ctx, &label_dsc, &txt_area, buf, NULL);
}
else {
dsc->rect_dsc->outline_width = 0;
dsc->rect_dsc->shadow_width = 0;
}
}
}
}
static void shop_chart_event_cb(lv_event_t * e)
{
lv_event_code_t code = lv_event_get_code(e);
if(code == LV_EVENT_DRAW_PART_BEGIN) {
lv_obj_draw_part_dsc_t * dsc = lv_event_get_param(e);
/*Set the markers' text*/
if(dsc->part == LV_PART_TICKS && dsc->id == LV_CHART_AXIS_PRIMARY_X) {
const char * month[] = {"Jan", "Febr", "March", "Apr", "May", "Jun", "July", "Aug", "Sept", "Oct", "Nov", "Dec"};
lv_snprintf(dsc->text, dsc->text_length, "%s", month[dsc->value]);
}
if(dsc->part == LV_PART_ITEMS) {
dsc->rect_dsc->bg_opa = LV_OPA_TRANSP; /*We will draw it later*/
}
}
if(code == LV_EVENT_DRAW_PART_END) {
lv_obj_draw_part_dsc_t * dsc = lv_event_get_param(e);
/*Add the faded area before the lines are drawn */
if(dsc->part == LV_PART_ITEMS) {
static const uint32_t devices[10] = {32, 43, 21, 56, 29, 36, 19, 25, 62, 35};
static const uint32_t clothes[10] = {12, 19, 23, 31, 27, 32, 32, 11, 21, 32};
static const uint32_t services[10] = {56, 38, 56, 13, 44, 32, 49, 64, 17, 33};
lv_draw_rect_dsc_t draw_rect_dsc;
lv_draw_rect_dsc_init(&draw_rect_dsc);
lv_coord_t h = lv_area_get_height(dsc->draw_area);
lv_area_t a;
a.x1 = dsc->draw_area->x1;
a.x2 = dsc->draw_area->x2;
a.y1 = dsc->draw_area->y1;
a.y2 = a.y1 + 4 + (devices[dsc->id] * h) / 100; /*+4 to overlap the radius*/
draw_rect_dsc.bg_color = lv_palette_main(LV_PALETTE_RED);
draw_rect_dsc.radius = 4;
lv_draw_rect(dsc->draw_ctx, &draw_rect_dsc, &a);
a.y1 = a.y2 - 4; /*-4 to overlap the radius*/
a.y2 = a.y1 + (clothes[dsc->id] * h) / 100;
draw_rect_dsc.bg_color = lv_palette_main(LV_PALETTE_BLUE);
draw_rect_dsc.radius = 0;
lv_draw_rect(dsc->draw_ctx, &draw_rect_dsc, &a);
a.y1 = a.y2;
a.y2 = a.y1 + (services[dsc->id] * h) / 100;
draw_rect_dsc.bg_color = lv_palette_main(LV_PALETTE_GREEN);
lv_draw_rect(dsc->draw_ctx, &draw_rect_dsc, &a);
}
}
}
static void meter1_indic1_anim_cb(void * var, int32_t v)
{
lv_meter_set_indicator_end_value(meter1, var, v);
lv_obj_t * card = lv_obj_get_parent(meter1);
lv_obj_t * label = lv_obj_get_child(card, -5);
lv_label_set_text_fmt(label, "Revenue: %"LV_PRId32" %%", v);
}
static void meter1_indic2_anim_cb(void * var, int32_t v)
{
lv_meter_set_indicator_end_value(meter1, var, v);
lv_obj_t * card = lv_obj_get_parent(meter1);
lv_obj_t * label = lv_obj_get_child(card, -3);
lv_label_set_text_fmt(label, "Sales: %"LV_PRId32" %%", v);
}
static void meter1_indic3_anim_cb(void * var, int32_t v)
{
lv_meter_set_indicator_end_value(meter1, var, v);
lv_obj_t * card = lv_obj_get_parent(meter1);
lv_obj_t * label = lv_obj_get_child(card, -1);
lv_label_set_text_fmt(label, "Costs: %"LV_PRId32" %%", v);
}
static void meter2_timer_cb(lv_timer_t * timer)
{
lv_meter_indicator_t ** indics = timer->user_data;
static bool down1 = false;
static bool down2 = false;
static bool down3 = false;
if(down1) {
session_desktop -= 137;
if(session_desktop < 1400) down1 = false;
}
else {
session_desktop += 116;
if(session_desktop > 4500) down1 = true;
}
if(down2) {
session_tablet -= 3;
if(session_tablet < 1400) down2 = false;
}
else {
session_tablet += 9;
if(session_tablet > 4500) down2 = true;
}
if(down3) {
session_mobile -= 57;
if(session_mobile < 1400) down3 = false;
}
else {
session_mobile += 76;
if(session_mobile > 4500) down3 = true;
}
uint32_t all = session_desktop + session_tablet + session_mobile;
uint32_t pct1 = (session_desktop * 97) / all;
uint32_t pct2 = (session_tablet * 97) / all;
lv_meter_set_indicator_start_value(meter2, indics[0], 0);
lv_meter_set_indicator_end_value(meter2, indics[0], pct1);
lv_meter_set_indicator_start_value(meter2, indics[1], pct1 + 1);
lv_meter_set_indicator_end_value(meter2, indics[1], pct1 + 1 + pct2);
lv_meter_set_indicator_start_value(meter2, indics[2], pct1 + 1 + pct2 + 1);
lv_meter_set_indicator_end_value(meter2, indics[2], 99);
lv_obj_t * card = lv_obj_get_parent(meter2);
lv_obj_t * label;
label = lv_obj_get_child(card, -5);
lv_label_set_text_fmt(label, "Desktop: %"LV_PRIu32, session_desktop);
label = lv_obj_get_child(card, -3);
lv_label_set_text_fmt(label, "Tablet: %"LV_PRIu32, session_tablet);
label = lv_obj_get_child(card, -1);
lv_label_set_text_fmt(label, "Mobile: %"LV_PRIu32, session_mobile);
}
static void meter3_anim_cb(void * var, int32_t v)
{
lv_meter_set_indicator_value(meter3, var, v);
lv_obj_t * label = lv_obj_get_child(meter3, 0);
lv_label_set_text_fmt(label, "%"LV_PRId32, v);
}
#endif