加载器部件(lv_spinner)

加载器部件(lv_spinner)常用于提示当前任务正在加载,类似于进度条(lv_bar),但是是一直循环转圈,永远头不接尾的圆;
img

加载器部件组成部分:

  1. 主体(LV_PART_MAIN)
  2. 指示器(LV_PART_INDICATOR)
  3. 手柄(LV_PART_KNOB)

API函数

  1. 创建加载器部件
lv_obj_t *spinner  = lv_spinner_create( parent, spin_time, arc_length );
  1. 设置圆弧颜色
lv_obj_set_style_arc_color( spinner, lv_color_hex(0x4a9f00), LV_PART_MAIN ); 	   /* 设置主体圆弧颜色 */
lv_obj_set_style_arc_color( spinner, lv_color_hex(0x83bd55), LV_PART_INDICATOR );   /* 设置指示器圆弧颜色 */
  1. 设置圆弧宽度
lv_obj_set_style_arc_width( spinner, 30, LV_PART_MAIN );					    /* 设置主体圆弧宽度 */
lv_obj_set_style_arc_width( spinner, 30, LV_PART_INDICATOR );				    /* 设置指示器圆弧宽度 */

!!!没有事件触发

LED部件(lv_led)

LED部件常用于指示控制对象的状态。不同版本的指示灯样式不一样V8.2是第三种
img

LED部件组成部分:

  1. 主体(LV_PART_MAIN)

API函数

  1. 创建LED部件
lv_obj_t   *led = lv_led_create( parent );
  1. 设置LED颜色、亮度
lv_led_set_color( led, lv_color_hex(0xff0000) );	   	/* 设置LED颜色 */
lv_led_set_brightness( led, 0 );						/* 设置LED亮度,范围0~255*/
  1. 设置LED状态
lv_led_on( led );				   				/* 打开LED(设置亮度为255)*/
lv_led_off( led );		    					/* 关闭LED */
lv_led_toggle( led );							/* 翻转LED状态 */

如果想具体设置背景颜色或者其他样式,可以使用 lv_obj_set_style_...() 函数进行

列表部件(lv_list)

列表部件常用于多选一的场景,默认会展现多个选项。
img

列表部件组成部分:

  1. 主体(LV_PART_MAIN)
  2. 滚动条(LV_PART_SCROLLBAR)

API函数

  1. 创建列表部件
lv_obj_t   *list = lv_list_create( parent );
  1. 添加列表文本
lv_list_add_text( list, "Settings" );
  1. 添加列表按钮
lv_obj_t  *btn= lv_list_add_btn(list, LV_SYMBOL_WIFI, "WLAN"); 
  1. 获取列表按钮文本
lv_list_get_btn_text( list, list_btn );

如果想要触发事件,可以参考按钮部件,因为列表部件的内部本质就是按钮部件组成