Flex中如何通过设置cornerRadius样式设定NumericStepper控件边缘棱角圆滑幅度(corner radius)的例子

在前面的 Flex中如何将NumericStepper控件作为DataGrid控件的一个编辑项目的例子中我们接触了 NumericStepper控件，接下来的例子演示了如何通过设置cornerRadius样式，设定NumericStepper控件边缘棱角圆滑幅度(corner radius)。移动顶部的游标看效果。

让我们先来看一下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">
7.     <mx:Script>
8.         <![CDATA[
9.             private function init():void {
10.                 slider.value = numericStepper.getStyle("cornerRadius");
11.             }
12.         ]]>
13.     </mx:Script>
15.     <mx:ApplicationControlBar dock="true">
16.         <mx:Form styleName="plain">
17.             <mx:FormItem label="cornerRadius:">
18.                 <mx:HSlider id="slider"
19.                         minimum="0"
20.                         maximum="10"
21.                         liveDragging="true"
22.                         snapInterval="1"
23.                         tickInterval="1" />
24.             </mx:FormItem>
25.         </mx:Form>
26.     </mx:ApplicationControlBar>
28.     <mx:NumericStepper id="numericStepper"
29.             cornerRadius="{slider.value}"
30.             initialize="init();" />
32. </mx:Application>