Flex中如何利用numDividers属性, getDividerAt()函数以及visible属性设置HDividedBox容器dividers有效或者无效的例子

By Minidxer | October 12, 2008

接下来的例子演示了Flex中如何利用numDividers属性, getDividerAt()函数以及visible属性设置HDividedBox容器dividers有效或者无效。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="HDividedBox_getDividerAt_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             private function checkBox_change(evt:Event):void {
  11.                 var value:Boolean = !checkBox.selected;
  12.                 var idx:uint;
  13.                 var len:uint = hDividedBox.numDividers;
  14.                 for (idx = 0; idx < len; idx++) {
  15.                     hDividedBox.getDividerAt(idx).visible = value;
  16.                 }
  17.             }
  18.         ]]>
  19.     </mx:Script>
  20.  
  21.     <mx:ApplicationControlBar dock="true">
  22.         <mx:CheckBox id="checkBox"
  23.                 label="Disable dividers:"
  24.                 labelPlacement="left"
  25.                 change="checkBox_change(event);" />
  26.     </mx:ApplicationControlBar>
  27.  
  28.     <mx:HDividedBox id="hDividedBox"
  29.             width="100%"
  30.             height="100%">
  31.         <mx:HBox id="hBox1"
  32.                 width="100%"
  33.                 height="100%"
  34.                 backgroundColor="haloGreen">
  35.         </mx:HBox>
  36.         <mx:HBox id="hBox2"
  37.                 width="100%"
  38.                 height="100%"
  39.                 backgroundColor="haloBlue">
  40.         </mx:HBox>
  41.         <mx:HBox id="hBox3"
  42.                 width="100%"
  43.                 height="100%"
  44.                 backgroundColor="haloOrange">
  45.         </mx:HBox>
  46.     </mx:HDividedBox>
  47.  
  48. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: HDividedBox | Tags: , , , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads