您的位置:首页 > Web前端 > CSS

flex 各组件对应的样式属性(转)

2010-04-28 16:55 435 查看
转载自http://blog.csdn.net/friendyi/archive/2008/07/07/2621034.aspx

Application组件样式属性

backgroundImage 背景图 使用Embed(source=" ");来应用

backgroundColor 背景色

backgroundGradientColors 背景渐进色 这个属性要设置2个色彩,渐进起始色和渐进结束色,中间以逗号分隔

backgroundGradientAlphas 背景渐进色透明度 这个属性要设置2个透明度,对应渐进色中的2种颜色 值的范围是0.00~1.00,中间以逗号分隔

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

backgroundColor 背景色 除title外有内容的部分背景色

backgroundAlpha 背景透明度 除title外有内容的部分背景透明度数值从0.00~1.00

borderColor 边框色 包括外边框和title与主体内容之间的边框色

borderAlpha 边框透明度 包括外边框和title与主体内容之间的边框透明度 数值从0.00~1.00

borderStyle 边框样式 undefined,none,solid
3种样式:默认为undefined。当取值为none或solid时,title与主体内容之间将无边框间隔或是solid样式。

borderThickness 边框厚度 边框样式为solid时的边框粗细程度,数值从0~20

headerColors 标题头背景渐变色 这个属性要设置2个色彩,渐进起始色和渐进结束色,中间以逗号分隔

footerColors 底部背景渐变色 这个属性要设置2个色彩,渐进起始色和渐进结束色,中间以逗号分隔

highlightAlphas 高光透明度
只针对headerColors有效。有2个数值,中间以逗号分隔前一个为高光亮度,从0.00~1.00,为1时最亮,为白色后一个为高光透明度,从
0.00~1.00,为1时最透明(可通过设置制作出水晶半透明效果)

color 文本颜色

若想设置panel中title中的字体,外观,背景等样式,为了不与panel中样式相冲突,需在样式

表中定义一个引用的样式。

panel {

...

titleStyleName:"myTitleStyle";

...

}

然后新定义一个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

backgroundColor 背景色 Tab和Tab中主体内容都会应用此

背景色

backgroundAlpha 背景色透明度 只针对Tab中主体内容的背景色

有效 数值从0.00~1.00

borderStyle 边框样式 Tab中主体内容的边框样式

none solid inset outset四种样式

borderColor 边框颜色 Tab中主体内容的边框颜色

borderThickness 边框粗细 borderStyle为solid时有效 数值从0~20

dropShadowEnabled 是否显示投影 true和false 2个属性

shadowDistance 投影大小 dropShadowEnabled为true时有

效 数值从0~20

dropShadowColor 投影的颜色

color 主体内容的文本颜色

若想设置TabNavigator中tab中的样式,为了不与TabNavigator中样式相冲突,需在样式表中定义

一个引用的样式。

TabNavigator {

...

tabStyleName:"myTabs";

...

}

然后新定义一个myTabs样式来设置tab的样式。

myTabs中的设置

cornerRadius Tab边角圆角度 每个Tab的边角圆角度 从0~20

注意不是Tab主体内容的边角

fillColors Tab填充渐变色 未选中的Tab的填充渐变色,这个属性要设置2个色彩,渐变起始色和渐变结束色,中间以逗号分隔

fillAlphas Tab填充色透明度 未选中的Tab的填充色透明度这个属性要设置2个值,渐变起始色透明度和渐变结束色透明度,中间 以逗号分隔,数值从0.00~1.00

backgroundColor Tab背景色 选中的Tab会应用上背景色

backgroundAlpha Tab背景色透明度 数值从0.00~1.00

borderColor Tab边框颜色

textRollOverColor 鼠标经过Tab时的Tab文字颜色

Accordion组件样式属性

headerHeight 标签头高度 Accordion组件中每个标签头的高度

dropShadowEnabled 是否显示投影 true和false 2个属性

shadowDistance 投影的大小 从0~20

shadowDirection 投影方向 left right center

dropShadowColor 投影的颜色

borderStyle 边框的样式 none solid

borderThickness 边框的粗细 从0~20

backgroundColor 背景色 整个Accordion组件包括标签头和主体内容都会应用上背景色

fillColors 未选中的标签头填充色 这个属性要设置4个色彩值:

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

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

fillAlphas 未选中的标签头填充色透明度 对应于fillColors设置4个透

明度 数值从0.00~1.00

selectedFillColors 选中的标签头填充色 这个属性要设置2个色彩值:

