Flex的NumericStepper控件中如何通过textAlign样式设置文本对齐方式的例子
By Minidxer | May 19, 2008
接下来的例子演示了Flex的NumericStepper控件中如何通过textAlign样式设置文本对齐方式。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里查看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Array id="arr">
- <mx:Object label="left" />
- <mx:Object label="center" />
- <mx:Object label="right" />
- </mx:Array>
- <mx:ApplicationControlBar dock="true">
- <mx:Form styleName="plain">
- <mx:FormItem label="textAlign:">
- <mx:ComboBox id="comboBox"
- dataProvider="{arr}" />
- </mx:FormItem>
- </mx:Form>
- </mx:ApplicationControlBar>
- <mx:NumericStepper id="numericStepper"
- textAlign="{comboBox.selectedItem.label}"
- width="100" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer
Topics:
Flex |
No Comments » |
9 views
Tags: Flex, NumericStepper, textAlign