风格 | 说明 | 范例 | 结果 |
borderColor | 边框颜色 | borderColor="#ffff00" | 边框黄色 |
borderThickness | 边框混浊度,值小的清晰,值大的模糊 | borderThickness="2" borderThickness="99" | 边框清晰 边框模糊 |
color | 字的颜色 | color="red" | 字红色 |
cornerRadius | 边框圆弧半径,值越大越圆 | cornerRadius="20" | 边框圆弧圆滑 |
dateChooserStyleName | 属性值为一个风格名,设置dateChooser里的风格 | dateChooserStyleName="style1" <mx:Style> .style1{color:#0000ff;} </mx:Style> | 日期字蓝色显示 |
disabledColor | 不可编辑日期显示的颜色 | editable="false" disabledDays="[0,6]" disabledColor="#66ff00" | 周六周日不可编辑,颜色为绿色 |
fillAlphas | 背景透明度 | fillAlphas="[1,1]" | |
fillColors | 背景颜色 | fillColors="[#ffffff,#000000]" | |
focusAlpha | 鼠标透明度 | focusAlpha="0.8" | |
focusRoundedCorners | 鼠标圆角半径 | focusRoundedCorners="br" | |
fontAntiAliasType | fontAntiAliasType="normal" | ||
fontFamily | 设置字体 | fontFamily="明朝" | |
fontGridFitType | 应用在TextField,像素显示. | fontGridFitType="pixel" | |
fontSharpness | 字的锐利度,(-400,400) | fontSharpness="400" | |
fontSize | 字的大小 | fontSize="15" | |
fontStyle | 字是否斜体 | fontStyle="italic" | |
fontThickness | 字的浓度()200,-200) | fontThickness="200" | |
fontWeight | 字粗细显示 | fontWeight="bold" | |
headerColors | 头的背景色 | headerColors="[0xcccccc, 0xFF0000] | |
headerStyleName | <mx:Style> .style1{color:#ff0000; fontFamily:明朝;} </mx:Style> headerStyleName="style1" | ||
highlightAlphas | 高亮透明度 | highlightAlphas="[1,0.8 | |
leading | 日期间隔 | leading="10" | |
paddingLeft | 距容器左边的距离 | <mx:Panel width="422"> <mx:DateField paddingLeft="10" paddingRight="10" width="402"/> </mx:Panel> | |
paddingRight | 距容器右边的距离 | 同上 | |
rollOverColor | 鼠标在日期上走时,日期被蓝色块标示 | rollOverColor="blue" | |
selectionColor | 选中的日期被红块标示 | selectionColor="red" | |
textAlign | 文字居中 | textAlign="center" | |
textDecoration | 文字加下划线 | textDecoration="underline" | |
textIndent | 文字留下的间隔 | textAlign="left" textIndent="4" | |
todayColor | 今日用颜色块标示 | todayColor="red" | |
todayStyleName | 今天的风格,属性值为风格名. | <mx:Style> .style1{color:#ff0000;} .style2{color:#00ff00; fontFamily:明朝; fontSize:15; fontStyle:italic; fontWeight:bold;} </mx:Style> todayStyleName="style2" | |
weekDayStyleName | 星期中日的风格,属性值为风格名. | <mx:Style> .style1{color:#ff0000;} </mx:Style> weekDayStyleName="style1" |
Ext3.0学习笔记-DateField风格
最新推荐文章于 2014-12-04 11:13:36 发布