[Box] ????

2011-12-27 13:22:18by zq02

vBox,hBox的使用

vbox

box组件类似于html中的div标签,在页面上不做显示,用于控制其他组件的位置,相当于一个布局容器。 vBox组件在box组件的基础上添加了竖向排列的限制,在vBox中的组件全部纵向排列,相当于column恒等于1,因此不需要设置column属性限制列数。 例如:在screen文件中有如下代码:

                
           <a:vBox>
               <a:button text="1"/>
               <a:button text="2"/>
               <a:button text="3"/>
           </a:vBox>
                

按钮将纵向顺序排列,如下图:

hbox

hBox在box组件的基础上添加了横向排列的限制,在hBox中的组件全部横向排列,相当于row属性恒等于1,因此不需要设置row属性,例如有如下代码:

                
           <a:hBox>
               <a:button text="1"/>
               <a:button text="2"/>
               <a:button text="3"/>
           </a:hBox>
                

按钮将横向顺序排列,如下图:

Demo
    Attachments

      Comments

      0 Responses to the article

      暂时没有评论。

      发表评论