flex中的分割组件(DividedBox)

发布时间：2020-12-15 04:27:42 所属栏目：百科来源：网络整理

导读：???Flex中的DividedBox组件也分两种，即VDividedBox（上下分割）和HDividedBox（左右分割）。 mx:HDividedBox x="10" y="180" width="300" height="100" fontSize="12" borderStyle="solid" borderColor="#2278E1" mx:Canvas width="100" height="100%" back

???Flex中的DividedBox组件也分两种，即VDividedBox（上下分割）和HDividedBox（左右分割）。

<mx:HDividedBox x="10" y="180" width="300" height="100" fontSize="12" 
         borderStyle="solid" borderColor="#2278E1">
         <mx:Canvas width="100" height="100%" backgroundColor="#F4F6FE">    
             <mx:Button x="17" y="42" label="Button" fontWeight="normal"/>
         </mx:Canvas>
         <mx:Canvas width="200" height="100%" backgroundColor="#EBF0F9">
             <mx:Button x="33" y="40" label="Button" fontWeight="normal"/>
         </mx:Canvas>
     </mx:HDividedBox>
     <mx:VDividedBox x="10" y="288" width="300" height="150" fontSize="12" borderStyle="solid">
         <mx:Canvas width="100%" height="50" backgroundColor="#FAF9FF">
             <mx:Button x="20" y="18" label="Button" fontWeight="normal"/>
         </mx:Canvas>
         <mx:Canvas width="100%" backgroundColor="#FAF9FF">
             <mx:Button x="23" y="25" label="Button" fontWeight="normal"/>
         </mx:Canvas>
     </mx:VDividedBox>

?效果如下:

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!