渐变起始色,渐变结束色

color 标签头文字的颜色

textRollOverColor 鼠标经过标签头时的文字颜色

textSelectedColor 鼠标点击标签头时的文字颜色

textIndent 标签头文字缩进距离的大小 数值从0~100

openDuration 打开新标签的速度 数值从0~1000

LinkBar组件样式属性

horizontalGap 水平方向各链接之间的间隔 数值从0~20

separatorWidth 间隔线的粗细 各链接之间间隔线的粗细

数值从0~20

separatorColor 间隔线的颜色

borderStyle LinkBar的边框样式 none solid

borderColor 边框颜色

borderThickness 边框粗细程度 数值从0~20

cornerRadius 边框圆角度 数值从0~20

dropShadowEnabled 是否显示边框投影 true和false

shadowDistance 投影大小 数值从0~20

shadowDirection 投影方向 left center right

dropShadowColor 投影颜色

backgroundColor 背景色

backgroundAlpha 背景色透明度 数值从0.00~1.00

color 链接文字颜色

disabledColor 选中的链接文字颜色

rollOverColor 鼠标经过未选中的链接时的背景色

textRollOverColor 鼠标经过未选中的链接时的文字色

selectionColor 鼠标点击未选中的链接时的背景色

textSelectedColor 鼠标点击未选中的链接时的文字色

ApplicationControlBar组件样式属性

cornerRadius 边框圆角度 数值从0~20

dropShadowEnabled 是否显示边框投影 true和false

shadowDistance 投影大小 数值从0~20

dropShadowColor 投影颜色

borderStyle 边框样式 default none solid

borderColor 边框颜色

borderThickness 边框粗细 数值从0~20

backgroundColor 背景颜色

fillColors 填充渐变色 这个属性要设置2个色彩,渐变起始色和渐变结束色,中间以逗号分隔

fillAlphas 填充色透明度 这个属性要设置2个透明度 渐变起始色透明度和渐变结束色透明度

highlightAlphas 高光透明度 2个数值,中间以逗号分隔
前一个为高光亮度,从0.00~1.00,为1时最亮,为白色
后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明效果)

backgroundColor 背景色

List组件样式属性

backgroundColor 背景色

backgroundAlpha 背景色透明度 数值从0.00~1.00

useRollOver 是否使用鼠标经过List每一项时产生效果 true false

rollOverColor 鼠标经过每一项时的背景色 useRollOver为true时有效

textRollOverColor 鼠标经过每一项时的文字颜色 useRollOver为true时有效

alternatingItemColors List中间隔背景色 这个属性要设置2个色彩,某一项的背景色和下一项的背景色

color 选项文本颜色

selectionColor 被选中项的背景色

textSelectedColor 被选中项的文字颜色

textIndent 选项文本缩进距离

selectionDuration 被选中项渐变速度 被选中项背景色变为

selectionColor中的值的速度,设置可实现渐变效果 数值从0~5000 值越大,渐变速度越慢

borderStyle 边框样式 none solid inset outset

borderColor 边框颜色

borderThickness 边框粗细 数值从0~20

dropShadowEnabled 是否显示投影 true和false 2个属性

shadowDistance 投影大小 dropShadowEnabled为true时有效 数

值从0~20

shadowDirection 投影方向 3个属性 left right center

dropShadowColor 投影的颜色

DataGrid组件样式属性

backgroundColor 背景色

backgroundAlpha 背景色透明度 数值从0.00~1.00

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时有效(这个属性好像无效?)

color 文字颜色

? textSelectedColor 被选中行的文字颜色 (这个属性好像无效?)

selectionColor 被选中行的背景颜色

textIndent 每一行文字缩进距离 数值从0~30

Tree组件样式属性

backgroundColor 背景色

backgroundAlpha 背景色透明度 数值从0.00~1.00

alternatingItemColors 间隔行的颜色 这个属性设置2个色彩,某一行的背景色和下一行的背景色

depthColors 树级结构中每级的背景色
这个属性可设置多个色彩,中间以逗号分隔。对应从树的顶级到最后一级每1级的背景色。设置此属性会覆盖alternatingItemColors中的设


useRollOver 是否使用鼠标经过每一行时的效果 true false

rollOverColor 鼠标经过每一行时的背景色 useRollOver为true时有效

textRollOverColor 鼠标经过每一行时的文字颜色 useRollOver为true时有效

borderThickness 边框的粗细 数值从0~20

color 文本颜色

selectionColor 被选中行的背景色

textSelectedColor 被选中行的文本颜色

