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、付费专栏及课程。

余额充值