mirror of
https://github.com/espressif/esp-idf.git
synced 2024-10-05 20:47:46 -04:00
c043c43247
We take the GC9A01 as an example to illustrate how to implement user's own panel driver in their project folder, without making the esp-idf dirty.
67 lines
2.4 KiB
C
67 lines
2.4 KiB
C
/*
|
|
* SPDX-FileCopyrightText: 2021 Espressif Systems (Shanghai) CO LTD
|
|
*
|
|
* SPDX-License-Identifier: CC0-1.0
|
|
*/
|
|
|
|
// This demo UI is adapted from LVGL official example: https://docs.lvgl.io/master/widgets/extra/meter.html#simple-meter
|
|
|
|
#include "lvgl.h"
|
|
|
|
static lv_obj_t *meter;
|
|
|
|
static void set_value(void *indic, int32_t v)
|
|
{
|
|
lv_meter_set_indicator_end_value(meter, indic, v);
|
|
}
|
|
|
|
void example_lvgl_demo_ui(lv_obj_t *scr)
|
|
{
|
|
meter = lv_meter_create(lv_scr_act());
|
|
lv_obj_center(meter);
|
|
lv_obj_set_size(meter, 200, 200);
|
|
|
|
/*Add a scale first*/
|
|
lv_meter_scale_t *scale = lv_meter_add_scale(meter);
|
|
lv_meter_set_scale_ticks(meter, scale, 41, 2, 10, lv_palette_main(LV_PALETTE_GREY));
|
|
lv_meter_set_scale_major_ticks(meter, scale, 8, 4, 15, lv_color_black(), 10);
|
|
|
|
lv_meter_indicator_t *indic;
|
|
|
|
/*Add a blue arc to the start*/
|
|
indic = lv_meter_add_arc(meter, scale, 3, lv_palette_main(LV_PALETTE_BLUE), 0);
|
|
lv_meter_set_indicator_start_value(meter, indic, 0);
|
|
lv_meter_set_indicator_end_value(meter, indic, 20);
|
|
|
|
/*Make the tick lines blue at the start of the scale*/
|
|
indic = lv_meter_add_scale_lines(meter, scale, lv_palette_main(LV_PALETTE_BLUE), lv_palette_main(LV_PALETTE_BLUE), false, 0);
|
|
lv_meter_set_indicator_start_value(meter, indic, 0);
|
|
lv_meter_set_indicator_end_value(meter, indic, 20);
|
|
|
|
/*Add a red arc to the end*/
|
|
indic = lv_meter_add_arc(meter, scale, 3, lv_palette_main(LV_PALETTE_RED), 0);
|
|
lv_meter_set_indicator_start_value(meter, indic, 80);
|
|
lv_meter_set_indicator_end_value(meter, indic, 100);
|
|
|
|
/*Make the tick lines red at the end of the scale*/
|
|
indic = lv_meter_add_scale_lines(meter, scale, lv_palette_main(LV_PALETTE_RED), lv_palette_main(LV_PALETTE_RED), false, 0);
|
|
lv_meter_set_indicator_start_value(meter, indic, 80);
|
|
lv_meter_set_indicator_end_value(meter, indic, 100);
|
|
|
|
/*Add a needle line indicator*/
|
|
indic = lv_meter_add_needle_line(meter, scale, 4, lv_palette_main(LV_PALETTE_GREY), -10);
|
|
|
|
/*Create an animation to set the value*/
|
|
lv_anim_t a;
|
|
lv_anim_init(&a);
|
|
lv_anim_set_exec_cb(&a, set_value);
|
|
lv_anim_set_var(&a, indic);
|
|
lv_anim_set_values(&a, 0, 100);
|
|
lv_anim_set_time(&a, 2000);
|
|
lv_anim_set_repeat_delay(&a, 100);
|
|
lv_anim_set_playback_time(&a, 500);
|
|
lv_anim_set_playback_delay(&a, 100);
|
|
lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE);
|
|
lv_anim_start(&a);
|
|
}
|