`
solomongg
  • 浏览: 51579 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics