Flex中如何利用mx:ConstraintColumns和mx:ConstraintColumn来控制在显示列表中显示的控件位置的例子

By Minidxer | October 13, 2008

接下来的例子演示了Flex中如何利用mx:ConstraintColumns和mx:ConstraintColumn，来控制在显示列表中显示的控件位置。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:ApplicationControlBar dock="true">
  8.         <mx:Form>
  9.             <mx:FormItem label="col1 width:">
  10.                 <mx:HSlider id="slider1"
  11.                         minimum="50"
  12.                         maximum="250"
  13.                         value="200"
  14.                         liveDragging="true"
  15.                         snapInterval="1"
  16.                         tickInterval="20"
  17.                         dataTipPrecision="0" />
  18.             </mx:FormItem>
  19.             <mx:FormItem label="col2 width:">
  20.                 <mx:HSlider id="slider2"
  21.                         minimum="50"
  22.                         maximum="250"
  23.                         value="200"
  24.                         liveDragging="true"
  25.                         snapInterval="1"
  26.                         tickInterval="20"
  27.                         dataTipPrecision="0" />
  28.             </mx:FormItem>
  29.         </mx:Form>
  30.     </mx:ApplicationControlBar>
  31.  
  32.     <mx:Canvas width="100%">
  33.         <mx:constraintColumns>
  34.             <mx:ConstraintColumn id="col1" width="{slider1.value}" />
  35.             <mx:ConstraintColumn id="col2" width="{slider2.value}" />
  36.         </mx:constraintColumns>
  37.  
  38.         <mx:Button label="OK" left="col1:0" right="col1:0" />
  39.         <mx:Button label="Cancel" left="col2:0" right="col2:0"/>
  40.     </mx:Canvas>
  41.  
  42. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Other | 2 Comments » | 200 views Tags: , , , ,

你可能还对下列文章感兴趣:

2 comments | Add One

  1. hi - 12/31/2008 at 8:40 pm

    List 在哪里

  2. Minidxer - 12/31/2008 at 8:48 pm

    不好意思，这篇没翻好，稍微改了一下

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll