lvgl imgbtn(图片按钮)

源码

static lv_obj_t * imgbtn1;
static lv_obj_t * imgbtn_label;
static void imgbtn_event_handler(lv_obj_t * obj, lv_event_t event)
{
	static int i = 0;;
	static char buffer[32];

	if (obj == imgbtn1) {
		if (event == LV_EVENT_CLICKED) {
			i++;
			sprintf(buffer, "imgBtn Clicked %d", i);
			lv_label_set_text(imgbtn_label, buffer);
		}
	}
}
LV_IMG_DECLARE(image_dog);
	//11. 按钮图片控件
	//11.1 拷贝一个风格
	static lv_style_t style_pr;
	lv_style_copy(&style_pr, &lv_style_plain);
	style_pr.image.color = LV_COLOR_BLACK;
	style_pr.image.intense = LV_OPA_50;
	//11.2 导入一张图片 
	LV_IMG_DECLARE(image_dog);
	//11.3 创建一个按钮控件
	imgbtn1 = lv_imgbtn_create(lv_scr_act(), NULL);
	//11.4 设置一个事件
	lv_obj_set_event_cb(imgbtn1, imgbtn_event_handler);
	//11.5 设置按钮图形
	lv_imgbtn_set_src(imgbtn1, LV_BTN_STATE_REL, &image_dog); 
	lv_imgbtn_set_src(imgbtn1, LV_BTN_STATE_PR, &image_dog);
	lv_imgbtn_set_src(imgbtn1, LV_BTN_STATE_TGL_REL, &image_dog);
	lv_imgbtn_set_src(imgbtn1, LV_BTN_STATE_TGL_PR, &image_dog);
	lv_imgbtn_set_style(imgbtn1, LV_BTN_STATE_PR, &style_pr);        /*Use the darker style in the pressed state*/
	lv_imgbtn_set_style(imgbtn1, LV_BTN_STATE_TGL_PR, &style_pr);
	lv_imgbtn_set_toggle(imgbtn1, true);
	//11.6 设置对齐
	lv_obj_align(imgbtn1, NULL, LV_ALIGN_IN_BOTTOM_LEFT, 0, -40);

	//11.7 创建一个文本,用于显示按钮的累加值
	imgbtn_label = lv_label_create(lv_scr_act(), NULL);
	lv_label_set_long_mode(imgbtn_label, LV_LABEL_LONG_BREAK);
	lv_obj_set_width(imgbtn_label, 180);
	lv_label_set_text(imgbtn_label, "Watting imgBtn for clicked!");
	lv_obj_align(imgbtn_label, NULL, LV_ALIGN_IN_BOTTOM_LEFT, 0, 0);
	lv_label_set_align(imgbtn_label, LV_LABEL_ALIGN_CENTER);

 

效果演示

 

おすすめ

転載: blog.csdn.net/chenliang0224/article/details/112645661