1、hbox 中的组件将进行水平分布。
pack 属性:指定在水平位置;start(靠左) ,center(居中) ,end(靠右)
align属性:指定垂直方向的位置:start(靠上) ,center(居中) ,end(靠下)
hflex属性:父容器没设置宽度的话,按照实际内容宽度水平自动填充;父容器设置宽度的话,如果同级的组件没有设置宽度,平分父级容器总宽度。
代码:
<hbox height="50px" width="100%" align="center"> <hbox hflex="true" align="center" pack="start"> <label value="条码:" /> <textbox /> <space width="50px"></space> <label value="时间段:" /> <datebox /> <timebox /> <label value="-" /> <datebox /> <timebox /> </hbox> <hbox align="center" pack="end" width="100px"> <button label="筛选" width="70px" /> </hbox> </hbox>
效果: