Microsoft Word - Flex中的CSS样式.doc

Transcription

1 Flex 中的 CSS 样式 一使用本地样式定义使用 <mx:style> 标签在 MXML 文件中创建本地的样式定义 这个标签包含了符合 CSS2.0 语法的样式表定义 这些定义会应用到当前文档以及当前文档的子文档 <mx:style>.solidborder{ // 类选择样式 border-style:solid; } button { // 组件定义样式 border-style:solid; }... </mx:style> // 应用到组件 <mx:vbox stylename="solidborder" /> <mx:button/> // 文档中的 button 自动应用样式表中的样式 二使用外部样式表 FLEX 支持外部 CSS 样式表 要应用一个样式表到当前文档和子文档, 使用 <mx:style> 标签中的 source 属性 <mx:application...> <mx:style source="style/style.css"/> // 载入外部样式表... </mx:application> style.css 文件中的样式表定义与本地样式定义相同 三使用内联样式可以像设定组件的属性一样在 MXML 标签中设定样式属性 内联样式的优先级高于本地样式和外部样式 <mx:button borderstyle="solid"> // 设定样式属性 四使用 setstyle() 方法可以在 ActionScript 中使用方法来操作组件的样式属性 使用 setstyle() 方法的优先级是最高的 <mx:application...> <mx:script> <![CDATA[ private functiom initbutton():void { mybutton.setstyle("paddingtop",12); mybutton.setstyle("paddingbottom",12); } ]]> </mx:script> <mx:button id="mybutton" initialize="initbutton();"> // 组件初始化时调用设定样式的脚本方法 </mx:application> 各组件对应的样式属性

2 themecolor 主题颜色 : 如果对色彩样式配置不想过多的去设置的话,themeColor 是一个选择 它可以让你选择一种基本色彩, 然后组件的边框, 外观等色彩将会以此色彩为基础构成一组缺省的样式, 组件均可使用此样式属性 Application 组件样式属性 backgroundimage 背景图 使用 Embed(source=" "); 来应用 backgroundcolor 背景色 backgroundgradientcolors 背景渐进色 这个属性要设置 2 个色彩, 渐进起始色和渐进结束色, 中间 以逗号分隔 backgroundgradientalphas 背景渐进色透明度 这个属性要设置 2 个透明度, 对应渐进色中的 2 种颜色 值的范围是, 中间以逗号分隔 panel 组件样式属性 cornerradius 边角度数 panel 外框边角度数数值从 0~28 0 时为直角, 数值越大, 圆角 弧度越大 headerheight 标题头高度 panel 标题头的高度数值从 0~50 dropshadowenabled 是否显示投影 true 和 false 2 个属性 shadowdistance 投影大小 dropshadowenabled 为 true 时有效数值从 0~20 shadowdirection 投影方向 3 个属性 left right center dropshadowcolor 投影的颜色 roundedbottomcorners 底部边角是否为圆角 true 和 false 2 个属性若为 false, 则底部边角为直角, cornerradius 对其无影响 ; 若为 true,cornerradius 对底部边角才会起作用 textalign 文字对齐方向 3 个属性 left right center 除 title 外有内容的部分背景色 backgroundalpha 背景透明度 除 title 外有内容的部分背景透明度数值从 边框色 包括外边框和 title 与主体内容之间的边框色 borderalpha 边框透明度 包括外边框和 title 与主体内容之间的边框透明度数值从 borderstyle 边框样式 undefined,none,solid 3 种样式 : 默认为 undefined 当取值为 none 或 solid 时,title 与主体内容之间将无边框间隔或是 solid 样式 borderthickness 边框厚度 边框样式为 solid 时的边框粗细程度, 数值从 0~20 headercolors 标题头背景渐变色 这个属性要设置 2 个色彩, 渐进起始色和渐进结束色, 中间以 逗号分隔 footercolors 底部背景渐变色 这个属性要设置 2 个色彩, 渐进起始色和渐进结束色, 中间以 逗号分隔 highlightalphas 高光透明度 只针对 headercolors 有效 有 2 个数值, 中间以逗号分隔 前一个为高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 文本颜色 若想设置 panel 中 title 中的字体, 外观, 背景等样式, 为了不与 panel 中样式相冲突, 需在样式表中定义一 个引用的样式 panel {... titlestylename:"mytitlestyle";... }

3 然后新定义一个 mytitlestyle 样式来设置 title 的样式 TabNavigator 组件样式属性 tabheight 每个 Tab 的高度 数值从 0~50 tabwidth 每个 Tab 的宽度 数值从 0~200 cornerradius 边角圆角度 每个 Tab 中主体内容的边角圆角度从 0~20 注意不是 Tab 的边角 horizontalgap 每个 Tab 之间的间隔宽度 数值从 -10~20 当为负数时,Tab 将会出现重叠 horizontalalign Tab 的对齐方向 left center right paddingleft 左填充距离 整个一组 Tab 的左填充距离, 数值从 0~20. 不是指每个 Tab 的 填充距离 paddingright 右填充距离 整个一组 Tab 的右填充距离, 数值从 0~20. 不是指每个 Tab 的 填充距离 textalign 文本对齐方向 每个 Tab 中主体内容中的文本对齐方向 left center right textindent Tab 标题偏移度 每个 Tab 中标题相对于居中位置的偏移程度数值从 0~20 Tab 和 Tab 中主体内容都会应用此背景色 backgroundalpha 背景色透明度 只针对 Tab 中主体内容的背景色有效 数值从 borderstyle 边框样式 Tab 中主体内容的边框样式 none solid inset outset 四种样式 Tab 中主体内容的 borderthickness 边框粗细 borderstyle 为 solid 时有效数值从 0~20 dropshadowenabled 是否显示投影 true 和 false 2 个属性 shadowdistance 投影大小 dropshadowenabled 为 true 时有效数值从 0~20 dropshadowcolor 投影的颜色 主体内容的文本颜色 若想设置 TabNavigator 中 tab 中的样式, 为了不与 TabNavigator 中样式相冲突, 需在样式表中定义一个引 用的样式 TabNavigator {... tabstylename:"mytabs";... } 然后新定义一个 mytabs 样式来设置 tab 的样式 mytabs 中的设置 cornerradius Tab 边角圆角度 每个 Tab 的边角圆角度从 0~20 注意不是 Tab 主体内容的 边角 fillcolors Tab 填充渐变色 未选中的 Tab 的填充渐变色这个属性要设置 2 个色彩, 渐变 起始色和渐变结束色, 中间以逗号分隔 fillalphas Tab 填充色透明度 未选中的 Tab 的填充色透明度这个属性要设置 2 个值, 渐 变起始色透明度和渐变结束色透明度, 中间以逗号分隔, 数值从 backgroundcolor Tab 背景色 选中的 Tab 会应用上背景色 backgroundalpha Tab 背景色透明度 数值从 Tab textrollovercolor 鼠标经过 Tab 时的 Tab 文字颜色 Accordion 组件样式属性

4 headerheight 标签头高度 Accordion 组件中每个标签头的高度 dropshadowenabled 是否显示投影 true 和 false 2 个属性 shadowdistance 投影的大小 从 0~20 shadowdirection 投影方向 left right center dropshadowcolor 投影的颜色 borderstyle 边框的样式 none solid borderthickness 边框的粗细 从 0~20 整个 Accordion 组件包括标签头和主体内容都会应用上背景色 fillcolors 未选中的标签头填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束 色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 未选中的标签头填充色透明度 对应于 fillcolors 设置 4 个透明度数值从 selectedfillcolors 选中的标签头填充色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐变结束色 标签头文字的颜色 textrollovercolor 鼠标经过标签头时的文字颜色 textselectedcolor 鼠标点击标签头时的文字颜色 textindent 标签头文字缩进距离的大小 数值从 0~100 openduration 打开新标签的速度 数值从 0~1000 LinkBar 组件样式属性 horizontalgap 水平方向各链接之间的间隔 数值从 0~20 separatorwidth 间隔线的粗细 各链接之间间隔线的粗细数值从 0~20 separatorcolor 间隔线的颜色 borderstyle LinkBar 的边框样式 none solid borderthickness 边框粗细程度 数值从 0~20 cornerradius 边框圆角度 数值从 0~20 dropshadowenabled 是否显示边框投影 true 和 false shadowdistance 投影大小 数值从 0~20 shadowdirection 投影方向 left center right dropshadowcolor 投影颜色 backgroundalpha 背景色透明度 数值从 链接文字颜色 disabledcolor 选中的链接文字颜色 rollovercolor 鼠标经过未选中的链接时的背景色 textrollovercolor 鼠标经过未选中的链接时的文字色 selectioncolor 鼠标点击未选中的链接时的背景色 textselectedcolor 鼠标点击未选中的链接时的文字色 ApplicationControlBar 组件样式属性 cornerradius 边框圆角度 数值从 0~20 dropshadowenabled 是否显示边框投影 true 和 false shadowdistance 投影大小 数值从 0~20 dropshadowcolor 投影颜色 borderstyle 边框样式 default none solid

5 borderthickness 边框粗细 数值从 0~20 backgroundcolor 背景颜色 fillcolors 填充渐变色 这个属性要设置 2 个色彩, 渐变起始色和渐变结束色, 中间以逗号分隔 fillalphas 填充色透明度 这个属性要设置 2 个透明度渐变起始色透明度和渐变 结束色透明度 highlightalphas 高光透明度 2 个数值, 中间以逗号分隔前一个为高光亮度, 从, 为 1 时最亮, 为白色 后一个为高光透明度, 从, 为 1 时最透明 ( 可通过设置制作出 水晶半透明效果 ) List 组件样式属性 backgroundcolor 背景色 backgroundalpha 背景色透明度 数值从 userollover 是否使用鼠标经过 List 每一项时产生效果 true false rollovercolor 鼠标经过每一项时的背景色 userollover 为 true 时有效 textrollovercolor 鼠标经过每一项时的文字颜色 userollover 为 true 时有效 alternatingitemcolors List 中间隔背景色 这个属性要设置 2 个色彩, 某一项的背景色和下一 项的背景色 选项文本颜色 selectioncolor 被选中项的背景色 textselectedcolor 被选中项的文字颜色 textindent 选项文本缩进距离 selectionduration 被选中项渐变速度 被选中项背景色变为 selectioncolor 中的值的速度, 设置可实现渐变效果数值从 0~5000 值越大, 渐变速度越慢 borderstyle 边框样式 none solid inset outset borderthickness 边框粗细 数值从 0~20 dropshadowenabled 是否显示投影 true 和 false 2 个属性 shadowdistance 投影大小 dropshadowenabled 为 true 时有效数值从 0~20 shadowdirection 投影方向 3 个属性 left right center dropshadowcolor 投影的颜色 DataGrid 组件样式属性 backgroundcolor 背景色 backgroundalpha 背景色透明度 数值从 alternatingitemcolors 间隔背景颜色 间隔项的颜色这个属性要设置 2 个色彩, 某一项的背景 色和下一项的背景色 headercolors 标题头背景渐变颜色 这个属性要设置 2 个色彩, 标题头背景渐变起始色和 标题头背景渐变结束色 horizontalgridlines 是否显示横向分隔线 是否显示每一行之间的横向分隔线 true false horizontalgridlinecolor 横向分隔线颜色 horizontalgridlines 为 true 时有效 verticalgridlines 是否显示垂直方向分隔线 是否显示每一行之间的横向分隔线 true false 此属性只对内容中的分隔线有效, 标题头的分隔线是默认的 verticalgridlinecolor 垂直方向分隔线颜色 verticalgridlinecolor 为 true 时有效 userollover 是否实现鼠标经过时的变化效果 true false

6 rollovercolor 鼠标经过一行时的本行背景色 userollover 为 true 时有效 textrollovercolor 鼠标经过一行时的本行文字颜色 userollover 为 true 时有效 ( 这个属性好像无效?) 文字颜色 textselectedcolor 被选中行的文字颜色 ( 这个属性好像无效?) selectioncolor 被选中行的背景颜色 textindent 每一行文字缩进距离 数值从 0~30 Tree 组件样式属性 backgroundalpha 背景色透明度 数值从 alternatingitemcolors 间隔行的颜色 这个属性设置 2 个色彩, 某一行的背景色和下一行的 背景色 depthcolors 树级结构中每级的背景色 这个属性可设置多个色彩, 中间以逗号分隔 对应 从树的顶级到最后一级每 1 级的背景色 设置此属性会覆盖 alternatingitemcolors 中的设置 userollover 是否使用鼠标经过每一行时的效果 true false rollovercolor 鼠标经过每一行时的背景色 userollover 为 true 时有效 textrollovercolor 鼠标经过每一行时的文字颜色 userollover 为 true 时有效 borderthickness 边框的粗细 数值从 0~20 文本颜色 selectioncolor 被选中行的背景色 textselectedcolor 被选中行的文本颜色 textindent 文字缩进值 文字相对于图标的缩进值从 0~50 indentation 每一层级相对于上一层级的缩进值从 0~50 openduration 打开和关闭本层内容的速度 从 0~1000 selectionduration 被选中层级的背景色渐变速度 从 0~3000 TextInput 组件样式属性 backgroundalpha 背景色透明度 数值从 文本颜色 borderstyle 边框样式 none solid inset outset borderthickness 边框粗细 borderstyle 为 solid 时有效数值从 0~20 cornerradius 边框圆角度 borderstyle 为 solid 时有效数值从 0~20 textindent 输入框中内容缩进值 数值从 0~20 dropshadowenabled 是否显示投影 true false shadowdirection 投影方向 left center right shadowdistance 投影大小 数值从 0~20 dropshadowcolor 投影颜色 NumericStepper 组件样式属性 backgroundalpha 背景色透明度 数值从 borderstyle 边框样式 none solid inset outset

7 fillcolors 上翻和下拉键的渐变填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结 束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 dropshadowenabled 是否显示投影 true false shadowdirection 投影方向 left center right shadowdistance 投影大小 数值从 0~20 dropshadowcolor 投影颜色 ComboBox 组件样式属性 所有选项中文本颜色 cornerradius 边框圆角度 数值从 0~20 fillcolors 被选择项的渐变填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束 色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这 个属性要设置 4 个透明度渐变起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过 时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 backgroundalpha 下拉框的背景透明度 数值从 alternatingitemcolors 下拉框中选项的间隔背景色 这个属性设置 2 个色彩, 某一行的背景色和下 一行的背景色 userollover 下拉框中选项是否使用鼠标经过时的效果 true false rollovercolor 下拉框中选项鼠标经过时的背景色 userollover 为 true 时有效 textrollovercolor 下拉框中选项鼠标经过时的文本颜色 userollover 为 true 时有效 selectioncolor 下拉框中点击某一行选项时的此选项背景色 textselectedcolor 下拉框中点击某一行选项时的此选项文本颜色 openduration 打开下拉框的速度 数值从 10~2000 closeduration 关闭下拉框的速度 数值从 10~2000 CheckBox 组件样式属性 ( 包含单选和多选 ) 文本颜色 textrollovercolor 鼠标经过选择框时的文本颜色 textselectedcolor 鼠标点击选择框时的文本颜色 fillcolors 选择框的背景填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变 结束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从

8 highlightalphas 高光透明度针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 HSlider( 类似于温度刻度计的组件 HSlider 为横向的 ) 组件样式属性 labeloffset 刻度值文字与刻度计之间的距离 数值从 -50~50 负数时刻度值文字在刻度计下 方正数时在上方 thumboffset 刻度计中的游标与标尺之间的距离 数值从 -50~50 负数时游标在标尺下方正数 时在上方 datatipoffset ticklength 刻度线的长度 数值从 0~20 tickoffset 刻度线与标尺之间的距离 数值从 -50~50 tickthickness 刻度线的粗细 数值从 0~20 tickcolor 刻度线的颜色 showtrackhighlight 显示轨迹高光亮度 true false trackcolors 拖动游标时的轨迹颜色 这个属性要设置 2 个色彩值 已经过的轨迹颜色和 未经过的轨迹颜色 fillcolors 游标填充渐变色 这个属性要设置 4 个色值 : 渐变起始色, 渐变结束色, 鼠 标经过游标时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 Button 组件样式属性 cornerradius 边框圆角度 数值从 0`28 textindent Button 标题文本缩进值 数值从 0`20 paddingleft Button 内部左侧填充值 数值从 0`20 paddingright Button 内部右侧填充值 数值从 0`20 paddingtop Button 内部上侧填充值 数值从 0`20 paddingbottom Button 内部下侧填充值 数值从 0`20 fillcolors Button 背景填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束 色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起 始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 文字颜色 textrollovercolor 鼠标经过时的文字颜色 textselectedcolor 鼠标点击时的文字颜色 PopUpButton 组件样式属性

9 cornerradius 边框圆角度 数值从 0`28 arrowbuttonwidth 下拉按钮宽度 数值从 0`50 popupgap 点下拉按钮出现的内容与 PopUpButton 之间的距离 数值从 -25`25 textindent PopUpButton 中文本内容的缩进值 数值从 0`20 paddingleft PopUpButton 中左填充距离 数值从 0`20 paddingright PopUpButton 中右填充距离 数值从 0`20 paddingtop PopUpButton 中上填充距离 数值从 0`20 paddingbottom PopUpButton 中下填充距离 数值从 0`20 fillcolors PopUpButton 背景填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变 结束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 PopUpButton 文本颜色 textrollovercolor 鼠标经过 PopUpButton 时的文本颜色 textselectedcolor 鼠标点击 PopUpButton 时的文本颜色 ButtonBar 组件样式属性 buttonheight ButtonBar 的高度 数值从 0`50 horizontalgap ButtonBar 中每个 Button 在水平方向的间隔 数值从 0`20 textindent 每个 Button 中的文本缩进值 数值从 0`20 每个 Button 中的文本颜色 textrollovercolor 鼠标经过时每个 Button 中的文本颜色 textselectedcolor 鼠标点击时每个 Button 中的文本颜色 ButtonBar 中 Button 的一些属性需要单独来设置一个样式 buttonstylename:"mybuttonbar";.mybuttonbar 中设置如下 : cornerradius 边框圆角度 数值从 0`28 fillcolors PopUpButton 背景填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结 束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 ScrollBar 组件样式属性 分为 VScrollBar 和 HScrollBar( 横向和纵向滚动条 ), 属性样式要在 2 个中分别设置 cornerradius 边框圆角度 数值从 0`16 滚动条 fillcolors 滚动条填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束色,

10 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 rackcolors 滚动栏中滚动条之外的地方的渐变色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐变结束色 DateChooser 组件样式属性 cornerradius 边框圆角度 数值从 0`28 borderthickness 边框粗细 数值从 0`15 headercolors 呈现年月的头部背景色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐变结束色 fillcolors 滚动条填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性 这个属性要设置 4 个透明度渐变起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经 过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 todaycolor 今日的背景颜色 rollovercolor 鼠标经过日期时的背景颜色 selectioncolor 所选择日期的颜色 日期的文本颜色 backgroundcolor 除头部外的日期面板背景色 backgroundalpha 除头部外的日期面板背景透明度 值从 dropshadowenabled 是否显示投影 true false shadowdistance 投影大小 dropshadowenabled 为 true 时有效值从 0~20 shadowdirection 投影方向 left right center dropshadowcolor 投影的颜色 MenuBar 组件样式属性 cornerradius 边框圆角度 数值从 0`30 backgroundcolor 下拉的子菜单中背景颜色 fillcolors 菜单填充背景色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐变结束色 fillalphas 菜单填充背景色透明度 这个属性要设置 2 个透明度 : 渐变起始色透明度, 渐 变结束色透明度 highlightalphas 鼠标经过菜单时的高光亮度 2 个数值, 中间以逗号分隔前一个为高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 rollovercolor 下拉的子菜单中鼠标经过每一项时的背景色 selectioncolor 下拉的子菜单中鼠标点击每一项时的背景色 菜单文字颜色

11 textrollovercolor textselectedcolor disabledcolor 下拉的子菜单中鼠标经过时的文字颜色 下拉的子菜单中鼠标点击时的文字颜色 下拉的子菜单中被屏蔽项的背景色 HRule 组件样式属性 strokecolor 划线颜色 shadowcolor 阴影颜色 strokewidth 划线与阴影之间的距离 数值从 0`10 LinkButton 组件样式属性 cornerradius 边框圆角度 rollovercolor 鼠标经过时的背景色 selectioncolor 鼠标点击时的背景色 文字颜色 textrollovercolor 鼠标经过时的文字颜色 textselectedcolor 鼠标点击时的文字颜色 paddingleft 左填充距离 数值从 0`20 paddingright 右填充距离 数值从 0`20 ProgressBar 组件样式属性 barcolor 进度条中已经过的进度颜色 trackcolors 进度条中未经过的进度渐变色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐 变结束色 进度条进度文字颜色 paddingleft 进度条左填充距离 数值从 0`30 paddingright 进度条右填充距离 数值从 0`30 textindent 进度文字相对于进度条的缩进值 数值从 0`30 trackheight 进度条高度 数值从 0`30 verticalgap 进度文字与进度条之间的垂直间隔距离 数值从 0`30? Indeterminate 针对 barcolor 的颜色为主色调而产生间隔色的进度条效果 文字样式 fontfamily 字体 fontsize 文字大小 文字颜色 fontweight 文字粗细 bold normal fontstyle 文字斜体 italic normal textdecoration 文字下划线 underline none textalign 文本对齐方向 left center right paddingleft 文本所在容器的左填充距离 数值从 0`30 paddingright 文本所在容器的右填充距离 数值从 0`30 textindent 文本首行缩进值 数值从 0`30 leading 文本行间距 数值从 0`20 在 FLEX 中有很多方法来使用样式 :

12 一使用本地样式定义使用 <mx:style> 标签在 MXML 文件中创建本地的样式定义 这个标签包含了符合 CSS2.0 语法的样式表定义 这些定义会应用到当前文档以及当前文档的子文档 <mx:style>.solidborder{ // 类选择样式 border-style:solid; } button { // 组件定义样式 border-style:solid; }... </mx:style> // 应用到组件 <mx:vbox stylename="solidborder" /> <mx:button/> // 文档中的 button 自动应用样式表中的样式 二使用外部样式表 FLEX 支持外部 CSS 样式表 要应用一个样式表到当前文档和子文档, 使用 <mx:style> 标签中的 source 属性 <mx:application...> <mx:style source="style/style.css"/> // 载入外部样式表... </mx:application> style.css 文件中的样式表定义与本地样式定义相同 三使用内联样式可以像设定组件的属性一样在 MXML 标签中设定样式属性 内联样式的优先级高于本地样式和外部样式 <mx:button borderstyle="solid"> // 设定样式属性 四使用 setstyle() 方法可以在 ActionScript 中使用方法来操作组件的样式属性 使用 setstyle() 方法的优先级是最高的 <mx:application...> <mx:script> <![CDATA[ private functiom initbutton():void { mybutton.setstyle("paddingtop",12); mybutton.setstyle("paddingbottom",12); } ]]> </mx:script> <mx:button id="mybutton" initialize="initbutton();"> // 组件初始化时调用设定样式的脚本方法 </mx:application> 各组件对应的样式属性 themecolor 主题颜色 : 如果对色彩样式配置不想过多的去设置的话,themeColor 是一个选择 它可以让你选择一种基本色彩, 然后组件的边框, 外观等色彩将会以此色彩为基础构成一组缺省的样式, 组件均可

13 使用此样式属性 Application 组件样式属性 backgroundimage 背景图 使用 Embed(source=" "); 来应用 backgroundcolor 背景色 backgroundgradientcolors 背景渐进色 这个属性要设置 2 个色彩, 渐进起始色和渐进结束色, 中间 以逗号分隔 backgroundgradientalphas 背景渐进色透明度 这个属性要设置 2 个透明度, 对应渐进色中的 2 种颜色 值的范围是, 中间以逗号分隔 panel 组件样式属性 cornerradius 边角度数 panel 外框边角度数数值从 0~28 0 时为直角, 数值越大, 圆角弧 度越大 headerheight 标题头高度 panel 标题头的高度数值从 0~50 dropshadowenabled 是否显示投影 true 和 false 2 个属性 shadowdistance 投影大小 dropshadowenabled 为 true 时有效数值从 0~20 shadowdirection 投影方向 3 个属性 left right center dropshadowcolor 投影的颜色 roundedbottomcorners 底部边角是否为圆角 true 和 false 2 个属性若为 false, 则底部边角为直角, cornerradius 对其无影响 ; 若为 true,cornerradius 对底部边角才会起作用 textalign 文字对齐方向 3 个属性 left right center 除 title 外有内容的部分背景色 backgroundalpha 背景透明度 除 title 外有内容的部分背景透明度数值从 边框色 包括外边框和 title 与主体内容之间的边框色 borderalpha 边框透明度 包括外边框和 title 与主体内容之间的边框透明度数值从 borderstyle 边框样式 undefined,none,solid 3 种样式 : 默认为 undefined 当取值为 none 或 solid 时,title 与主体内容之间将无边框间隔或是 solid 样式 borderthickness 边框厚度 边框样式为 solid 时的边框粗细程度, 数值从 0~20 headercolors 标题头背景渐变色 这个属性要设置 2 个色彩, 渐进起始色和渐进结束色, 中间以 逗号分隔 footercolors 底部背景渐变色 这个属性要设置 2 个色彩, 渐进起始色和渐进结束色, 中间以 逗号分隔 highlightalphas 高光透明度 只针对 headercolors 有效 有 2 个数值, 中间以逗号分隔前一个 为高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 文本颜色 若想设置 panel 中 title 中的字体, 外观, 背景等样式, 为了不与 panel 中样式相冲突, 需在样式表中定义一 个引用的样式 panel {... titlestylename:"mytitlestyle";... } 然后新定义一个 mytitlestyle 样式来设置 title 的样式

14 TabNavigator 组件样式属性 tabheight 每个 Tab 的高度 数值从 0~50 tabwidth 每个 Tab 的宽度 数值从 0~200 cornerradius 角圆角度 每个 Tab 中主体内容的边角圆角度从 0~20 注意不是 Tab 的边角 horizontalgap 每个 Tab 之间的间隔宽度 数值从 -10~20 当为负数时,Tab 将会出现重叠 horizontalalign Tab 的对齐方向 left center right paddingleft 左填充距离 整个一组 Tab 的左填充距离, 数值从 0~20. 不是指每个 Tab 的 填充距离 paddingright 右填充距离 整个一组 Tab 的右填充距离, 数值从 0~20. 不是指每个 Tab 的 填充距离 textalign 文本对齐方向 每个 Tab 中主体内容中的文本对齐方向 left center right textindent Tab 标题偏移度 每个 Tab 中标题相对于居中位置的偏移程度数值从 0~20 Tab 和 Tab 中主体内容都会应用此背景色 backgroundalpha 背景色透明度 只针对 Tab 中主体内容的背景色有效 数值从 borderstyle 边框样式 Tab 中主体内容的边框样式 none solid inset outset 四种样式 Tab 中主体内容的 borderthickness 边框粗细 borderstyle 为 solid 时有效数值从 0~20 dropshadowenabled 是否显示投影 true 和 false 2 个属性 shadowdistance 投影大小 dropshadowenabled 为 true 时有效数值从 0~20 dropshadowcolor 投影的颜色 主体内容的文本颜色 若想设置 TabNavigator 中 tab 中的样式, 为了不与 TabNavigator 中样式相冲突, 需在样式表中定义一个引 用的样式 TabNavigator {... tabstylename:"mytabs";... } 然后新定义一个 mytabs 样式来设置 tab 的样式 mytabs 中的设置 cornerradius Tab 边角圆角度 每个 Tab 的边角圆角度从 0~20 注意不是 Tab 主体内容的边角 fillcolors Tab 填充渐变色 未选中的 Tab 的填充渐变色 这个属性要设置 2 个色彩, 渐变起始色和渐变结束色, 中间以逗号分隔 fillalphas Tab 填充色透明度 未选中的 Tab 的填充色透明度 这个属性要设置 2 个值, 渐变起始色透明度和渐变结束色透明度, 中间以逗号分隔, 数值从 backgroundcolor Tab 背景色 选中的 Tab 会应用上背景色 backgroundalpha Tab 背景色透明度 数值从 Tab textrollovercolor 鼠标经过 Tab 时的 Tab 文字颜色 Accordion 组件样式属性 headerheight 标签头高度 Accordion 组件中每个标签头的高度 dropshadowenabled 是否显示投影 true 和 false 2 个属性 shadowdistance 投影的大小 从 0~20

15 shadowdirection 投影方向 left right center dropshadowcolor 投影的颜色 borderstyle 边框的样式 none solid borderthickness 边框的粗细 从 0~20 整个 Accordion 组件包括标签头和主体内容都会应用上背景色 fillcolors 未选中的标签头填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束 色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 未选中的标签头填充色透明度 对应于 fillcolors 设置 4 个透明度数值从 selectedfillcolors 选中的标签头填充色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐变结束色 标签头文字的颜色 textrollovercolor 鼠标经过标签头时的文字颜色 textselectedcolor 鼠标点击标签头时的文字颜色 textindent 标签头文字缩进距离的大小 数值从 0~100 openduration 打开新标签的速度 数值从 0~1000 LinkBar 组件样式属性 horizontalgap 水平方向各链接之间的间隔 数值从 0~20 separatorwidth 间隔线的粗细 各链接之间间隔线的粗细数值从 0~20 separatorcolor 间隔线的颜色 borderstyle LinkBar 的边框样式 none solid borderthickness 边框粗细程度 数值从 0~20 cornerradius 边框圆角度 数值从 0~20 dropshadowenabled 是否显示边框投影 true 和 false shadowdistance 投影大小 数值从 0~20 shadowdirection 投影方向 left center right dropshadowcolor 投影颜色 backgroundalpha 背景色透明度 数值从 链接文字颜色 disabledcolor 选中的链接文字颜色 rollovercolor 鼠标经过未选中的链接时的背景色 textrollovercolor 鼠标经过未选中的链接时的文字色 selectioncolor 鼠标点击未选中的链接时的背景色 textselectedcolor 鼠标点击未选中的链接时的文字色 ApplicationControlBar 组件样式属性 cornerradius 边框圆角度 数值从 0~20 dropshadowenabled 是否显示边框投影 true 和 false shadowdistance 投影大小 数值从 0~20 dropshadowcolor 投影颜色 borderstyle 边框样式 default none solid borderthickness 边框粗细 数值从 0~20 backgroundcolor 背景颜色 fillcolors 填充渐变色 这个属性要设置 2 个色彩, 渐变起始色和渐变结束色,

16 中间以逗号分隔 fillalphas 填充色透明度 这个属性要设置 2 个透明度渐变起始色透明度和渐变 结束色透明度 highlightalphas 高光透明度 2 个数值, 中间以逗号分隔前一个为高光亮度, 从, 为 1 时最亮, 为白色 后一个为高光透明度, 从, 为 1 时最透明 ( 可通过设置制作出 水晶半透明效果 ) List 组件样式属性 backgroundalpha 背景色透明度 数值从 userollover 是否使用鼠标经过 List 每一项时产生效果 true false rollovercolor 鼠标经过每一项时的背景色 userollover 为 true 时有效 textrollovercolor 鼠标经过每一项时的文字颜色 userollover 为 true 时有效 alternatingitemcolors List 中间隔背景色 这个属性要设置 2 个色彩, 某一项的背景色和下一 项的背景色 选项文本颜色 selectioncolor 被选中项的背景色 textselectedcolor 被选中项的文字颜色 textindent 选项文本缩进距离 selectionduration 被选中项渐变速度 被选中项背景色变为 selectioncolor 中的值的速度, 设置可实现渐变效果数值从 0~5000 值越大, 渐变速度越慢 borderstyle 边框样式 none solid inset outset borderthickness 边框粗细 数值从 0~20 dropshadowenabled 是否显示投影 true 和 false 2 个属性 shadowdistance 投影大小 dropshadowenabled 为 true 时有效数值从 0~20 shadowdirection 投影方向 3 个属性 left right center dropshadowcolor 投影的颜色 DataGrid 组件样式属性 backgroundalpha 背景色透明度 数值从 alternatingitemcolors 间隔背景颜色 间隔项的颜色这个属性要设置 2 个色彩, 某一项的背景 色和下一项的背景色 headercolors 标题头背景渐变颜色 这个属性要设置 2 个色彩, 标题头背景渐变起始色和标 题头背景渐变结束色 horizontalgridlines 是否显示横向分隔线 是否显示每一行之间的横向分隔线 true false horizontalgridlinecolor 横向分隔线颜色 horizontalgridlines 为 true 时有效 verticalgridlines 是否显示垂直方向分隔线 是否显示每一行之间的横向分隔线 true false 此 属性只对内容中的分隔线有效, 标题头的分隔线是默认的 verticalgridlinecolor 垂直方向分隔线颜色 verticalgridlinecolor 为 true 时有效 userollover 是否实现鼠标经过时的变化效果 true false rollovercolor 鼠标经过一行时的本行背景色 userollover 为 true 时有效 textrollovercolor 鼠标经过一行时的本行文字颜色 userollover 为 true 时有效 ( 这个属性好像无效?) 文字颜色

17 textselectedcolor 被选中行的文字颜色 ( 这个属性好像无效?) selectioncolor 被选中行的背景颜色 textindent 每一行文字缩进距离 数值从 0~30 Tree 组件样式属性 backgroundalpha 背景色透明度 数值从 alternatingitemcolors 间隔行的颜色 这个属性设置 2 个色彩, 某一行的背景色和下一行的 背景色 depthcolors 树级结构中每级的背景色 这个属性可设置多个色彩, 中间以逗号分隔 对应 从树的顶级到最后一级每 1 级的背景色 设置此属性会覆盖 alternatingitemcolors 中的设置 userollover 是否使用鼠标经过每一行时的效果 true false rollovercolor 鼠标经过每一行时的背景色 userollover 为 true 时有效 textrollovercolor 鼠标经过每一行时的文字颜色 userollover 为 true 时有效 borderthickness 边框的粗细 数值从 0~20 文本颜色 selectioncolor 被选中行的背景色 textselectedcolor 被选中行的文本颜色 textindent 文字缩进值 文字相对于图标的缩进值从 0~50 indentation 每一层级相对于上一层级的缩进值从 0~50 openduration 打开和关闭本层内容的速度 从 0~1000 selectionduration 被选中层级的背景色渐变速度 从 0~3000 TextInput 组件样式属性 backgroundalpha 背景色透明度 数值从 文本颜色 borderstyle 边框样式 none solid inset outset borderthickness 边框粗细 borderstyle 为 solid 时有效数值从 0~20 cornerradius 边框圆角度 borderstyle 为 solid 时有效数值从 0~20 textindent 输入框中内容缩进值 数值从 0~20 dropshadowenabled 是否显示投影 true false shadowdirection 投影方向 left center right shadowdistance 投影大小 数值从 0~20 dropshadowcolor 投影颜色 NumericStepper 组件样式属性 backgroundalpha 背景色透明度 数值从 borderstyle 边框样式 none solid inset outset fillcolors 上翻和下拉键的渐变填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结 束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起 始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从

18 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 dropshadowenabled 是否显示投影 true false shadowdirection 投影方向 left center right shadowdistance 投影大小 数值从 0~20 dropshadowcolor 投影颜色 ComboBox 组件样式属性 所有选项中文本颜色 cornerradius 边框圆角度 数值从 0~20 fillcolors 被选择项的渐变填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束 色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 backgroundalpha 下拉框的背景透明度 数值从 alternatingitemcolors 下拉框中选项的间隔背景色 这个属性设置 2 个色彩, 某一行的背景色和下 一行的背景色 userollover 下拉框中选项是否使用鼠标经过时的效果 true false rollovercolor 下拉框中选项鼠标经过时的背景色 userollover 为 true 时有效 textrollovercolor 下拉框中选项鼠标经过时的文本颜色 userollover 为 true 时有效 selectioncolor 下拉框中点击某一行选项时的此选项背景色 textselectedcolor 下拉框中点击某一行选项时的此选项文本颜色 openduration 打开下拉框的速度 数值从 10~2000 closeduration 关闭下拉框的速度 数值从 10~2000 CheckBox 组件样式属性 ( 包含单选和多选 ) 文本颜色 textrollovercolor 鼠标经过选择框时的文本颜色 textselectedcolor 鼠标点击选择框时的文本颜色 fillcolors 选择框的背景填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结 束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起 始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通

19 Hslider( 类似于温度刻度计的组件 HSlider 为横向的 ) 组件样式属性 ) labeloffset 刻度值文字与刻度计之间的距离 数值从 -50~50 负数时刻度值文字在刻度计下 方正数时在上方 thumboffset 刻度计中的游标与标尺之间的距离 数值从 -50~50 负数时游标在标尺下方正数 时在上方 datatipoffset ticklength 刻度线的长度 数值从 0~20 tickoffset 刻度线与标尺之间的距离 数值从 -50~50 tickthickness 刻度线的粗细 数值从 0~20 tickcolor 刻度线的颜色 showtrackhighlight 显示轨迹高光亮度 true false trackcolors 拖动游标时的轨迹颜色 这个属性要设置 2 个色彩值 已经过的轨迹颜色和 未经过的轨迹颜色 fillcolors 游标填充渐变色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束色, 鼠标经过游标时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 Button 组件样式属性 cornerradius 边框圆角度 数值从 0`28 textindent Button 标题文本缩进值 数值从 0`20 paddingleft Button 内部左侧填充值 数值从 0`20 paddingright Button 内部右侧填充值 数值从 0`20 paddingtop Button 内部上侧填充值 数值从 0`20 paddingbottom Button 内部下侧填充值 数值从 0`20 fillcolors Button 背景填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性, 这个属性要设置 4 个透明度渐变 起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 文字颜色 textrollovercolor 鼠标经过时的文字颜色 textselectedcolor 鼠标点击时的文字颜色 PopUpButton 组件样式属性 cornerradius 边框圆角度 数值从 0`28 arrowbuttonwidth 下拉按钮宽度 数值从 0`50 popupgap 点下拉按钮出现的内容与 PopUpButton 之间的距离 数值从 -25`25 textindent PopUpButton 中文本内容的缩进值 数值从 0`20

20 paddingleft PopUpButton 中左填充距离 数值从 0`20 paddingright PopUpButton 中右填充距离 数值从 0`20 paddingtop PopUpButton 中上填充距离 数值从 0`20 paddingbottom PopUpButton 中下填充距离 数值从 0`20 fillcolors PopUpButton 背景填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结 束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 PopUpButton 文本颜色 textrollovercolor 鼠标经过 PopUpButton 时的文本颜色 textselectedcolor 鼠标点击 PopUpButton 时的文本颜色 ButtonBar 组件样式属性 buttonheight ButtonBar 的高度 数值从 0`50 horizontalgap ButtonBar 中每个 Button 在水平方向的间隔 数值从 0`20 textindent 每个 Button 中的文本缩进值 数值从 0`20 每个 Button 中的文本颜色 textrollovercolor 鼠标经过时每个 Button 中的文本颜色 textselectedcolor 鼠标点击时每个 Button 中的文本颜色 ButtonBar 中 Button 的一些属性需要单独来 设置一个样式 buttonstylename:"mybuttonbar";.mybuttonbar 中设置如下 : cornerradius 边框圆角度 数值从 0`28 fillcolors PopUpButton 背景填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起始 色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 ScrollBar 组件样式属性 分为 VScrollBar 和 HScrollBar( 横向和纵向滚动条 ), 属性样式要在 2 个中分别设置 cornerradius 边框圆角度 数值从 0`16 滚动条 fillcolors 滚动条填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性 这个属性要设置 4 个透明度渐变起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经 过时渐变结束色透明度数值从

21 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 trackcolors 滚动栏中滚动条之外的地方的渐变色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐变结束色 DateChooser 组件样式属性 cornerradius 边框圆角度 数值从 0`28 borderthickness 边框粗细 数值从 0`15 headercolors 呈现年月的头部背景色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐变结束色 fillcolors 滚动条填充色 这个属性要设置 4 个色彩值 : 渐变起始色, 渐变结束 色, 鼠标经过时渐变起始色, 鼠标经过时渐变结束色 fillalphas 填充色透明度 针对 fillcolors 属性这个属性要设置 4 个透明度渐变起 始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从 highlightalphas 高光透明度 针对 fillcolors 属性 2 个数值, 中间以逗号分隔前一个为 高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 ( 可通 todaycolor 今日的背景颜色 rollovercolor 鼠标经过日期时的背景颜色 selectioncolor 所选择日期的颜色 日期的文本颜色 backgroundcolor 除头部外的日期面板背景色 backgroundalpha 除头部外的日期面板背景透明度 值从 dropshadowenabled 是否显示投影 true false shadowdistance 投影大小 dropshadowenabled 为 true 时有效值从 0~20 shadowdirection 投影方向 left right center dropshadowcolor 投影的颜色 MenuBar 组件样式属性 cornerradius 边框圆角度 数值从 0`30 backgroundcolor 下拉的子菜单中背景颜色 fillcolors 菜单填充背景色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐变结束色 fillalphas 菜单填充背景色透明度 这个属性要设置 2 个透明度 : 渐变起始色透明度, 渐 变结束色透明度 highlightalphas 鼠标经过菜单时的高光亮度 2 个数值, 中间以逗号分隔前一个为高光亮度, 从, 为 1 时最亮, 为白色后一个为高光透明度, 从, 为 1 时最透明 rollovercolor 下拉的子菜单中鼠标经过每一项时的背景色 selectioncolor 下拉的子菜单中鼠标点击每一项时的背景色 菜单文字颜色 textrollovercolor 下拉的子菜单中鼠标经过时的文字颜色 textselectedcolor 下拉的子菜单中鼠标点击时的文字颜色 disabledcolor 下拉的子菜单中被屏蔽项的背景色

22 HRule 组件样式属性 strokecolor 划线颜色 shadowcolor 阴影颜色 strokewidth 划线与阴影之间的距离 数值从 0`10 LinkButton 组件样式属性 cornerradius 边框圆角度 rollovercolor 鼠标经过时的背景色 selectioncolor 鼠标点击时的背景色 文字颜色 textrollovercolor 鼠标经过时的文字颜色 textselectedcolor 鼠标点击时的文字颜色 paddingleft 左填充距离 数值从 0`20 paddingright 右填充距离 数值从 0`20 ProgressBar 组件样式属性 barcolor 进度条中已经过的进度颜色 trackcolors 进度条中未经过的进度渐变色 这个属性要设置 2 个色彩值 : 渐变起始色, 渐变 结束色 进度条进度文字颜色 paddingleft 进度条左填充距离 数值从 0`30 paddingright 进度条右填充距离 数值从 0`30 textindent 进度文字相对于进度条的缩进值 数值从 0`30 trackheight 进度条高度 数值从 0`30 verticalgap 进度文字与进度条之间的垂直间隔距离 数值从 0`30 Indeterminate 针对 barcolor 的颜色为主色调而产生间隔色的进度条效果 文字样式 fontfamily 字体 fontsize 文字大小 文字颜色 fontweight 文字粗细 bold normal fontstyle 文字斜体 italic normal textdecoration 文字下划线 underline none textalign 文本对齐方向 left center right paddingleft 文本所在容器的左填充距离 数值从 0`30 paddingright 文本所在容器的右填充距离 数值从 0`30 textindent 文本首行缩进值 数值从 0`30 leading 文本行间距 数值从 0`20