flex 各组件样式大全

读 评论(0) 收藏 举报

 

flex各组件对应的样式属性下2007-10-2515:52Button组件样式属性

cornerRadius边框圆角度数值从0`28

textIndentButton标题文本缩进值数值从0`20

paddingLeftButton内部左侧填充值数值从0`20

paddingRightButton内部右侧填充值数值从0`20

paddingTopButton内部上侧填充值数值从0`20

paddingBottomButton内部下侧填充值数值从0`20

fillColorsButton背景填充色这个属性要设置4个色彩值：渐变起始色，渐变结束色，鼠标

经过时渐变起始色，鼠标经过时渐变结束色

fillAlphas填充色透明度针对fillColors属性这个属性要设置4个透明度渐变起始色

透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00

highlightAlphas高光透明度针对fillColors属性2个数值，中间以逗号分隔前一个为高光

亮度，从0.00~1.00，为1时最亮，为白色后一个为高光透明度，从0.00~1.00，为1时最透明(可通过设置制作出水晶半透明效果)

color文字颜色

textRollOverColor鼠标经过时的文字颜色

textSelectedColor鼠标点击时的文字颜色

borderColor边框颜色

PopUpButton组件样式属性

cornerRadius边框圆角度数值从0`28

arrowButtonWidth下拉按钮宽度数值从0`50

popUpGap点下拉按钮出现的内容与PopUpButton之间的距离数值从-25`25

textIndentPopUpButton中文本内容的缩进值数值从0`20

paddingLeftPopUpButton中左填充距离数值从0`20

paddingRightPopUpButton中右填充距离数值从0`20

paddingTopPopUpButton中上填充距离数值从0`20

paddingBottomPopUpButton中下填充距离数值从0`20

fillColorsPopUpButton背景填充色这个属性要设置4个色彩值：渐变起始色，渐变结束色，鼠

标经过时渐变起始色，鼠标经过时渐变结束色

fillAlphas填充色透明度针对fillColors属性这个属性要设置4个透明度渐变起始色

透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00

highlightAlphas高光透明度针对fillColors属性2个数值，中间以逗号分隔前一个为高光

亮度，从0.00~1.00，为1时最亮，为白色后一个为高光透明度，从0.00~1.00，为1时最透明(可通过设置制作出水晶半透明效果)

colorPopUpButton文本颜色

textRollOverColor鼠标经过PopUpButton时的文本颜色

textSelectedColor鼠标点击PopUpButton时的文本颜色

borderColor边框颜色

ButtonBar组件样式属性

buttonHeightButtonBar的高度数值从0`50

horizontalGapButtonBar中每个Button在水平方向的间隔数值从0`20

textIndent每个Button中的文本缩进值数值从0`20

color每个Button中的文本颜色

textRollOverColor鼠标经过时每个Button中的文本颜色

textSelectedColor鼠标点击时每个Button中的文本颜色

ButtonBar中Button的一些属性需要单独来设置一个样式

buttonStyleName:"myButtonBar";

.myButtonBar中设置如下：

cornerRadius边框圆角度数值从0`28

fillColorsPopUpButton背景填充色这个属性要设置4个色彩值：渐变起始色，渐变结束色，鼠

标经过时渐变起始色，鼠标经过时渐变结束色

fillAlphas填充色透明度针对fillColors属性这个属性要设置4个透明度渐变起始色

透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00

highlightAlphas高光透明度针对fillColors属性

2个数值，中间以逗号分隔前一个为高光亮度，从0.00~1.00，为1时最亮，为白色后一个为高光透明

度，从0.00~1.00，为1时最透明(可通过设置制作出水晶半透明效果)

ScrollBar组件样式属性

分为VScrollBar和HScrollBar(横向和纵向滚动条)，属性样式要在2个中分别设置

cornerRadius边框圆角度数值从0`16

borderColor滚动条边框颜色

fillColors滚动条填充色这个属性要设置4个色彩值：渐变起始色，渐变结束色，鼠标

经过时渐变起始色，鼠标经过时渐变结束色

fillAlphas填充色透明度针对fillColors属性这个属性要设置4个透明度渐变起始色

透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00

highlightAlphas高光透明度针对fillColors属性2个数值，中间以逗号分隔前一个为高光

亮度，从0.00~1.00，为1时最亮，为白色后一个为高光透明度，从0.00~1.00，为1时最透明(可通过设置制作出水晶半透明效果)

trackColors滚动栏中滚动条之外的地方的渐变色这个属性要设置2个色彩值：渐变起始色，渐变结束色

DateChooser组件样式属性

cornerRadius边框圆角度数值从0`28

