各組件對應(yīng)的樣式屬性
themeColor 主題顏色:如果對色彩樣式配置不想過多的去設(shè)置的話,themeColor是一個(gè)選擇。它可
以讓你選擇一種基本色彩,然后組件的邊框,外觀等色彩將會以此色彩為基礎(chǔ)構(gòu)成一組缺省的樣式,組件均可使用此樣式屬性。
Application組件樣式屬性
backgroundImage背景圖 使用Embed(source=" ");來應(yīng)用
backgroundColor背景色
backgroundGradientColors背景漸進(jìn)色這個(gè)屬性要設(shè)置2個(gè)色彩,漸進(jìn)起始色和漸進(jìn)結(jié)束色,中間以逗號分隔
backgroundGradientAlphas背景漸進(jìn)色透明度 這個(gè)屬性要設(shè)置2個(gè)透明度,對應(yīng)漸進(jìn)色中的2種顏色 值的范圍是0.00~1.00,中間以逗號分隔
panel組件樣式屬性
cornerRadius邊角度數(shù) panel外框邊角度數(shù) 數(shù)值從0~28 0時(shí)為直角,數(shù)值越大,圓角弧度越大
headerHeight標(biāo)題頭高度 panel標(biāo)題頭的高度 數(shù)值從0~50
dropShadowEnabled 是否顯示投影true和false 2個(gè)屬性
shadowDistance 投影大小 dropShadowEnabled為true時(shí)有效 數(shù)值從0~20
shadowDirection投影方向 3個(gè)屬性 left right center
dropShadowColor投影的顏色
roundedBottomCorners 底部邊角是否為圓角 true和false 2個(gè)屬性 若為false,則底部邊角為直角,cornerRadius對其無影響;若為true,cornerRadius對底部邊角才會起作用
textAlign 文字對齊方向3個(gè)屬性 left right center
backgroundColor背景色除title外有內(nèi)容的部分背景色
backgroundAlpha背景透明度 除title外有內(nèi)容的部分背景透明度數(shù)值從0.00~1.00
borderColor 邊框色包括外邊框和title與主體內(nèi)容之間的邊框色
borderAlpha 邊框透明度 包括外邊框和title與主體內(nèi)容之間的邊框透明度 數(shù)值從0.00~1.00
borderStyle 邊框樣式 undefined,none,solid 3種樣式:默認(rèn)為undefined。當(dāng)取值為none或solid時(shí),title與主體內(nèi)容之間將無邊框間隔或是solid樣式。
borderThickness邊框厚度 邊框樣式為solid時(shí)的邊框粗細(xì)程度,數(shù)值從0~20
headerColors 標(biāo)題頭背景漸變色這個(gè)屬性要設(shè)置2個(gè)色彩,漸進(jìn)起始色和漸進(jìn)結(jié)束色,中間以逗號分隔
footerColors 底部背景漸變色 這個(gè)屬性要設(shè)置2個(gè)色彩,漸進(jìn)起始色和漸進(jìn)結(jié)束色,中間以逗號分隔
highlightAlphas
高光透明度
只針對headerColors有效。有2個(gè)數(shù)值,中間以逗號分隔前一個(gè)為高光亮度,從0.00~1.00,為1時(shí)最亮,為白色后一個(gè)為高光透明度,從
0.00~1.00,為1時(shí)最透明(可通過設(shè)置制作出水晶半透明效果)
color文本顏色
若想設(shè)置panel中title中的字體,外觀,背景等樣式,為了不與panel中樣式相沖突,需在樣式表中定義一個(gè)引用的樣式。
panel {
...titleStyleName:"myTitleStyle"; ...
}
然后新定義一個(gè)myTitleStyle樣式來設(shè)置title的樣式。
TabNavigator組件樣式屬性
tabHeight 每個(gè)Tab的高度數(shù)值從0~50
tabWidth 每個(gè)Tab的寬度數(shù)值從0~200
cornerRadius 邊角圓角度每個(gè)Tab中主體內(nèi)容的邊角圓角度 從0~20 注意不是Tab的邊角
horizontalGap 每個(gè)Tab之間的間隔寬度 數(shù)值從-10~20 當(dāng)為負(fù)數(shù)時(shí),Tab將會出現(xiàn)重疊
horizontalAlign Tab的對齊方向left center right
paddingLeft左填充距離 整個(gè)一組Tab的左填充距離,數(shù)值從0~20.不是指每個(gè)Tab的填充距離
paddingRight 右填充距離 整個(gè)一組Tab的右填充距離,數(shù)值從0~20.不是指每個(gè)Tab的填充距離
textAlign 文本對齊方向每個(gè)Tab中主體內(nèi)容中的文本對齊方向 left center right
textIndent Tab標(biāo)題偏移度 每個(gè)Tab中標(biāo)題相對于居中位置的偏移程度 數(shù)值從0~20
backgroundColor 背景色 Tab和Tab中主體內(nèi)容都會應(yīng)用此背景色
backgroundAlpha 背景色透明度只針對Tab中主體內(nèi)容的背景色有效 數(shù)值從0.00~1.00
borderStyle邊框樣式 Tab中主體內(nèi)容的邊框樣式none solid inset outset四種樣式
borderColor邊框顏色 Tab中主體內(nèi)容的邊框顏色
borderThickness 邊框粗細(xì) borderStyle為solid時(shí)有效 數(shù)值從0~20
dropShadowEnabled 是否顯示投影true和false 2個(gè)屬性
shadowDistance投影大小 dropShadowEnabled為true時(shí)有效數(shù)值從0~20
dropShadowColor 投影的顏色
color主體內(nèi)容的文本顏色
若想設(shè)置TabNavigator中tab中的樣式,為了不與TabNavigator中樣式相沖突,需在樣式表中定義
一個(gè)引用的樣式。
TabNavigator {
...
tabStyleName:"myTabs";
...
}
然后新定義一個(gè)myTabs樣式來設(shè)置tab的樣式。
myTabs中的設(shè)置
cornerRadiusTab邊角圓角度每個(gè)Tab的邊角圓角度 從0~20
注意不是Tab主體內(nèi)容的邊角
fillColors Tab填充漸變色未選中的Tab的填充漸變色,這個(gè)屬性要設(shè)置2個(gè)色彩,漸變起始色和漸變結(jié)束色,中間以逗號分隔
fillAlphas Tab填充色透明度 未選中的Tab的填充色透明度這個(gè)屬性要設(shè)置2個(gè)值,漸變起始色透明度和漸變結(jié)束色透明度,中間以逗號分隔,數(shù)值從0.00~1.00
backgroundColorTab背景色 選中的Tab會應(yīng)用上背景色
backgroundAlphaTab背景色透明度 數(shù)值從0.00~1.00
borderColor Tab邊框顏色
textRollOverColor 鼠標(biāo)經(jīng)過Tab時(shí)的Tab文字顏色
Accordion組件樣式屬性
headerHeight 標(biāo)簽頭高度 Accordion組件中每個(gè)標(biāo)簽頭的高度
dropShadowEnabled 是否顯示投影true和false 2個(gè)屬性
shadowDistance投影的大小 從0~20
shadowDirection 投影方向 left right center
dropShadowColor 投影的顏色
borderStyle邊框的樣式 none solid
borderThickness 邊框的粗細(xì) 從0~20
backgroundColor 背景色整個(gè)Accordion組件包括標(biāo)簽頭和主體內(nèi)容都會應(yīng)用上背景色
fillColors 未選中的標(biāo)簽頭填充色 這個(gè)屬性要設(shè)置4個(gè)色彩值:
漸變起始色,漸變結(jié)束色,鼠標(biāo)經(jīng)過時(shí) 漸變起始色,鼠標(biāo)經(jīng)過時(shí)漸變結(jié)束色
fillAlphas 未選中的標(biāo)簽頭填充色透明度 對應(yīng)于fillColors設(shè)置4個(gè)透
明度 數(shù)值從0.00~1.00
selectedFillColors 選中的標(biāo)簽頭填充色 這個(gè)屬性要設(shè)置2個(gè)色彩值:
漸變起始色,漸變結(jié)束色
color標(biāo)簽頭文字的顏色
textRollOverColor 鼠標(biāo)經(jīng)過標(biāo)簽頭時(shí)的文字顏色
textSelectedColor 鼠標(biāo)點(diǎn)擊標(biāo)簽頭時(shí)的文字顏色
textIndent 標(biāo)簽頭文字縮進(jìn)距離的大小 數(shù)值從0~100
openDuration 打開新標(biāo)簽的速度數(shù)值從0~1000
LinkBar組件樣式屬性
horizontalGap 水平方向各鏈接之間的間隔 數(shù)值從0~20
separatorWidth間隔線的粗細(xì) 各鏈接之間間隔線的粗細(xì)
數(shù)值從0~20
separatorColor間隔線的顏色
borderStyleLinkBar的邊框樣式none solid
borderColor邊框顏色
borderThickness 邊框粗細(xì)程度 數(shù)值從0~20
cornerRadius 邊框圓角度 數(shù)值從0~20
dropShadowEnabled 是否顯示邊框投影 true和false
shadowDistance投影大小 數(shù)值從0~20
shadowDirection 投影方向left center right
dropShadowColor 投影顏色
backgroundColor 背景色
backgroundAlpha 背景色透明度 數(shù)值從0.00~1.00
color鏈接文字顏色
disabledColor 選中的鏈接文字顏色
rollOverColor 鼠標(biāo)經(jīng)過未選中的鏈接時(shí)的背景色
textRollOverColor 鼠標(biāo)經(jīng)過未選中的鏈接時(shí)的文字色
selectionColor鼠標(biāo)點(diǎn)擊未選中的鏈接時(shí)的背景色
textSelectedColor 鼠標(biāo)點(diǎn)擊未選中的鏈接時(shí)的文字色
ApplicationControlBar組件樣式屬性
cornerRadius 邊框圓角度 數(shù)值從0~20
dropShadowEnabled 是否顯示邊框投影 true和false
shadowDistance投影大小 數(shù)值從0~20
dropShadowColor 投影顏色
borderStyle邊框樣式 default none solid
borderColor邊框顏色
borderThickness 邊框粗細(xì) 數(shù)值從0~20
backgroundColor 背景顏色
fillColors 填充漸變色這個(gè)屬性要設(shè)置2個(gè)色彩,漸變起始色和漸變結(jié)束色,中間以逗號分隔
fillAlphas 填充色透明度 這個(gè)屬性要設(shè)置2個(gè)透明度 漸變起始色透明度和漸變結(jié)束色透明度
highlightAlphas 高光透明度2個(gè)數(shù)值,中間以逗號分隔 前一個(gè)為高光亮度,從0.00~1.00,為1時(shí)最亮,為白色 后一個(gè)為高光透明度,從0.00~1.00,為1時(shí)最透明(可通過設(shè)置制作出水晶半透明效果)
backgroundColor背景色
List組件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數(shù)值從0.00~1.00
useRollOver 是否使用鼠標(biāo)經(jīng)過List每一項(xiàng)時(shí)產(chǎn)生效果 true false
rollOverColor 鼠標(biāo)經(jīng)過每一項(xiàng)時(shí)的背景色 useRollOver為true時(shí)有效
textRollOverColor鼠標(biāo)經(jīng)過每一項(xiàng)時(shí)的文字顏色 useRollOver為true時(shí)有效
alternatingItemColors List中間隔背景色 這個(gè)屬性要設(shè)置2個(gè)色彩,某一項(xiàng)的背景色和下一項(xiàng)的背景色
color 選項(xiàng)文本顏色
selectionColor 被選中項(xiàng)的背景色
textSelectedColor 被選中項(xiàng)的文字顏色
textIndent 選項(xiàng)文本縮進(jìn)距離
selectionDuration 被選中項(xiàng)漸變速度被選中項(xiàng)背景色變?yōu)?br />
selectionColor中的值的速度,設(shè)置可實(shí)現(xiàn)漸變效果 數(shù)值從0~5000 值越大,漸變速度越慢
borderStyle 邊框樣式 none solid inset outset
borderColor 邊框顏色
borderThickness 邊框粗細(xì) 數(shù)值從0~20
dropShadowEnabled 是否顯示投影true和false 2個(gè)屬性
shadowDistance 投影大小 dropShadowEnabled為true時(shí)有效 數(shù)值從0~20
shadowDirection投影方向 3個(gè)屬性 left right center
dropShadowColor投影的顏色