论坛首页 编程语言技术论坛

Applocation,panel,TabNavigator组件样式属性

浏览 2970 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-05-17   最后修改:2012-05-17
各组件对应的样式属性

     theeColor 主题颜色:如果对色彩样式配置不想过多的去设置的话,themeColor是一个选择。它可以让你选择一种基本色

    彩,然后组件的边框,外观等色彩将会以此色彩为基础构成一组缺省的样式,组件均可使用此样式属性。
    
     Applocation 组件样式属性
   
     backgroundImage           背景图        使用Embed(source="");来应用
     backgroundColor           背景色  
     backgroundGradientColors  背景渐进色    这个属性要设置2个色彩,渐进起始色和渐进结束色,     中间以逗号分隔
     backgroundGradientAlphas  背景渐进色透明度  这个属性要设置2个透明度,对应渐进色中的2中颜色值的范围是0.000~ 1.00,中间以逗号分隔
 
     panel组件样式属性
  
     cornerRadius       边角度数    panel外框边角度数  数值从0 ~ 28  0时为直角,数值越大,圆角弧度越大
     headerHeight       标题头高度  panel标题头的高度 数值从0 ~ 50
     dropShadowEnable   是否显示投影  true和false 2个属性
     shadowDidtance     投影大小   dropShadowEnable为true时有效  数值从0 ~ 20
     shadowDirection    投影方向   3个属性left right  center
     dropShadowColor    投影的颜色
     roundedBottonCorners  底部边角是否为圆角  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
     borderThickness  边框厚度    边框样式为solid时的边框粗细程度,数值从0 ~ 20
     headerColor      标题头背景渐进色  这个属性要设置2个色彩,渐进起始色和渐进结束色,中间以逗号分隔
     footerColors     底部背景渐进色  这个属性要设置2个色彩,渐进起始色和渐进结束色,中间以逗号分隔
     highlightAlphas  高光透明度  只针对headerColors有效。有2个数值,中间以逗号分隔,前一个为高光亮度,从0.00 ~

    1.00,为1时最亮,为白色后一个为高亮透明度,从0.00 ~ 1.00,为1时最透明(可通过设置制作出水晶半透明效果)
     color  文本颜色
     若想设置panel中title中的字体,外观,背景等样式,为了不与panel中样式相冲突,需在样式表中定义一个引用的样式
     panel{
      ...
     titleStyleName:"myTitleStyle";
      ...
     }
     然后新定义一个myTieleStyle样式来设置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 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中的样式,为了不与TabNavigator中样式相冲突,需在样式表中定义一个引用的样式
     TabNavigator{
         ...
          tabStyleName:"myTabs";
      ...
       }
      然后新定义一个myTabs样式来设置tab的样式。
论坛首页 编程语言技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics