加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flex各组件对应属性样式大全

发布时间:2020-12-15 01:22:35 所属栏目:百科 来源:网络整理
导读:? themeColor? ? ? 主题颜色:如果对色彩样式配置不想过多的去设置的话,themeColor是一个选择。它可 以让你选择一种基本色彩,然后组件的边框,外观等色彩将会以此色彩为基础构成一组缺省的样式,组件均可使用此样式属性。 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??????????????背景色透明度???

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读