mirrors
/
Tasmota
mirror of https://github.com/arendst/Tasmota.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

LVGL update example to match doc

This commit is contained in:
Stephan Hadinger 2021-09-06 23:12:39 +02:00
parent 749f46a7bc
commit 6e1b775f28
1 changed files with 60 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
tasmota/berry/lvgl_examples/lvgl_demo.be
View File

@ -1,66 +1,81 @@
#- start LVGL and init environment -#
lv.start() lv.start()
hres = lv.get_hor_res() hres = lv.get_hor_res() # should be 320
vres = lv.get_ver_res() vres = lv.get_ver_res() # should be 240
scr = lv.scr_act() scr = lv.scr_act() # default screean object
f20 = lv.montserrat_font(20) f20 = lv.montserrat_font(20) # load embedded Montserrat 20
#- Background with a gradient from black #000000 (bottom) to dark blue #0000A0 (top) -#
scr.set_style_local_bg_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(0x0000A0)) scr.set_style_local_bg_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(0x0000A0))
scr.set_style_local_bg_grad_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(0x000000)) scr.set_style_local_bg_grad_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(0x000000))
scr.set_style_local_bg_grad_dir(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv.GRAD_DIR_VER) scr.set_style_local_bg_grad_dir(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv.GRAD_DIR_VER)
log = lv_label(scr) #- Upper state line -#
if f20 != nil log.set_style_local_text_font(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, f20) end stat_line = lv_label(scr)
log.set_long_mode(lv.LABEL_LONG_SROLL) if f20 != nil stat_line.set_style_local_text_font(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, f20) end
log.set_width(hres) stat_line.set_long_mode(lv.LABEL_LONG_SROLL) # auto scrolling if text does not fit
log.set_align(lv.LABEL_ALIGN_LEFT) stat_line.set_width(hres)
log.set_style_local_bg_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(0xD00000)) stat_line.set_align(lv.LABEL_ALIGN_LEFT) # align text left
log.set_style_local_bg_opa(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv.OPA_COVER) stat_line.set_style_local_bg_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(0xD00000)) # background #000088
log.set_style_local_text_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(0xFFFFFF)) stat_line.set_style_local_bg_opa(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv.OPA_COVER) # 100% background opacity
log.set_text("Welcome to Tasmota") stat_line.set_style_local_text_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(0xFFFFFF)) # text color #FFFFFF
stat_line.set_text("Welcome to Tasmota")
stat_line_height = stat_line.get_height()
tastyle = lv_style() #- display wifi strength indicator icon (for professionals ;) -#
tastyle.set_bg_color(lv.STATE_DEFAULT, lv_color(0x1fa3ec)) stat_line.set_style_local_pad_right(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, stat_line_height + 1)
tastyle.set_border_color(lv.STATE_DEFAULT, lv_color(0x0000FF)) wifi_bars = lv_wifi_bars(stat_line)
tastyle.set_bg_color(lv.STATE_FOCUSED, lv_color(0x0000FF)) wifi_bars.set_style_local_bg_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(lv.COLOR_BLACK))
tastyle.set_border_color(lv.STATE_FOCUSED, lv_color(0xFFFFFF)) wifi_bars.set_height(stat_line_height)
tastyle.set_text_color(lv.STATE_DEFAULT, lv_color(0xFFFFFF)) wifi_bars.set_width(stat_line_height)
tastyle.set_radius(lv.STATE_DEFAULT, 10) wifi_bars.set_x(stat_line.get_width() - stat_line_height)
tastyle.set_bg_opa(lv.STATE_DEFAULT, lv.OPA_COVER)
if f20 != nil tastyle.set_text_font(lv.STATE_DEFAULT, f20) end
prev_btn = lv_btn(scr) #- create a style for the buttons -#
prev_btn.set_pos(20,vres-40) btn_style = lv_style()
prev_btn.set_size(80, 30) btn_style.set_radius(lv.STATE_DEFAULT, 10) # radius of rounded corners
prev_btn.add_style(lv.OBJ_PART_MAIN, tastyle) btn_style.set_bg_opa(lv.STATE_DEFAULT, lv.OPA_COVER) # 100% backgrond opacity
prev_label = lv_label(prev_btn) if f20 != nil btn_style.set_text_font(lv.STATE_DEFAULT, f20) end # set font to Montserrat 20
prev_label.set_text("<") btn_style.set_bg_color(lv.STATE_DEFAULT, lv_color(0x1fa3ec)) # background color #1FA3EC (Tasmota Blue)
btn_style.set_border_color(lv.STATE_DEFAULT, lv_color(0x0000FF)) # border color #0000FF
btn_style.set_text_color(lv.STATE_DEFAULT, lv_color(0xFFFFFF)) # text color white #FFFFFF
next_btn = lv_btn(scr) #- create buttons -#
prev_btn = lv_btn(scr) # create button with main screen as parent
prev_btn.set_pos(20,vres-40) # position of button
prev_btn.set_size(80, 30) # size of button
prev_btn.add_style(lv.OBJ_PART_MAIN, btn_style) # style of button
prev_label = lv_label(prev_btn) # create a label as sub-object
prev_label.set_text("<") # set label text
next_btn = lv_btn(scr) # right button
next_btn.set_pos(220,vres-40) next_btn.set_pos(220,vres-40)
next_btn.set_size(80, 30) next_btn.set_size(80, 30)
next_btn.add_style(lv.OBJ_PART_MAIN, tastyle) next_btn.add_style(lv.OBJ_PART_MAIN, btn_style)
next_label = lv_label(next_btn) next_label = lv_label(next_btn)
next_label.set_text(">") next_label.set_text(">")
home_btn = lv_btn(scr) home_btn = lv_btn(scr) # center button
home_btn.set_pos(120,vres-40) home_btn.set_pos(120,vres-40)
home_btn.set_size(80, 30) home_btn.set_size(80, 30)
home_btn.add_style(lv.OBJ_PART_MAIN, tastyle) home_btn.add_style(lv.OBJ_PART_MAIN, btn_style)
home_label = lv_label(home_btn) home_label = lv_label(home_btn)
home_label.set_text(lv.SYMBOL_OK) home_label.set_text(lv.SYMBOL_OK) # set text as Home icon
#- callback function when a button is pressed, react to EVENT_CLICKED event -#
def btn_event_cb(o, event)
if lv.EVENT_CLICKED
var btn = "Unknown"
if o == prev_btn btn = "Prev"
elif o == next_btn btn = "Next"
elif o == home_btn btn = "Home"
end
print(btn, "button pressed")
end
end
log_height = log.get_height() # associate callbacks to buttons
prev_btn.set_event_cb(btn_event_cb)
# log.get_style_pad_right(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT) next_btn.set_event_cb(btn_event_cb)
log.set_style_local_pad_right(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, log_height+1) home_btn.set_event_cb(btn_event_cb)
bars = lv_wifi_bars(log)
bars.set_style_local_bg_color(lv.OBJ_PART_MAIN, lv.STATE_DEFAULT, lv_color(lv.COLOR_BLACK))
bars.set_height(log_height)
bars.set_width(log_height)
bars.set_x(log.get_width() - log_height)