Readers: 82 | Updated: 05-20

Flex的NumericStepper控件中如何通过textAlign样式设置文本对齐方式的例子

Translate Into:

接下来的例子演示了FlexNumericStepper控件中如何通过textAlign样式设置文本对齐方式。

让我们先来看一下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:Array id="arr">
  8.         <mx:Object label="left" />
  9.         <mx:Object label="center" />
  10.         <mx:Object label="right" />
  11.     </mx:Array>
  12.  
  13.     <mx:ApplicationControlBar dock="true">
  14.         <mx:Form styleName="plain">
  15.             <mx:FormItem label="textAlign:">
  16.                 <mx:ComboBox id="comboBox"
  17.                         dataProvider="{arr}" />
  18.             </mx:FormItem>
  19.         </mx:Form>
  20.     </mx:ApplicationControlBar>
  21.  
  22.     <mx:NumericStepper id="numericStepper"
  23.             textAlign="{comboBox.selectedItem.label}"
  24.             width="100" />
  25.  
  26. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer

Related Post





From The Blogs

Fashion Innovation,Digital Products

2007
耐克训练鞋样式的1GU盘
如果你是一个超级耐克迷,你的鞋、T恤、帽子,还有其他运动装备都是耐克的。那么也许,你也想拥有耐克的一些小东西。当然,如果要你从市场找到耐克生产的小玩意是一件十分困难的事。不过不用担心,这有一个耐克训练... 查看全文

Internet Observation

2007
给样式表单添加Vista字体
几个月前Christian Montoya写了一篇关于给样式表添加Vista字体的文章。我目前只添加了Calibri,就发现效果果然不错。下面我就介绍一下标题字体Calibri与Arial的比较:Ca... 查看全文

三心二意 | 关注web标准

2007
表格如何用样式表定义 | @欣有鱼而米粒不足
table 在样式表里定义前阵子在研究时发现:表格的 border="0"可以定义为 border-style: none ,因为边框为0,也就是不要边框。表格默认是没有边框的,也... 查看全文

分享网络2.0

02-19
MyBlogLog 新增Web2.0样式踩脚印系统
全球著名的博客社交服务网站MyBlogLog在今天正式发布上线了一款全新设计、拥有Web2.0样式的踩脚印系统Widget!MyBlogLog 是一款在2005年三月份推出的博客数据分析服务,它的诞生... 查看全文

World,Fashion, Entertainment

05-26
一个失败的讨债者的例子
下面的这位客人是由凯蒂举荐的,她在《让我头痛的债务》一文中讲述了她是如何度过还债省钱的艰难日子的。如果你喜欢这个帖子,考虑一下订阅她的RSS文件吧(发布一个RSS文件后,这个RSS Feed中包含的信... 查看全文

全文检索博客

05-27
Flex中通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色的例子
在前面的Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子中,我们曾经演示过Flex中如何通过downArrowSki... 查看全文

全文检索博客

05-27
Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子
在前面的Flex中如何设置TextArea控件中的无效(disabled)文本颜色的例子中,我们了解了Flex中如何通过设定TextArea控件的color和disabledColor样式,设定文本在... 查看全文

全文检索博客

05-29
Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子
接下来的例子演示了Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)。和前面Flex中如何通过borderThickness... 查看全文

全文检索博客

05-29
Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子
和前面Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子类似的,接下来的例子中演示了Flex中如何通过borderThickness样式,设置Numeri... 查看全文

全文检索博客

05-29
Flex中通过borderColor样式设置NumericStepper控件边框颜色的例子
关于边框的颜色的设置,前面的例子Flex中如何设置进度条(ProgressBar)边框颜色的例子和Flex中如何改变TextInput输入框得到焦点时边框颜色的例子中都有提到,不过他们分别是通过设置b... 查看全文
More Articles