Flex中通过设置textAlign和headerStyleName样式设置DateChooser控件头部年月文本对齐方式的例子
2009-11-11 16:08
1071 查看
接下来的例子演示了Flex中通过设置textAlign和headerStyleName样式,设置DateChooser控件头部年月文本对齐方式。
下面是完整代码(或点击这里查看):
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:Script>
<![CDATA[
import mx.events.ListEvent;
private function comboBox_change(evt:ListEvent):void {
var cssObj:CSSStyleDeclaration = StyleManager.getStyleDeclaration(".dateChooserHeaderStyles");
cssObj.setStyle("textAlign", comboBox.selectedItem);
}
]]>
</mx:Script>
<mx:Style>
.dateChooserHeaderStyles {
fontWeight: bold;
textAlign: left;
}
</mx:Style>
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="textAlign:">
<mx:ComboBox id="comboBox"
dataProvider="[left,center,right]"
change="comboBox_change(event);" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:DateChooser id="dateChooser"
headerStyleName="dateChooserHeaderStyles" />
</mx:Application>
让我们先来看一下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:Script>
<![CDATA[
import mx.events.ListEvent;
private function comboBox_change(evt:ListEvent):void {
var cssObj:CSSStyleDeclaration = StyleManager.getStyleDeclaration(".dateChooserHeaderStyles");
cssObj.setStyle("textAlign", comboBox.selectedItem);
}
]]>
</mx:Script>
<mx:Style>
.dateChooserHeaderStyles {
fontWeight: bold;
textAlign: left;
}
</mx:Style>
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="textAlign:">
<mx:ComboBox id="comboBox"
dataProvider="[left,center,right]"
change="comboBox_change(event);" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:DateChooser id="dateChooser"
headerStyleName="dateChooserHeaderStyles" />
</mx:Application>
相关文章推荐
- Flex中如何通过tabStyleName, tabWidth和textAlign样式,设置TabBar控件内文本对齐方式
- Flex中通过设置textAlign和labelStyleName样式设置FormItem容器中标签文本对齐方式的例子
- Flex的NumericStepper控件中如何通过textAlign样式设置文本对齐方式的例子
- Flex中通过textAlign样式在一个按钮(Button)控件中设置标签(label)对齐方式的例子
- Flex中通过设置textAlign样式在一个List控件中改变文本对齐方向的例子
- Flex中如何通过设置textAlign样式设定DateField中选中日期对齐方式的例子
- Flex中如何通过selectedButtonTextStyleName样式,设置ToggleButtonBar选中按钮文本颜色
- Flex中通过设置fontFamily和labelStyleName样式在HSlider控件中使用嵌入字体的例子
- Flex中如何通过设定headerStyleName样式在Accordion控件中使用嵌入字体的例子
- Flex中如何通过leading样式在一个text控件中设置文本铅框(text leading)的例子
- Flex中如何通过设置selectedDate属性设定DateChooser控件中被选择日期的例子
- Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子
- 设置DateChooser控件的头部文字对齐方式.
- Flex中通过设置headerHeight属性设置DataGrid控件头部高度的例子
- Flex中如何通过设置backgroundColor和backgroundAlpha改变DateChooser控件背景颜色的例子
- Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子
- Flex中如何通过titleStyleName和textIndent样式,设置Panel的标题
- Flex中通过backgroundColor和backgroundAlpha样式设置NumericStepper控件背景颜色和透明度的例子
- Flex中通过设定borderColor样式给ComboBox控件设置边框颜色的例子
- Flex中如何通过getHeaderAt()函数以及selectedUpIcon,selectedOverIcon和selectedDownIcon样式给Accordion头部设置一个分割用图标的例子