[edit]

artifacts/lvgl-c-shape-comparison/gallery-c-shape-lvgl.cr @ trunk

box_1 = Lvgl::Object.new(screen)
box_1.remove_style_all
box_1.set_pos(4, 4)
box_1.set_size(232, 37)
box_1.set_style_bg_color(Lvgl::Color.hex(0xCBD5E1))
box_1.set_style_bg_opa(255_u8)
box_1.set_style_border_color(Lvgl::Color.hex(0xCBD5E1))
box_1.set_style_border_width(0)
box_1.set_style_radius(4)
box_1.set_style_pad_top(0, Lvgl.style_selector)
box_1.set_style_pad_bottom(0, Lvgl.style_selector)
box_1.set_style_pad_left(0, Lvgl.style_selector)
box_1.set_style_pad_right(0, Lvgl.style_selector)
box_1.clear_flag(Lvgl::ObjFlag::Scrollable)

box_2 = Lvgl::Object.new(screen)
box_2.remove_style_all
box_2.set_pos(0, 0)
box_2.set_size(232, 37)
box_2.set_style_bg_color(Lvgl::Color.hex(0xEC407A))
box_2.set_style_bg_opa(255_u8)
box_2.set_style_border_color(Lvgl::Color.hex(0xEC407A))
box_2.set_style_border_width(0)
box_2.set_style_radius(4)
box_2.set_style_pad_top(0, Lvgl.style_selector)
box_2.set_style_pad_bottom(0, Lvgl.style_selector)
box_2.set_style_pad_left(0, Lvgl.style_selector)
box_2.set_style_pad_right(0, Lvgl.style_selector)
box_2.clear_flag(Lvgl::ObjFlag::Scrollable)

# box_3: skinny horizontal box lowered as Lvgl::Widgets::Line
box_3 = Lvgl::Widgets::Line.new(screen)
box_3.points = [{64, 3}, {96, 3}]
box_3.set_style_line_color(Lvgl::Color.hex(0xffffff))
box_3.set_style_line_width(6)
box_3.set_style_line_rounded(true)

# box_4: skinny horizontal box lowered as Lvgl::Widgets::Line
box_4 = Lvgl::Widgets::Line.new(screen)
box_4.points = [{64, 40}, {96, 40}]
box_4.set_style_line_color(Lvgl::Color.hex(0xEC407A))
box_4.set_style_line_width(6)
box_4.set_style_line_rounded(true)

# text_5: child of box_2
text_5 = Lvgl::Widgets::Label.new(box_2)
text_5.remove_style_all
text_5.text = "command shape"
text_5.long_mode = Lvgl::LabelLongMode::Clip
text_5.set_size(128, 17)
text_5.set_style_text_align(Lvgl::TextAlign::Center, Lvgl.style_selector)
text_5.set_style_text_color(Lvgl::Color.hex(0xFFFFFF))
text_5.align(Lvgl::Align::Center, offset: {0, 0})

box_6 = Lvgl::Object.new(screen)
box_6.remove_style_all
box_6.set_pos(4, 49)
box_6.set_size(294, 131)
box_6.set_style_bg_color(Lvgl::Color.hex(0xCBD5E1))
box_6.set_style_bg_opa(255_u8)
box_6.set_style_border_color(Lvgl::Color.hex(0xCBD5E1))
box_6.set_style_border_width(0)
box_6.set_style_radius(4)
box_6.set_style_pad_top(0, Lvgl.style_selector)
box_6.set_style_pad_bottom(0, Lvgl.style_selector)
box_6.set_style_pad_left(0, Lvgl.style_selector)
box_6.set_style_pad_right(0, Lvgl.style_selector)
box_6.clear_flag(Lvgl::ObjFlag::Scrollable)

box_7 = Lvgl::Object.new(screen)
box_7.remove_style_all
box_7.set_pos(0, 45)
box_7.set_size(294, 131)
box_7.set_style_bg_color(Lvgl::Color.hex(0xFFAB19))
box_7.set_style_bg_opa(255_u8)
box_7.set_style_border_color(Lvgl::Color.hex(0xFFAB19))
box_7.set_style_border_width(0)
box_7.set_style_radius(4)
box_7.set_style_pad_top(0, Lvgl.style_selector)
box_7.set_style_pad_bottom(0, Lvgl.style_selector)
box_7.set_style_pad_left(0, Lvgl.style_selector)
box_7.set_style_pad_right(0, Lvgl.style_selector)
box_7.clear_flag(Lvgl::ObjFlag::Scrollable)

box_8 = Lvgl::Object.new(screen)
box_8.remove_style_all
box_8.set_pos(35, 95)
box_8.set_size(253, 58)
box_8.set_style_bg_color(Lvgl::Color.hex(0xFFFDE7))
box_8.set_style_bg_opa(255_u8)
box_8.set_style_border_color(Lvgl::Color.hex(0xFFFDE7))
box_8.set_style_border_width(0)
box_8.set_style_radius(4)
box_8.set_style_pad_top(0, Lvgl.style_selector)
box_8.set_style_pad_bottom(0, Lvgl.style_selector)
box_8.set_style_pad_left(0, Lvgl.style_selector)
box_8.set_style_pad_right(0, Lvgl.style_selector)
box_8.clear_flag(Lvgl::ObjFlag::Scrollable)

# box_9: skinny horizontal box lowered as Lvgl::Widgets::Line
box_9 = Lvgl::Widgets::Line.new(screen)
box_9.points = [{80, 48}, {112, 48}]
box_9.set_style_line_color(Lvgl::Color.hex(0xffffff))
box_9.set_style_line_width(6)
box_9.set_style_line_rounded(true)

# box_10: skinny horizontal box lowered as Lvgl::Widgets::Line
box_10 = Lvgl::Widgets::Line.new(screen)
box_10.points = [{80, 179}, {112, 179}]
box_10.set_style_line_color(Lvgl::Color.hex(0xFFAB19))
box_10.set_style_line_width(6)
box_10.set_style_line_rounded(true)

# text_11: child of box_7
text_11 = Lvgl::Widgets::Label.new(box_7)
text_11.remove_style_all
text_11.text = "if "
text_11.long_mode = Lvgl::LabelLongMode::Clip
text_11.set_size(48, 17)
text_11.set_style_text_align(Lvgl::TextAlign::Center, Lvgl.style_selector)
text_11.set_style_text_color(Lvgl::Color.hex(0xFFFFFF))
text_11.align(Lvgl::Align::Center, offset: {-85, -40})

box_12 = Lvgl::Object.new(screen)
box_12.remove_style_all
box_12.set_pos(83, 59)
box_12.set_size(121, 22)
box_12.set_style_bg_color(Lvgl::Color.hex(0xFFFFFF))
box_12.set_style_bg_opa(255_u8)
box_12.set_style_border_color(Lvgl::Color.hex(0xFFFFFF))
box_12.set_style_border_width(0)
box_12.set_style_radius(11)
box_12.set_style_pad_top(0, Lvgl.style_selector)
box_12.set_style_pad_bottom(0, Lvgl.style_selector)
box_12.set_style_pad_left(0, Lvgl.style_selector)
box_12.set_style_pad_right(0, Lvgl.style_selector)
box_12.clear_flag(Lvgl::ObjFlag::Scrollable)

# text_13: child of box_12
text_13 = Lvgl::Widgets::Label.new(box_12)
text_13.remove_style_all
text_13.text = "gallery_boolean"
text_13.long_mode = Lvgl::LabelLongMode::Clip
text_13.set_size(144, 17)
text_13.set_style_text_align(Lvgl::TextAlign::Center, Lvgl.style_selector)
text_13.set_style_text_color(Lvgl::Color.hex(0x263238))
text_13.align(Lvgl::Align::Center, offset: {0, 0})

