flex 各组件对应的样式属性下

来源：互联网发布：淘宝版权投诉成立编辑：程序博客网时间：2024/05/22 17:32

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个透明度渐变起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从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

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个透明度渐变起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00

color PopUpButton文本颜色

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

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

borderColor 边框颜色

ButtonBar组件样式属性

buttonHeight ButtonBar的高度数值从0`50

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

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

color 每个Button中的文本颜色

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

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

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

buttonStyleName:"myButtonBar";

.myButtonBar中设置如下：

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

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

highlightAlphas 高光透明度针对fillColors属性

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

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

ScrollBar组件样式属性

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

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

borderColor 滚动条边框颜色

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

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

DateChooser组件样式属性

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

borderThickness 边框粗细数值从0`15

headerColors 呈现年月的头部背景色这个属性要设置2个色彩值：渐变起始色，渐变结束色
fillColors 滚动条填充色这个属性要设置4个色彩值：渐变起始色，渐变结束色，鼠标经过时渐变起始色，鼠标经过时渐变结束色

todayColor 今日的背景颜色

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

selectionColor 所选择日期的颜色

color 日期的文本颜色

borderColor 边框颜色

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

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

dropShadowEnabled 是否显示投影 true false

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

shadowDirection 投影方向 left right center

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 文字粗细 bold normal

fontStyle 文字斜体 italic normal

textDecoration 文字下划线 underline none

textAlign 文本对齐方向 left center right

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

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

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

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

http://hi.baidu.com/efa7378/blog/item/9ad39e163625d852f2de32cf.html （转自）

flex 各组件对应的样式属性 下

flex 各组件对应的样式属性下