Applocation,panel,TabNavigator组件样式属性

各组件对应的样式属性 theeColor 主题颜色&＃xff1a;如果对色彩样式配置不想过多的去设置的话&＃xff0c;themeColor是一个选择。它可以让你选择一种基本色彩&＃xff0c;然后组件的边框&＃xff0c;外观等色彩将会以此色彩为基础构成一组缺省的样式&＃xff0c;组件均可使用此样式属性。 Applocation 组件样式属性 backgroundImage           背景图        使用Embed(source&＃61;"");来应用 backgroundColor           背景色 backgroundGradientColors  背景渐进色    这个属性要设置2个色彩&＃xff0c;渐进起始色和渐进结束色&＃xff0c;     中间以逗号分隔 backgroundGradientAlphas  背景渐进色透明度  这个属性要设置2个透明度&＃xff0c;对应渐进色中的2中颜色值的范围是0.000~ 1.00&＃xff0c;中间以逗号分隔 panel组件样式属性 cornerRadius       边角度数    panel外框边角度数  数值从0 ~ 28  0时为直角&＃xff0c;数值越大&＃xff0c;圆角弧度越大 headerHeight       标题头高度  panel标题头的高度 数值从0 ~ 50 dropShadowEnable   是否显示投影  true和false 2个属性 shadowDidtance     投影大小   dropShadowEnable为true时有效  数值从0 ~ 20 shadowDirection    投影方向   3个属性left right  center dropShadowColor    投影的颜色 roundedBottonCorners  底部边角是否为圆角  true和false 2个属性 若为false&＃xff0c;则底部边角为直角&＃xff0c;cornerRadius对 其无影响&＃xff1b;若为true&＃xff0c;cornerRadius对底部边角才会起作用 textAlign    文字对齐方向  3个属性 left right  center     backgroundColor  背景色      除title外有内容的部 分背景色 backgroundAlpha  背景透明度  除title外有内容的部分背景透明度数值从0.00 ~ 1.00 borderColor      边框色      包括外边框和title与主体内容之间的边框色 borderAlpha      边框透明度  包括外边框和title与主体内容之间的边框透明度 数值从0.00~1.00 borderThickness  边框厚度    边框样式为solid时的边框粗细程度&＃xff0c;数值从0 ~ 20 headerColor      标题头背景渐进色  这个属性要设置2个色彩&＃xff0c;渐进起始色和渐进结束色&＃xff0c;中间以逗号分隔 footerColors     底部背景渐进色  这个属性要设置2个色彩&＃xff0c;渐进起始色和渐进结束色&＃xff0c;中间以逗号分隔 highlightAlphas  高光透明度  只针对headerColors有效。有2个数值&＃xff0c;中间以逗号分隔&＃xff0c;前一个为高光亮度&＃xff0c;从0.00 ~ 1.00&＃xff0c;为1时最亮&＃xff0c;为白色后一个为高亮透明度&＃xff0c;从0.00 ~ 1.00&＃xff0c;为1时最透明&＃xff08;可通过设置制作出水晶半透明效果&＃xff09; color  文本颜色 若想设置panel中title中的字体&＃xff0c;外观&＃xff0c;背景等样式&＃xff0c;为了不与panel中样式相冲突&＃xff0c;需在样式表中定义一个引用的样式 panel{ ... titleStyleName:"myTitleStyle"; ... } 然后新定义一个myTieleStyle样式来设置title的样式。 TabNavigator组件样式属性 tabHeight    每个Tab的高度    数值从0 ~ 50 tabWidth     每个Tab的宽度    数值从0 ~ 200 cornerRadius 边角远角度   每个Tab中主体内容的边角园角度  从0 ~ 20注意不是Tab的边角 horizontalGap  每个Tab之间的间隔宽度   数值从-10 ~ 20 当为负数时&＃xff0c;Tab将会出现重叠 horizontalAlign Tab的对齐方向   left  center  right paddingLeft    左填充距离  整个一组Tab的左填充距离&＃xff0c;数值冲0 ~ 20&＃xff0c;不是指每个Tab的填充距离 paddingRight   右填充距离  整个一组Tab的右填充距离&＃xff0c;数值冲0 ~ 20&＃xff0c;不是指每个Tab的填充距离 textAlign      文本对齐方向 每个Tab中主体内容中的文本对齐方向 left right  center 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个属性 shadowDidtance   投影大小  dropShadowEnabled为true时有效 数值从0 ~ 20 dropShadowColor  投影的颜色 color            主体内容的文本颜色 若想设置TabNavigator 中tab中的样式&＃xff0c;为了不与TabNavigator中样式相冲突&＃xff0c;需在样式表中定义一个引用的样式 TabNavigator{ ... tabStyleName:"myTabs"; ... } 然后新定义一个myTabs样式来设置tab的样式。