Flex中如何通过cornerRadius样式调整ComboBox边角圆滑程度的例子

By Minidxer | January 24, 2009

接下来的例子演示了Flex中如何通过cornerRadius样式，调整ComboBox边角圆滑程度。

让我们先来看一下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="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:ApplicationControlBar dock="true">
  8.         <mx:Form styleName="plain">
  9.             <mx:FormItem label="cornerRadius:"
  10.                     direction="horizontal">
  11.                 <mx:HSlider id="slider"
  12.                         minimum="0"
  13.                         maximum="12"
  14.                         value="5"
  15.                         liveDragging="true"
  16.                         snapInterval="1"
  17.                         tickInterval="1" />
  18.                 <mx:Label text="{slider.value}" />
  19.             </mx:FormItem>
  20.         </mx:Form>
  21.     </mx:ApplicationControlBar>
  22.  
  23.     <mx:ComboBox id="comboBox"
  24.             cornerRadius="{slider.value}">
  25.         <mx:dataProvider>
  26.             <mx:Array>
  27.                 <mx:Object label="One" />
  28.                 <mx:Object label="Two" />
  29.                 <mx:Object label="Three" />
  30.                 <mx:Object label="Four" />
  31.                 <mx:Object label="Five" />
  32.                 <mx:Object label="Six" />
  33.                 <mx:Object label="Seven" />
  34.             </mx:Array>
  35.         </mx:dataProvider>
  36.     </mx:ComboBox>
  37.  
  38. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: ComboBox | No Comments » | 780 views Tags: ,

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll