#- LVGL lv_signal_bars and lv_wifi_bars - --# class lv_signal_arcs : lv_obj var percentage # value to display, range 0..100 var p1, p2, area, line_dsc # instances of objects kept to avoid re-instanciating at each call def init(parent) # init custom widget (don't call super constructor) _lvgl.create_custom_widget(self, parent) # own values self.percentage = 100 # pre-allocate buffers self.p1 = lv_point() self.p2 = lv_point() self.area = lv_area() self.line_dsc = lv_draw_line_dsc() end def widget_event(cl, event) # Call the ancestor's event handler if lv.obj_event_base(cl, event) != lv.RES_OK return end var code = event.code import math def atleast1(x) if x >= 1 return x else return 1 end end # the model is that we have 4 bars and inter-bar (1/4 of width) var height = self.get_height() var width = self.get_width() var inter_bar = atleast1(height / 8) var bar = atleast1((height - inter_bar * 2) / 3) var bar_offset = bar / 2 #print("inter_bar", inter_bar, "bar", bar, "bar_offset", bar_offset) if code == lv.EVENT_DRAW_MAIN var clip_area = lv_area(event.param) # get coordinates of object self.get_coords(self.area) var x_ofs = self.area.x1 var y_ofs = self.area.y1 lv.draw_line_dsc_init(self.line_dsc) # initialize lv_draw_line_dsc structure self.init_draw_line_dsc(lv.PART_MAIN, self.line_dsc) # copy the current values self.line_dsc.round_start = 1 self.line_dsc.round_end = 1 self.line_dsc.width = (bar * 3 + 1) / 4 var on_color = self.get_style_line_color(lv.PART_MAIN | lv.STATE_DEFAULT) var off_color = self.get_style_bg_color(lv.PART_MAIN | lv.STATE_DEFAULT) # initial calculation, but does not take into account bounding box # var angle = int(math.deg(math.atan2(width / 2, height))) # better calculation var hypotenuse = height - bar # center if at bar/2 from bottom and circle stops at bar/2 from top var adjacent = width / 2 - bar_offset # stop at bar_offset from side var angle = int(90 - math.deg(math.acos(real(adjacent) / real(hypotenuse)))) if (angle > 45) angle = 45 end # print("hypotenuse",hypotenuse,"adjacent",adjacent,"angle",angle) self.p1.x = x_ofs + width / 2 self.p1.y = y_ofs + height - 1 - bar_offset self.line_dsc.color = self.percentage >= 25 ? on_color : off_color lv.draw_arc(self.p1.x, self.p1.y, 0 * (bar + inter_bar) + bar_offset, 0, 360, clip_area, self.line_dsc) self.line_dsc.color = self.percentage >= 50 ? on_color : off_color lv.draw_arc(self.p1.x, self.p1.y, 1 * (bar + inter_bar) + bar_offset - 1, 270 - angle, 270 + angle, clip_area, self.line_dsc) self.line_dsc.color = self.percentage >= 75 ? on_color : off_color lv.draw_arc(self.p1.x, self.p1.y, 2 * (bar + inter_bar) + bar_offset - 2, 270 - angle, 270 + angle, clip_area, self.line_dsc) #elif mode == lv.DESIGN_DRAW_POST # commented since we don't want a frame around this object # self.ancestor_design.call(self, clip_area, mode) end end def set_percentage(v) var old_bars = self.percentage / 25 if v > 100 v = 100 end if v < 0 v = 0 end self.percentage = v if old_bars != v / 25 self.invalidate() # be frugal and avoid updating the widget if it's not needed end end def get_percentage() return self.percentage end end class lv_wifi_arcs: lv_signal_arcs def init(parent) super(self).init(parent) tasmota.add_driver(self) self.set_percentage(0) # we generally start with 0, meaning not connected end def every_second() var wifi = tasmota.wifi() var quality = wifi.find("quality") var ip = wifi.find("ip") if ip == nil self.set_percentage(0) elif quality != nil self.set_percentage(quality) end end def del() super(self).del() tasmota.remove_driver(self) end end class lv_wifi_arcs_icon: lv_wifi_arcs def init(parent) super(self).init(parent) self.set_style_line_color(lv_color(lv.COLOR_WHITE), lv.PART_MAIN | lv.STATE_DEFAULT) self.set_style_bg_color(lv_color(lv.COLOR_BLACK), lv.PART_MAIN | lv.STATE_DEFAULT) if parent != nil var parent_height = parent.get_height() var pad_right = parent.get_style_pad_right(lv.PART_MAIN | lv.STATE_DEFAULT) self.set_height(parent_height) var w = (parent_height*4)/3 self.set_width(w) # 130% self.set_x(parent.get_width() - w - pad_right) parent.set_style_pad_right(pad_right + w + 1, lv.PART_MAIN | lv.STATE_DEFAULT) end end end