LVGL Pro使用指南[09] LVGL XML 视图

概述 链接到标题

<view> 标签可用于描述以下元素的外观:

  • <component>
  • <widget>
  • <screen>
  • <test>

<view> 内部,可以以嵌套方式添加已定义的控件(Widget)和组件(Component)作为子元素。例如:

<view>
    <lv_button width="200">
        <my_icon src="image1"/>
        <lv_label text="Click me"/>
    </lv_button>
</view>

继承(Extends) 链接到标题

<view> 可以从控件(Widget)或组件(Component)继承而来。要定义基于 <view> 的类型,可以使用 extends 属性。例如:extends="lv_slider"。在这种情况下,会先创建一个 lv_slider,然后将子元素添加到其中。

通过向 <view> 添加属性,可以对继承类型进行自定义。例如:

<view extends="lv_slider" width="100%" style_bg_color="0xff8800" flex_flow="row">
    <style name="my_style" selector="pressed|knob"/>
    <lv_label text="Current value: "/>
    <lv_label bind_text="subject_1"/>
</view>

extends 规则

  • <component>:可以继承 <widget><component>
  • <widget>:只能继承 <widget>
  • <screen>:不能继承任何类型
  • <test>:可以继承 <widget><component><screen>

参考 链接到标题

https://docs.lvgl.io/master/details/xml/ui_elements/view.html