后板第一次提交

lvgl_v8_back/lvgl/examples/widgets/imgbtn/index.rst

@@ -0,0 +1,7 @@
+
+Simple Image button
+"""""""""""""""""""
+
+.. lv_example:: widgets/imgbtn/lv_example_imgbtn_1
+  :language: c
+

lvgl_v8_back/lvgl/examples/widgets/imgbtn/lv_example_imgbtn_1.c

@@ -0,0 +1,41 @@
+#include "../../lv_examples.h"
+#if LV_USE_IMGBTN && LV_BUILD_EXAMPLES
+
+void lv_example_imgbtn_1(void)
+{
+    LV_IMG_DECLARE(imgbtn_left);
+    LV_IMG_DECLARE(imgbtn_right);
+    LV_IMG_DECLARE(imgbtn_mid);
+
+    /*Create a transition animation on width transformation and recolor.*/
+    static lv_style_prop_t tr_prop[] = {LV_STYLE_TRANSFORM_WIDTH, LV_STYLE_IMG_RECOLOR_OPA, 0};
+    static lv_style_transition_dsc_t tr;
+    lv_style_transition_dsc_init(&tr, tr_prop, lv_anim_path_linear, 200, 0, NULL);
+
+    static lv_style_t style_def;
+    lv_style_init(&style_def);
+    lv_style_set_text_color(&style_def, lv_color_white());
+    lv_style_set_transition(&style_def, &tr);
+
+    /*Darken the button when pressed and make it wider*/
+    static lv_style_t style_pr;
+    lv_style_init(&style_pr);
+    lv_style_set_img_recolor_opa(&style_pr, LV_OPA_30);
+    lv_style_set_img_recolor(&style_pr, lv_color_black());
+    lv_style_set_transform_width(&style_pr, 20);
+
+    /*Create an image button*/
+    lv_obj_t * imgbtn1 = lv_imgbtn_create(lv_scr_act());
+    lv_imgbtn_set_src(imgbtn1, LV_IMGBTN_STATE_RELEASED, &imgbtn_left, &imgbtn_mid, &imgbtn_right);
+    lv_obj_add_style(imgbtn1, &style_def, 0);
+    lv_obj_add_style(imgbtn1, &style_pr, LV_STATE_PRESSED);
+
+    lv_obj_align(imgbtn1, LV_ALIGN_CENTER, 0, 0);
+
+    /*Create a label on the image button*/
+    lv_obj_t * label = lv_label_create(imgbtn1);
+    lv_label_set_text(label, "Button");
+    lv_obj_align(label, LV_ALIGN_CENTER, 0, -4);
+}
+
+#endif

lvgl_v8_back/lvgl/examples/widgets/imgbtn/lv_example_imgbtn_1.py

@@ -0,0 +1,74 @@
+from imagetools import get_png_info, open_png
+
+# Register PNG image decoder
+decoder = lv.img.decoder_create()
+decoder.info_cb = get_png_info
+decoder.open_cb = open_png
+
+# Create an image from the png file
+try:
+    with open('../../assets/imgbtn_left.png','rb') as f:
+        imgbtn_left_data = f.read()
+except:
+    print("Could not find imgbtn_left.png")
+    sys.exit()
+
+imgbtn_left_dsc = lv.img_dsc_t({
+  'data_size': len(imgbtn_left_data),
+  'data': imgbtn_left_data
+})
+
+try:
+    with open('../../assets/imgbtn_mid.png','rb') as f:
+        imgbtn_mid_data = f.read()
+except:
+    print("Could not find imgbtn_mid.png")
+    sys.exit()
+
+imgbtn_mid_dsc = lv.img_dsc_t({
+  'data_size': len(imgbtn_mid_data),
+  'data': imgbtn_mid_data
+})
+
+try:
+    with open('../../assets/imgbtn_right.png','rb') as f:
+        imgbtn_right_data = f.read()
+except:
+    print("Could not find imgbtn_right.png")
+    sys.exit()
+
+imgbtn_right_dsc = lv.img_dsc_t({
+  'data_size': len(imgbtn_right_data),
+  'data': imgbtn_right_data
+})
+
+# Create a transition animation on width transformation and recolor.
+tr_prop = [lv.STYLE.TRANSFORM_WIDTH, lv.STYLE.IMG_RECOLOR_OPA, 0]
+tr = lv.style_transition_dsc_t()
+tr.init(tr_prop, lv.anim_t.path_linear, 200, 0, None)
+
+style_def = lv.style_t()
+style_def.init()
+style_def.set_text_color(lv.color_white())
+style_def.set_transition(tr)
+
+# Darken the button when pressed and make it wider
+style_pr = lv.style_t()
+style_pr.init()
+style_pr.set_img_recolor_opa(lv.OPA._30)
+style_pr.set_img_recolor(lv.color_black())
+style_pr.set_transform_width(20)
+
+# Create an image button
+imgbtn1 = lv.imgbtn(lv.scr_act())
+imgbtn1.set_src(lv.imgbtn.STATE.RELEASED, imgbtn_left_dsc, imgbtn_mid_dsc, imgbtn_right_dsc)
+imgbtn1.add_style(style_def, 0)
+imgbtn1.add_style(style_pr, lv.STATE.PRESSED)
+
+imgbtn1.align(lv.ALIGN.CENTER, 0, 0)
+
+# Create a label on the image button
+label = lv.label(imgbtn1)
+label.set_text("Button")
+label.align(lv.ALIGN.CENTER, 0, -4)
+