borderThickness边框粗细数值从0`15

headerColors呈现年月的头部背景色这个属性要设置2个色彩值：渐变起始色，渐变结束色

fillColors滚动条填充色这个属性要设置4个色彩值：渐变起始色，渐变结束色，鼠标

经过时渐变起始色，鼠标经过时渐变结束色

fillAlphas填充色透明度针对fillColors属性这个属性要设置4个透明度渐变起始色

透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00

highlightAlphas高光透明度针对fillColors属性2个数值，中间以逗号分隔前一个为高光

亮度，从0.00~1.00，为1时最亮，为白色后一个为高光透明度，从0.00~1.00，为1时最透明(可通过设置制作出水晶半透明效果)

todayColor今日的背景颜色

rollOverColor鼠标经过日期时的背景颜色

selectionColor所选择日期的颜色

color日期的文本颜色

borderColor边框颜色

backgroundColor除头部外的日期面板背景色

backgroundAlpha除头部外的日期面板背景透明度值从0.00~1.00

dropShadowEnabled是否显示投影truefalse

shadowDistance投影大小dropShadowEnabled为true时有效值从0~20

shadowDirection投影方向leftrightcenter

dropShadowColor投影的颜色

MenuBar组件样式属性

cornerRadius边框圆角度数值从0`30

backgroundColor下拉的子菜单中背景颜色

borderColor边框颜色

fillColors菜单填充背景色这个属性要设置2个色彩值：渐变起始色，渐变结束色

fillAlphas菜单填充背景色透明度这个属性要设置2个透明度：渐变起始色透明度，渐变结束色透

明度

highlightAlphas鼠标经过菜单时的高光亮度2个数值，中间以逗号分隔前一个为高光亮度，从0.00~1.00，

为1时最亮，为白色后一个为高光透明度，从0.00~1.00，为1时最透明

rollOverColor下拉的子菜单中鼠标经过每一项时的背景色

selectionColor下拉的子菜单中鼠标点击每一项时的背景色

color菜单文字颜色

textRollOverColor下拉的子菜单中鼠标经过时的文字颜色

textSelectedColor下拉的子菜单中鼠标点击时的文字颜色

disabledColor下拉的子菜单中被屏蔽项的背景色

HRule组件样式属性

strokeColor划线颜色

shadowColor阴影颜色

strokeWidth划线与阴影之间的距离数值从0`10

LinkButton组件样式属性

cornerRadius边框圆角度

rollOverColor鼠标经过时的背景色

selectionColor鼠标点击时的背景色

color文字颜色

textRollOverColor鼠标经过时的文字颜色

textSelectedColor鼠标点击时的文字颜色

paddingLeft左填充距离数值从0`20

paddingRight右填充距离数值从0`20

ProgressBar组件样式属性

borderColor边框颜色

barColor进度条中已经过的进度颜色

trackColors进度条中未经过的进度渐变色这个属性要设置2个色彩值：渐变起始色，渐变结束色

color进度条进度文字颜色

paddingLeft进度条左填充距离数值从0`30

paddingRight进度条右填充距离数值从0`30

textIndent进度文字相对于进度条的缩进值数值从0`30

trackHeight进度条高度数值从0`30

verticalGap进度文字与进度条之间的垂直间隔距离数值从0`30

?Indeterminate针对barColor的颜色为主色调而产生间隔色的进度条效果

文字样式

fontFamily字体

fontSize文字大小

color文字颜色

fontWeight文字粗细boldnormal

fontStyle文字斜体italicnormal

textDecoration文字下划线underlinenone

textAlign文本对齐方向leftcenterright

paddingLeft文本所在容器的左填充距离数值从0`30

paddingRight文本所在容器的右填充距离数值从0`30

textIndent文本首行缩进值数值从0`30

leading文本行间距数值从0`20

转自： http://blog.csdn.net/sjz168/article/details/7227561