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

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

themeColor   主题颜色:如果对色彩样式配置不想过多的去设置的话,themeColor是一个选择。它可
以让你选择一种基本色彩,然后组件的边框,外观等色彩将会以此色彩为基础构成一组缺省的样式,组件均可使用此样式属性。

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               投影颜色


Button组件样式属性
 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                投影的颜色

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值