textIndent 文字缩进值 文字相对于图标的缩进值 从0~50

indentation 每一层级相对于上一层级的缩进值 从0~50

openDuration 打开和关闭本层内容的速度 从0~1000

selectionDuration 被选中层级的背景色渐变速度 从0~3000

TextInput组件样式属性

backgroundColor 背景色

backgroundAlpha 背景色透明度 数值从0.00~1.00

color 文本颜色

borderStyle 边框样式 none solid inset outset

borderColor 边框颜色

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组件样式属性

backgroundColor 背景色

backgroundAlpha 背景色透明度 数值从0.00~1.00

borderStyle 边框样式 none solid inset

outset

fillColors 上翻和下拉键的渐变填充色 这个属性要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色

fillAlphas 填充色透明度 针对fillColors属性
这个属性要设置4个透明度 渐变起始色透明度 渐变结束色透明度 鼠标经过时渐变起始色透明度 鼠标经过时渐变结束色透明度 数值从0.00~1.00

highlightAlphas 高光透明度
针对fillColors属性 2个数值,中间以逗号分隔 前一个为高光亮度,从0.00~1.00,为1时最亮,为白色 后一个为高光透明

度,从0.00~1.00,为1时最透明 dropShadowEnabled 是否显示投影 true false

shadowDirection 投影方向 left center right

shadowDistance 投影大小 数值从0~20

dropShadowColor 投影颜色

ComboBox组件样式属性

color 所有选项中文本颜色

borderColor 边框颜色

cornerRadius 边框圆角度 数值从0~20

fillColors 被选择项的渐变填充色 这个属性要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色

fillAlphas 填充色透明度 针对fillColors属性 这个属性要设置4个透明度 渐变起始色透明度 渐变结束色透明度 鼠标经过时渐变起始色透明度 鼠标经

过时渐变结束色透明度 数值从0.00~1.00

highlightAlphas 高光透明度 针对fillColors属性

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

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

backgroundAlpha 下拉框的背景透明度 数值从0.00~1.00

alternatingItemColors 下拉框中选项的间隔背景色 这个属性设置2个色彩,某一行的背景色和下一行的背景色

useRollOver 下拉框中选项是否使用鼠标经过时的效果 true false

rollOverColor 下拉框中选项鼠标经过时的背景色
useRollOver为true时有效 textRollOverColor
下拉框中选项鼠标经过时的文本颜色 useRollOver为true时有效

selectionColor 下拉框中点击某一行选项时的此选项背景色

textSelectedColor 下拉框中点击某一行选项时的此选项文本颜色

openDuration 打开下拉框的速度 数值从10~2000

closeDuration 关闭下拉框的速度 数值从10~2000

CheckBox组件样式属性(包含单选和多选)

borderColor 边框颜色

color 文本颜色

textRollOverColor 鼠标经过选择框时的文本颜色

textSelectedColor 鼠标点击选择框时的文本颜色

fillColors 选择框的背景填充色 这个属性要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色

fillAlphas 填充色透明度 针对fillColors属性
这个属性要设置4个透明度 渐变起始色透明度 渐变结束色透明度 鼠标经过时渐变起始色透明度 鼠标经过时渐变结束色透明度 数值从0.00~1.00

highlightAlphas 高光透明度 针对fillColors属性

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

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

HSlider(类似于温度刻度计的组件 HSlider为横向的)组件样式属性

labelOffset 刻度值文字与刻度计之间的距离 数值从-50~50 负数时刻度值文字在刻度计下方 正数时在上方

thumbOffset 刻度计中的游标与标尺之间的距离 数值从-50~50 负数时游标在标尺下方 正数时在上方

? dataTipOffset

tickLength 刻度线的长度 数值从0~20

tickOffset 刻度线与标尺之间的距离 数值从-50~50

tickThickness 刻度线的粗细 数值从0~20

tickColor 刻度线的颜色

borderColor 边框颜色

showTrackHighlight 显示轨迹高光亮度 true false

? trackColors 拖动游标时的轨迹颜色 这个属性要设置2个色彩值 已经过的轨迹颜色和未经过的轨迹颜色

fillColors 游标填充渐变色 这个属性要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过游标时渐变起始色,鼠标经过时渐变结束色

fillAlphas 填充色透明度 针对fillColors属性 这个属性要设置4个透明度 渐变起始色透明度 渐变结束色透明度 鼠标经过时渐变起始色透明度 鼠标经

过时渐变结束色透明度 数值从0.00~1.00

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: