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

 

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
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值