# text_14: child of box_7
text_14 = Lvgl::Widgets::Label.new(box_7)
text_14.remove_style_all
text_14.text = " then"
text_14.long_mode = Lvgl::LabelLongMode::Clip
text_14.set_size(64, 17)
text_14.set_style_text_align(Lvgl::TextAlign::Center, Lvgl.style_selector)
text_14.set_style_text_color(Lvgl::Color.hex(0xFFFFFF))
text_14.align(Lvgl::Align::Center, offset: {79, -40})

box_15 = Lvgl::Object.new(screen)
box_15.remove_style_all
box_15.set_pos(49, 105)
box_15.set_size(232, 37)
box_15.set_style_bg_color(Lvgl::Color.hex(0xCBD5E1))
box_15.set_style_bg_opa(255_u8)
box_15.set_style_border_color(Lvgl::Color.hex(0xCBD5E1))
box_15.set_style_border_width(0)
box_15.set_style_radius(4)
box_15.set_style_pad_top(0, Lvgl.style_selector)
box_15.set_style_pad_bottom(0, Lvgl.style_selector)
box_15.set_style_pad_left(0, Lvgl.style_selector)
box_15.set_style_pad_right(0, Lvgl.style_selector)
box_15.clear_flag(Lvgl::ObjFlag::Scrollable)

box_16 = Lvgl::Object.new(screen)
box_16.remove_style_all
box_16.set_pos(45, 102)
box_16.set_size(232, 37)
box_16.set_style_bg_color(Lvgl::Color.hex(0xEC407A))
box_16.set_style_bg_opa(255_u8)
box_16.set_style_border_color(Lvgl::Color.hex(0xEC407A))
box_16.set_style_border_width(0)
box_16.set_style_radius(4)
box_16.set_style_pad_top(0, Lvgl.style_selector)
box_16.set_style_pad_bottom(0, Lvgl.style_selector)
box_16.set_style_pad_left(0, Lvgl.style_selector)
box_16.set_style_pad_right(0, Lvgl.style_selector)
box_16.clear_flag(Lvgl::ObjFlag::Scrollable)

# box_17: skinny horizontal box lowered as Lvgl::Widgets::Line
box_17 = Lvgl::Widgets::Line.new(screen)
box_17.points = [{110, 105}, {142, 105}]
box_17.set_style_line_color(Lvgl::Color.hex(0xFFFDE7))
box_17.set_style_line_width(6)
box_17.set_style_line_rounded(true)

# box_18: skinny horizontal box lowered as Lvgl::Widgets::Line
box_18 = Lvgl::Widgets::Line.new(screen)
box_18.points = [{110, 141}, {142, 141}]
box_18.set_style_line_color(Lvgl::Color.hex(0xEC407A))
box_18.set_style_line_width(6)
box_18.set_style_line_rounded(true)

# text_19: child of box_16
text_19 = Lvgl::Widgets::Label.new(box_16)
text_19.remove_style_all
text_19.text = "command shape"
text_19.long_mode = Lvgl::LabelLongMode::Clip
text_19.set_size(128, 17)
text_19.set_style_text_align(Lvgl::TextAlign::Center, Lvgl.style_selector)
text_19.set_style_text_color(Lvgl::Color.hex(0xFFFFFF))
text_19.align(Lvgl::Align::Center, offset: {0, 0})

box_20 = Lvgl::Object.new(screen)
box_20.remove_style_all
box_20.set_pos(4, 188)
box_20.set_size(294, 131)
box_20.set_style_bg_color(Lvgl::Color.hex(0xCBD5E1))
box_20.set_style_bg_opa(255_u8)
box_20.set_style_border_color(Lvgl::Color.hex(0xCBD5E1))
box_20.set_style_border_width(0)
box_20.set_style_radius(4)
box_20.set_style_pad_top(0, Lvgl.style_selector)
box_20.set_style_pad_bottom(0, Lvgl.style_selector)
box_20.set_style_pad_left(0, Lvgl.style_selector)
box_20.set_style_pad_right(0, Lvgl.style_selector)
box_20.clear_flag(Lvgl::ObjFlag::Scrollable)

box_21 = Lvgl::Object.new(screen)
box_21.remove_style_all
box_21.set_pos(0, 185)
box_21.set_size(294, 131)
box_21.set_style_bg_color(Lvgl::Color.hex(0xFFAB19))
box_21.set_style_bg_opa(255_u8)
box_21.set_style_border_color(Lvgl::Color.hex(0xFFAB19))
box_21.set_style_border_width(0)
box_21.set_style_radius(4)
box_21.set_style_pad_top(0, Lvgl.style_selector)
box_21.set_style_pad_bottom(0, Lvgl.style_selector)
box_21.set_style_pad_left(0, Lvgl.style_selector)
box_21.set_style_pad_right(0, Lvgl.style_selector)
box_21.clear_flag(Lvgl::ObjFlag::Scrollable)

box_22 = Lvgl::Object.new(screen)
box_22.remove_style_all
box_22.set_pos(35, 234)
box_22.set_size(253, 58)
box_22.set_style_bg_color(Lvgl::Color.hex(0xFFFDE7))
box_22.set_style_bg_opa(255_u8)
box_22.set_style_border_color(Lvgl::Color.hex(0xFFFDE7))
box_22.set_style_border_width(0)
box_22.set_style_radius(4)
box_22.set_style_pad_top(0, Lvgl.style_selector)
box_22.set_style_pad_bottom(0, Lvgl.style_selector)
box_22.set_style_pad_left(0, Lvgl.style_selector)
box_22.set_style_pad_right(0, Lvgl.style_selector)
box_22.clear_flag(Lvgl::ObjFlag::Scrollable)

# text_23: child of box_21
text_23 = Lvgl::Widgets::Label.new(box_21)
text_23.remove_style_all
text_23.text = "else"
text_23.long_mode = Lvgl::LabelLongMode::Clip
text_23.set_size(56, 17)
text_23.set_style_text_align(Lvgl::TextAlign::Center, Lvgl.style_selector)
text_23.set_style_text_color(Lvgl::Color.hex(0xFFFFFF))
text_23.align(Lvgl::Align::Center, offset: {0, -40})

box_24 = Lvgl::Object.new(screen)
box_24.remove_style_all
box_24.set_pos(49, 245)
box_24.set_size(232, 37)
box_24.set_style_bg_color(Lvgl::Color.hex(0xCBD5E1))
box_24.set_style_bg_opa(255_u8)
box_24.set_style_border_color(Lvgl::Color.hex(0xCBD5E1))
box_24.set_style_border_width(0)
box_24.set_style_radius(18)
box_24.set_style_pad_top(0, Lvgl.style_selector)
box_24.set_style_pad_bottom(0, Lvgl.style_selector)
box_24.set_style_pad_left(0, Lvgl.style_selector)
box_24.set_style_pad_right(0, Lvgl.style_selector)
box_24.clear_flag(Lvgl::ObjFlag::Scrollable)

box_25 = Lvgl::Object.new(screen)
box_25.remove_style_all
box_25.set_pos(45, 241)
box_25.set_size(232, 37)
box_25.set_style_bg_color(Lvgl::Color.hex(0xFF8C1A))
box_25.set_style_bg_opa(255_u8)
box_25.set_style_border_color(Lvgl::Color.hex(0xFF8C1A))
box_25.set_style_border_width(0)
box_25.set_style_radius(18)
box_25.set_style_pad_top(0, Lvgl.style_selector)
box_25.set_style_pad_bottom(0, Lvgl.style_selector)
box_25.set_style_pad_left(0, Lvgl.style_selector)
box_25.set_style_pad_right(0, Lvgl.style_selector)
box_25.clear_flag(Lvgl::ObjFlag::Scrollable)

# text_26: child of box_25
text_26 = Lvgl::Widgets::Label.new(box_25)
text_26.remove_style_all
text_26.text = "reporter shape"
text_26.long_mode = Lvgl::LabelLongMode::Clip
text_26.set_size(136, 17)
text_26.set_style_text_align(Lvgl::TextAlign::Center, Lvgl.style_selector)
text_26.set_style_text_color(Lvgl::Color.hex(0xFFFFFF))
text_26.align(Lvgl::Align::Center, offset: {0, 0})