天天看點

flex中的css應用

 在FLEX中有很多方法來使用樣式:

  一  使用本地樣式定義

   使用<mx:Style>标簽在MXML檔案中建立本地的樣式定義。這個标簽包含了符合CSS2.0文法的樣式表定

義。這些定義會應用到目前文檔以及目前文檔的子文檔。

     <mx:style>

     .solidBorder{ //類選擇樣式

  border-style:solid;

 }

     button { // 元件定義樣式

            border-style:solid;

}

 ....

     </mx:style>

    //應用到元件

   <mx:VBox styleName="solidBorder" />

    <mx:button/> //文檔中的button自動應用樣式表中的樣式

  二 使用外部樣式表

    FLEX支援外部CSS樣式表。要應用一個樣式表到目前文檔和子文檔,使用<mx:Style>标簽中的source

屬性。

  <mx:Application ...>

   <mx:Style source="style/style.css"/>  //載入外部樣式表

  ...

  </mx:Application>

   style.css檔案中的樣式表定義與本地樣式定義相同。

 三  使用内聯樣式

   可以像設定元件的屬性一樣在MXML标簽中設定樣式屬性。内聯樣式的優先級高于本地樣式和外部樣式

    <mx:button borderStyle="solid">  //設定樣式屬性

 四  使用setStyle()方法

    可以在ActionScript中使用方法來操作元件的樣式屬性。使用setStyle()方法的優先級是最高的。

  <mx:Application ...>

  <mx:Script>

 <![CDATA[

 private functiom initButton():void {

  myButton.setStyle("paddingTop",12);

  myButton.setStyle("paddingBottom",12);

  }

 ]]>

</mx:Script>

 <mx:Button id="myButton" initialize="initButton();">  //元件初始化時調用設定樣式的

腳本方法

  </mx:Application>

   各元件對應的樣式屬性

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

  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

 在FLEX中有很多方法來使用樣式:

  一  使用本地樣式定義

   使用<mx:Style>标簽在MXML檔案中建立本地的樣式定義。這個标簽包含了符合CSS2.0文法的樣式表定

義。這些定義會應用到目前文檔以及目前文檔的子文檔。

     <mx:style>

     .solidBorder{ //類選擇樣式

  border-style:solid;

 }

     button { // 元件定義樣式

            border-style:solid;

}

 ....

     </mx:style>

    //應用到元件

   <mx:VBox styleName="solidBorder" />

    <mx:button/> //文檔中的button自動應用樣式表中的樣式

  二 使用外部樣式表

    FLEX支援外部CSS樣式表。要應用一個樣式表到目前文檔和子文檔,使用<mx:Style>标簽中的source

屬性。

  <mx:Application ...>

   <mx:Style source="style/style.css"/>  //載入外部樣式表

  ...

  </mx:Application>

   style.css檔案中的樣式表定義與本地樣式定義相同。

 三  使用内聯樣式

   可以像設定元件的屬性一樣在MXML标簽中設定樣式屬性。内聯樣式的優先級高于本地樣式和外部樣式

    <mx:button borderStyle="solid">  //設定樣式屬性

 四  使用setStyle()方法

    可以在ActionScript中使用方法來操作元件的樣式屬性。使用setStyle()方法的優先級是最高的。

  <mx:Application ...>

  <mx:Script>

 <![CDATA[

 private functiom initButton():void {

  myButton.setStyle("paddingTop",12);

  myButton.setStyle("paddingBottom",12);

  }

 ]]>

</mx:Script>

 <mx:Button id="myButton" initialize="initButton();">  //元件初始化時調用設定樣式的

腳本方法

  </mx:Application>

   各元件對應的樣式屬性

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

  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

繼續閱讀