flex 各组件对应的样式属性

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

highlightAlphas 高光透明度 针对fillColors属性2个数值,中间以逗号分隔前一个为高光亮度,从0.00~1.00,为1时最亮,为白色后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明效果)
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个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色
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 是否显示投影 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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值