首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

Flex 各组件对应属性式样大全

2012-08-26 
Flex 各组件对应属性样式大全??????backgroundColor??????????????背景色??????backgroundGradientColors?

Flex 各组件对应属性样式大全
??????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,solid3种样式:默认为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每一项时产生效果?? truefalse
?????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??????????????投影的颜色

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

热点排行