03.sdk软件开发包附录ui控件

1、一、UI控1.1 window窗口控属备注：window没有x，y，w，h，name属性，window默认占满全屏1.2.2 window 一、UI控1.1 window窗口控属备注：window没有x，y，w，h，name属性，window默认占满全屏1.2.2 window name=main =htranslate label示属说窗口htranslate(水平平移 ); vtranslate(垂直平移属说xx坐yy坐w宽h高控件文样label name=bkgnd x=0 y=0 w=100% h=100% app_barlabel name=bkgnd x=0 y=0 w=100%

2、h=100% app_bar容器控一个简单的容器控件，一般在窗口的顶部 ,它本身不提供布局功能(可用layout参数指定)，和view功能一致，仅提供示app_bar x=0 y=0 w=100% label name=dev_name x=0 y=0 w=200 h=100% text=远大洁净新风机 label name=sys_time x=200 y=0 w=-200 h=100% view一个通用的容器控件，也可以用作自1.5.2 示view x=0 y=44 w=88 h=44 layout=r:1 image image us image=clock us image=bell

3、属属说要加载请看1.6.2 示例image us image=bell 示例draw_type说1.6.2 示例image us image=bell 示例draw_type说按原大小显示在目标矩形自动缩放显示。平铺水平方向平铺显示，垂直方垂直方向平铺显示，水平方水平方向3宫格显示，垂直方垂直方向3宫格显示，水平方水平方向3宫格显示，垂直方垂直方向3宫格显示，水平方动image name=fade image=logo x=center y=10 w=200 h=60 opacity=0 animation=opacity(from=50, to=255, yoyo_times=1000, d

4、uration=1000)button name=close x=center y=bottom:10 w=25% h=30 1.7 rich_text实现简单的图文1.7.1 1.7.2 op"a; color="a;white"a; op"a; font ta; oawtk!ProTip!Thefeedshowsyoueventsfrompeopleyoufollowitories you o world. 确定取消中文字符测试。确定。取消。中文字符测试。 /属属说行间1.8.2 image_animation name=fan_1 image=fan_1

5、sequence=ab erval=500 delay=100 button按钮控属1.9.2 button name=frequency_dec h=100% 1.8.2 image_animation name=fan_1 image=fan_1 sequence=ab erval=500 delay=100 button按钮控属1.9.2 button name=frequency_dec h=100% calibration_win电阻屏幕校1.10.2 示calibration_win name=cali h=100% text=Please click the oflist_vie

6、w列表视图控属属说如果不需要滚动条时，自动隐藏滚动true ; 属说重属说是否是否true ; 每的时间(毫秒自1.11.2 示例 name=viewx=0 y=0w=100%h=100%style=odd_clickable layout1.11.2 示例 name=viewx=0 y=0w=100%h=100%style=odd_clickable layout=r1 w=20% text=20%/w=20% scroll_bar_m name=bar scroll_view滚动视图属1.12.2 示例 w=20% text=24.4/w=20% text=26.4/ w=20% text

7、=20%/w=20% 属说虚拟虚拟true ; true ; 1.14 scroll_bar1.14.1 属1.14.2 示例scroll_bar_d name=bar x=right y=0 w=12 h=100% scroll_bar_mname=bar1.14 scroll_bar1.14.1 属1.14.2 示例scroll_bar_d name=bar x=right y=0 w=12 h=100% scroll_bar_mname=barx=righty=0w=6 h=100% 1.15 pages1.15.1 属1.15.2 示例pages x=right y=40 w=80%

8、h=440 view w=100% h=60% layout=r:4 text=室内温度 edit right_margin=16 text=22.0 input_type=ufloat step=0.1 auto_fix=true edit right_margin=16 text=2.0 input_type=ufloat min=2.0 step=0.1 text=送风温差 edit right_margin=16 text=4.0 input_type=ufloat min=0.0 step=0.1 edit right_margin=16 step=0.1 text=室内湿度 ste

9、p=0.1 auto_fix=true/view w=100% h=60% layout=r:4 text= edit right_margin=16 step=0.1 auto_fix=true min=22.0 text=edit step=0.1 text=list_view x=0 y=40 w=20% item_height=40 scroll_viewname=viewx=0 y=0w=-12tab_button text=控制参数设定 tab_button 设置 scroll_bar_d name=bar x=right y=0 w=12 h=100% edit属1.16.2 示

10、例edit right_margin=16 text=22.0 input_type=ufloat min=22.0 step=0.1 auto_fix=true 属1.17.2 示例tab_button icon=contact active_icon=contact_active text=Contact 1.18 grid 一个简单的容1.16.2 示例edit right_margin=16 text=22.0 input_type=ufloat min=22.0 step=0.1 auto_fix=true 属1.17.2 示例tab_button icon=contact acti

11、ve_icon=contact_active text=Contact 1.18 grid 一个简单的容器控件，用于网格排列一组控件。 它本身不提供布局功能(可用layout参数指定)，和view功能一致仅提供具有语，让xml更具有可读性属说值true ; 当前项的图标的非当前项的图标属说编辑器是否为只true ; true ; 输入无效时，是true ; 上边下边左边右边输入ax/step; 最小值或最小长最大值或最大长步1.18.1 属请看1.18.2 示grid x=20 y=bottom:20 w=50%1.18.1 属请看1.18.2 示 image=rgb / 1.19 row一个

12、简单的容器控件，用于水平排列一组控件，它本身不提供布局功能(可用layout参数指定)，和view功能一致仅提供具有语示，让xml更具有可读性row h=30 layout=row:1 col:3 w=200 x=30 label text=时label text=分label text=秒1.20 column一个简单的容器控件，垂直排列一组控件 ，它本身不提供布局功能(可用layout参数指定)，和view功能一致，仅供具有语义1.20.1属性，让xml更具有可读1.20.2 示column x=20 y=160 w=50% h=60 layout=r:2 c:1 ym:2 s:10 ch

13、eck_button name=c1 check_button name=c2 1.21 text_selector1.21.1 属1.21.2 示例row h=90 layout=row:1 col:3 w=200 x=30 options=1-options=1-1.21.2 示例row h=90 layout=row:1 col:3 w=200 x=30 options=1-options=1-progress_bar进度条控属1.22.2 示例progress_bar name=bar2 y=80 w=30 h=118 group_box组控1.23.2 示属说进度条的值0-进度条的是

14、否为true ; true ; 属说当前选中的选分隔选项，如7 check_button多选控属1.24.2 示例column x=20 y=160 w=50% h=60 check_button name=c1 check_button name=c2 ym:2s:10radio_button单选控属1.25.2 示例column x=20 y=230 w=50% h=90 layout=r:3 c:1 ym:2 s:10 text=Pencil spin_box属与edit控件1.26.2 示属说值true ; 属说值true ; spin_box x=40 auto_fix=true n

15、ame=r slider属1.27.2 示例slider style=imgspin_box x=40 auto_fix=true name=r slider属1.27.2 示例slider style=img step=5 y=90 w=80% h=30 value=30 min=5 combo_box属1.28.2 示例属说为点击按钮时，要打开窗口的名称 ，该窗当前选中的选值属说值最小最大拖动的最滑块的是否为垂直方true ; window name=main combo_box left_margin=6 readonly=true x=10 y=5 w=200 h=30 text=le

16、ft window name=main combo_box left_margin=6 readonly=true x=10 y=5 w=200 h=30 text=left combo_boxopen_window=colorreadonly=true combo_box open_window=color x=10 y=50 w=200 w=200 h=30 x=10 y=bottom:50 w=200 button name=close x=center y=middle w=50% h=30 1.29 combo_box_item1.29.1 属1.29.2 示例popup theme

17、=color close_when_click_outside=true h=128 list_viewx=0 y=0w=100%h=100% tr_text=blue / tr_text=orange/ tr_text=gold / tr_text=black /tr_text=white scroll_bar_d name=bar x=right y=0 w=12 h=100% popup属属说值是否被选true ; 值1.30.2 示例popup theme=color close_when_click_outside=true h=128 list_viewx=0 y=0w=100%h

18、=100%scroll_viewname=viewx=0 1.30.2 示例popup theme=color close_when_click_outside=true h=128 list_viewx=0 y=0w=100%h=100% tr_text=blue / tr_text=orange/ tr_text=gold / tr_text=black /tr_text=white scroll_bar_d name=bar 1.31 框由dialog_title和nt组1.31.1 属1.31.2 示例dialog=center_scale h=160 name=timing w=48

19、0 x=c dialog_title h=30 text=定时设置 w=100% x=0 nt h=-30 w=100% x=0row h=30 layout=row:1 col:3 w=200 x=30 label text=时label text=分label text=秒row h=90 layout=row:1 col:3 w=200 x=30 text_selector options=1-24 text=15 text_selector options=1-60 text=10 属说窗口center_scale (中心缩放 ); top_to_bottom(顶部部弹出); bott

20、om_to_top (底部弹出 )称属说点击时是否关闭true ; true ; 属1.32.2 示例window name=switch x=10 y=60 w=90 h=22 x=200 y=60属1.32.2 示例window name=switch x=10 y=60 w=90 h=22 x=200 y=60 w=90 h=22 round_radius=10 name=close x=center y=middle w=50% h=30 guage属1.33.2 示例window style=dark =htranslate guage x=c y=m w=300 h=300 val

21、ue=30 erbutton name=close x=center y=bottom:10 w=25% h=30 time_clock时钟控属属说指针角度。12点钟方向为0度，顺时钟方向为正为背指的中心点为旋转方属说值true ; 当开关处于关闭时宽度的比例(缺省为text_selector options=1-60 text=16 button h=30 name=ok text=开 w=150 x=right:30 button h=30 name=cancle text=关 w=150 x=right:30 1.34.2 示例window =htranslate time_clock

22、x=c y=m w=300 h=300 hour=11 minute=59 second=55 bg_image=clock_bg image=clock1.34.2 示例window =htranslate time_clock x=c y=m w=300 h=300 hour=11 minute=59 second=55 bg_image=clock_bg image=clockhour_image=clock_hour minute_image=clock_minute button name=close x=center y=bottom:10 w=25% h=30 tab_butto

23、n_group控属1.35.2 示例window =htranslate pages x=c y=20 w=90% h=-60 view w=100% label x=c y=m w=100% h=60 text=General button name=close x=c y=bottom:100 w=80 h=40 text=Close view w=100% label x=c y=m w=100% h=60 text=Network button name=close x=c y=bottom:100 w=80 h=40 text=Close view w=100% label x=c

24、y=m w=100% h=60 text=Security button name=close x=c y=bottom:100 w=80 h=40 text=Close tab_button_group x=c y=bottom:10 w=90% h=30 compact=true 属说是否紧凑型排版true ; 属说小分秒中背时分秒color属颜色分量1 color_pickercolor属颜色分量1 color_picker2 color_tile1.36.2 示例color_picker x=0y=0w=100%h=100%ponent x=0 y=0 w=200 h=200 ponent x=210 y=0