切换导航
首页
技术问答
编程语言
前端开发
移动开发
开发工具
程序设计
行业应用
CMS系统
服务器
频道导航
▸ PHP
▸ Java
▸ Java SE
▸ Python
▸ C#
▸ C&C++
▸ Ruby
▸ VB
▸ asp.Net
▸ Go
▸ Perl
▸ netty
▸ Django
▸ Delphi
▸ Jsp
▸ .NET Core
▸ Spring
▸ Flask
▸ Springboot
▸ SpringMVC
▸ Lua
▸ Laravel
▸ Mybatis
▸ Asp
▸ Groovy
▸ ThinkPHP
▸ Yii
▸ swoole
▸ HTML
▸ HTML5
▸ JavaScript
▸ CSS
▸ jQuery
▸ Bootstrap
▸ Angularjs
▸ TypeScript
▸ Vue
▸ Dojo
▸ Json
▸ Electron
▸ Node.js
▸ extjs
▸ Express
▸ XML
▸ ES6
▸ Ajax
▸ Flash
▸ Unity
▸ React
▸ Flex
▸ Ant Design
▸ Web前端
▸ 微信小程序
▸ 微信公众号
▸ iOS
▸ Android
▸ Swift
▸ Hybrid
▸ Cocos2d-x
▸ Flutter
▸ Xcode
▸ Silverlight
▸ cocoa
▸ Cordova
前端之家
Flex
Flex之组建样式CSS(3全部可用4可用一部分)1
Flex之组建样式CSS(3全部可用4可用一部分)1
2020-08-03
Flex
前端之家
前端之家
收集整理的这篇文章主要介绍了
Flex之组建样式CSS(3全部可用4可用一部分)1
,
前端之家
小编觉得挺不错的,现在分享给大家,也给大家做个参考。
flex 组件样式(1)
themeColor
主题
颜色:如果对色彩样式配置不想过多的去设置的话,themeColor是一个选择。它可以让你选择一种基本色彩,然后组件的边框,外观等色彩将会以此色彩为基础构成一组缺省的样式,组件均可使用此样式
属性
。Application组件样式
属性
backgroundImage背景图使用Embed(source="");来应用backgroundColor背景色backgroundGradientColors 背景渐进色这个
属性
要设置2个色彩,渐进起始色和渐进结束色,中间以逗号分隔backgroundGradientAlphas背景渐进色透明度这个
属性
要设置2个透明度,对应渐进色中的2种颜色值的范围是0.00~1.00,中间以逗号分隔panel组件样式
属性
cornerRadius边角度数panel外框边角度数数值从0~280时为直角,数值越大,圆角弧度越大headerHeight
标题
头高度panel
标题
头的高度数值从0~50dropShadowEnabled是否
显示
投影true和false2个
属性
shadowDistance 投影大小dropShadowEnabled为true时有效数值从0~20shadowDirection投影方向3个
属性
leftrightcenterdropShadowColor投影的颜色roundedBottomCorners
底部
边角是否为圆角true和false2个
属性
若为false,则
底部
边角为直角,cornerRadius对其无影响;若为 true,cornerRadius对
底部
边角才会起作用textAlign
文字
对齐方向3个
属性
leftrightcenterbackgroundColor 背景色除title外有
内容
的部分背景色backgroundAlpha背景透明度除title外有
内容
的部分背景透明度数值从 0.00~1.00borderColor边框色
包括
外边框和title与主体
内容
之间的边框色borderAlpha 边框透明度
包括
外边框和title与主体
内容
之间的边框透明度数值从0.00~1.00borderStyle边框样式 undefined,none,solid3种样式:默认为undefined。当取值为none或solid时,title与主体
内容
之间将无边框间隔或是solid样式。borderThickness边框厚度边框样式为solid时的边框粗细程度,数值从0~20headerColors
标题
头背景渐变色这个
属性
要设置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~50tabWidth每个Tab的宽度数值从0~200cornerRadius边角圆角度每个Tab中主体
内容
的边角圆角度从0~20注意不是Tab的边角horizontalGap每个Tab之间的间隔宽度数值从 -10~20当为负数时,Tab将会出现重叠horizontalAlignTab的对齐方向leftcenterrightpaddingLeft 左填充距离整个一组Tab的左填充距离,数值从0~20.不是指每个Tab的填充距离paddingRight右填充距离整个一组Tab的右填充距离,数值从0~20.不是指每个Tab的填充距离textAlign文本对齐方向每个Tab 中主体
内容
中的文本对齐方向leftcenterrighttextIndentTab
标题
偏移度每个Tab中
标题
相对于居中位置的偏移程度数值从0~20backgroundColor背景色Tab和Tab中主体
内容
都会应用此背景色backgroundAlpha背景色透明度只针对Tab中主体
内容
的背景色有效数值从0.00~1.00borderStyle 边框样式Tab中主体
内容
的边框样式nonesolidinsetoutset四种样式borderColor边框颜色 Tab中主体
内容
的边框颜色borderThickness边框粗细borderStyle为solid时有效数值从0~20dropShadowEnabled 是否
显示
投影true和false2个
属性
shadowDistance投影大小dropShadowEnabled为true时有效数值从0~20dropShadowColor投影的颜色color主体
内容
的
文本颜色
若想设置 TabNavigator中tab中的样式,为了不与TabNavigator中样式相冲突,需在样式表中定义一个引用的样式。TabNavigator{...tabStyleName:"myTabs";...}然后新定义一个myTabs样式来设置tab的样式。myTabs中的设置cornerRadiusTab边角圆角度每个 Tab的边角圆角度从0~20注意不是Tab主体
内容
的边角fillColorsTab填充渐变色未选中的Tab的填充渐变色,这个
属性
要设置2个色彩,渐变起始色和渐变结束色,中间以逗号分隔fillAlphasTab填充色透明度未选中的Tab的填充色透明度这个
属性
要设置2个值,渐变起始色透明度和渐变结束色透明度,中间以逗号分隔,数值从0.00~1.00backgroundColorTab 背景色选中的Tab会应用上背景色backgroundAlphaTab背景色透明度数值从0.00~1.00borderColorTab 边框颜色textRollOverColor鼠标经过Tab时的Tab
文字
颜色Accor
dio
n组件样式
属性
headerHeight
标签
头高度Accor
dio
n组件中每个
标签
头的高度dropShadowEnabled是否
显示
投影true和false2个
属性
shadowDistance 投影的大小从0~20shadowDirection投影方向leftrightcenterdropShadowColor 投影的颜色borderStyle边框的样式nonesolidborderThickness边框的粗细从0~20backgroundColor 背景色整个Accor
dio
n组件
包括
标签
头和主体
内容
都会应用上背景色fillColors未选中的
标签
头填充色这个
属性
要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色fillAlphas未选中的
标签
头填充色透明度对应于fillColors设置4个透明度数值从0.00~1.00selectedFillColors 选中的
标签
头填充色这个
属性
要设置2个色彩值:渐变起始色,渐变结束色color
标签
头
文字
的颜色textRollOverColor 鼠标经过
标签
头时的
文字
颜色textSelectedColor鼠标点击
标签
头时的
文字
颜色textIndent
标签
头
文字
缩进距离的大小数值从0~100openDuration打开新
标签
的速度数值从0~1000LinkBar组件样式
属性
horizontalGap水平方向各
链接
之间的间隔数值从0~20separatorWidth间隔线的粗细各
链接
之间间隔线的粗细数值从0~20separatorColor间隔线的颜色borderStyleLinkBar 的边框样式nonesolidborderColor边框颜色borderThickness边框粗细程度数值从 0~20cornerRadius边框圆角度数值从0~20dropShadowEnabled是否
显示
边框投影 true和falseshadowDistance投影大小数值从0~20shadowDirection投影方向 leftcenterrightdropShadowColor投影颜色backgroundColor背景色backgroundAlpha 背景色透明度数值从0.00~1.00color
链接
文字
颜色disabledColor选中的
链接
文字
颜色rollOverColor 鼠标经过未选中的
链接
时的背景色textRollOverColor鼠标经过未选中的
链接
时的
文字
色selectionColor 鼠标点击未选中的
链接
时的背景色textSelectedColor鼠标点击未选中的
链接
时的
文字
色ApplicationControlBar 组件样式
属性
cornerRadius边框圆角度数值从0~20dropShadowEnabled是否
显示
边框投影 true和falseshadowDistance投影大小数值从0~20dropShadowColor投影颜色borderStyle 边框样式defaultnonesolidborderColor边框颜色borderThickness边框粗细数值从0~20backgroundColor背景颜色fillColors填充渐变色这个
属性
要设置2个色彩,渐变起始色和渐变结束色,中间以逗号分隔fillAlphas填充色透明度这个
属性
要设置2个透明度渐变起始色透明度和渐变结束色透明度highlightAlphas高光透明度2个数值,中间以逗号分隔前一个为高光亮度,从0.00~1.00,为 1时最亮,为白色后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明
效果
)backgroundColor 背景色List组件样式
属性
backgroundColor背景色backgroundAlpha背景色透明度数值从0.00~1.00useRollOver是否使用鼠标经过List每一项时产生
效果
truefalserollOverColor 鼠标经过每一项时的背景色useRollOver为true时有效textRollOverColor鼠标经过每一项时的
文字
颜色 useRollOver为true时有效alternatingItemColorsList中间隔背景色这个
属性
要设置2个色彩,某一项的背景色和下一项的背景色color选项
文本颜色
selectionColor被选中项的背景色textSelectedColor 被选中项的
文字
颜色textIndent选项文本缩进距离selectionDuration被选中项渐变速度被选中项背景色变为selectionColor中的值的速度,设置可实现渐变
效果
数值从0~5000值越大,渐变速度越慢borderStyle 边框样式nonesolidinsetoutsetborderColor边框颜色borderThickness边框粗细数值从0~20dropShadowEnabled是否
显示
投影true和false2个
属性
shadowDistance 投影大小dropShadowEnabled为true时有效数值从0~20shadowDirection投影方向3 个
属性
leftrightcenterdropShadowColor投影的颜色 flex各组件对应的样式
属性
中2007-10-2515:51DataGrid组件样式
属性
backgroundColor背景色backgroundAlpha 背景色透明度数值从0.00~1.00alternatingItemColors间隔背景颜色间隔项的颜色这个
属性
要设置2个色彩,某一项的背景色和下一项的背景色headerColors
标题
头背景渐变颜色这个
属性
要设置2个色彩,
标题
头背景渐变起始色和
标题
头背景渐变结束色horizontalGridLines是否
显示
横向
分隔线
是否
显示
每一行之间的横向
分隔线
truefalsehorizontalGridLineColor横向
分隔线
颜色horizontalGridLines为true时有效verticalGridLines是否
显示
垂直方向
分隔线
是否
显示
每一行之间的横向
分隔线
truefalse此
属性
只对
内容
中的
分隔线
有效,
标题
头的
分隔线
是默认的verticalGridLineColor垂直方向
分隔线
颜色 verticalGridLineColor为true时有效useRollOver是否实现鼠标经过时的变化
效果
truefalserollOverColor 鼠标经过一行时的本行背景色useRollOver为true时有效?textRollOverColor鼠标经过一行时的本行
文字
颜色 useRollOver为true时有效(这个
属性
好像无效?)color
文字
颜色?textSelectedColor 被选中行的
文字
颜色(这个
属性
好像无效?)selectionColor被选中行的背景颜色textIndent每一行
文字
缩进距离数值从0~30Tree组件样式
属性
backgroundColor背景色backgroundAlpha 背景色透明度数值从0.00~1.00alternatingItemColors间隔行的颜色这个
属性
设置2个色彩,某一行的背景色和下一行的背景色depthColors树级结构中每级的背景色这个
属性
可设置多个色彩,中间以逗号分隔。对应从树的顶级到最后一级每1级的背景色。设置此
属性
会覆盖alternatingItemColors中的设置useRollOver是否使用鼠标经过每一行时的
效果
truefalserollOverColor鼠标经过每一行时的背景色useRollOver为true时有效textRollOverColor 鼠标经过每一行时的
文字
颜色useRollOver为true时有效borderThickness边框的粗细数值从0~20color
文本颜色
selectionColor被选中行的背景色textSelectedColor被选中行的
文本颜色
textIndent
文字
缩进值
文字
相对于图标的缩进值从0~50indentation每一层级相对于上一层级的缩进值从0~50openDuration 打开和
关闭
本层
内容
的速度从0~1000selectionDuration被选中层级的背景色渐变速度从0~3000TextInput 组件样式
属性
backgroundColor背景色backgroundAlpha背景色透明度数值从 0.00~1.00color
文本颜色
borderStyle边框样式nonesolidinsetoutsetborderColor 边框颜色borderThickness边框粗细borderStyle为solid时有效数值从0~20cornerRadius 边框圆角度borderStyle为solid时有效数值从0~20textIndent输入框中
内容
缩进值数值从0~20dropShadowEnabled 是否
显示
投影truefalseshadowDirection投影方向leftcenterrightshadowDistance 投影大小数值从0~20dropShadowColor投影颜色NumericStepper组件样式
属性
backgroundColor 背景色backgroundAlpha背景色透明度数值从0.00~1.00borderStyle边框样式 nonesolidinsetoutsetfillColors上翻和下拉键的渐变填充色这个
属性
要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色fillAlphas填充色透明度针对 fillColors
属性
这个
属性
要设置4个透明度渐变起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00highlightAlphas高光透明度针对fillColors
属性
2个数值,中间以逗号分隔前一个为高光亮度,从0.00~1.00,为1时最亮,为白色后一个为高光透明度,从0.00~1.00,为1时最透明dropShadowEnabled 是否
显示
投影truefalseshadowDirection投影方向leftcenterrightshadowDistance 投影大小数值从0~20dropShadowColor投影颜色Combo
Box
组件样式
属性
color 所有选项中
文本颜色
borderColor边框颜色cornerRadius边框圆角度数值从0~20fillColors 被选择项的渐变填充色这个
属性
要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色fillAlphas 填充色透明度针对fillColors
属性
这个
属性
要设置4个透明度渐变起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00highlightAlphas高光透明度针对fillColors
属性
2 个数值,中间以逗号分隔前一个为高光亮度,从0.00~1.00,为1时最亮,为白色后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明
效果
)backgroundAlpha下拉框的背景透明度数值从0.00~1.00alternatingItemColors 下拉框中选项的间隔背景色这个
属性
设置2个色彩,某一行的背景色和下一行的背景色useRollOver下拉框中选项是否使用鼠标经过时的
效果
truefalserollOverColor下拉框中选项鼠标经过时的背景色useRollOver为true时有效 textRollOverColor下拉框中选项鼠标经过时的
文本颜色
useRollOver为true时有效selectionColor 下拉框中点击某一行选项时的此选项背景色textSelectedColor下拉框中点击某一行选项时的此选项
文本颜色
openDuration 打开下拉框的速度数值从10~2000closeDuration
关闭
下拉框的速度数值从10~2000Check
Box
组件样式
属性
(包含单选和多选)borderColor边框颜色color
文本颜色
textRollOverColor 鼠标经过选择框时的
文本颜色
textSelectedColor鼠标点击选择框时的
文本颜色
fillColors选择框的背景填充色这个
属性
要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色fillAlphas 填充色透明度针对fillColors
属性
这个
属性
要设置4个透明度渐变起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00highlightAlphas高光透明度针对fillColors
属性
2 个数值,中间以逗号分隔前一个为高光亮度,从0.00~1.00,为1时最亮,为白色后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明
效果
)HSlider(类似于温度刻度计的组件HSlider为横向的)组件样式
属性
labelOffset 刻度值
文字
与刻度计之间的距离数值从-50~50负数时刻度值
文字
在刻度计下方正数时在上方thumbOffset刻度计中的游标与标尺之间的距离数值从-50~50负数时游标在标尺下方正数时在上方?dataTipOffsettickLength 刻度线的长度数值从0~20tickOffset刻度线与标尺之间的距离数值从-50~50tickThickness 刻度线的粗细数值从0~20tickColor刻度线的颜色borderColor边框颜色showTrackHighlight
显示
轨迹高光亮度truefalse?trackColors拖动游标时的轨迹颜色这个
属性
要设置2个色彩值已经过的轨迹颜色和未经过的轨迹颜色fillColors游标填充渐变色这个
属性
要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过游标时渐变起始色,鼠标经过时渐变结束色fillAlphas填充色透明度针对fillColors
属性
这个
属性
要设置4个透明度渐变起始色透明度渐变结束色透明度鼠标经过时渐变起始色透明度鼠标经过时渐变结束色透明度数值从0.00~1.00
上一篇:flex osgi实现-potomac 个人翻译资
下一篇:Flex之组建样式CSS(3全部可用4可用
猜你在找的Flex相关文章
Flex连接WebService实例
获取网络发布的webservice wsdl: http://www.flash-mx.com/ws/months.cfc?wsdl GetMon...
作者:前端之家 时间:2020-08-03
flex 联机游戏开发 - 中国象棋游戏:(一)核心逻辑
在开发四国军棋的游戏中,通过 flex联机游戏开发- 四国军棋游戏(五)-提炼棋类开发api,我们...
作者:前端之家 时间:2020-08-03
Flex eclipse 开发环境搭建
1.准备工具 Java SDK 1.5 或更高版本 Tomcat 6.0 或更高版本 Eclipse 3.3 或更高版本 F...
作者:前端之家 时间:2020-08-03
flex 设置全局快捷键
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmln...
作者:前端之家 时间:2020-08-03
从Flex3到Flex4
flex4 beta发布了,它是自flex3以来的重大改革。flex4 beta 提供了一种新的组件和皮肤的架...
作者:前端之家 时间:2020-08-03
flex 主题
一 超酷皮肤主题推荐: 1. kingnarestyle: 下载地址:http://code.google.com/p/kingnare...
作者:前端之家 时间:2020-08-03
每天学一点flex(3) :文本自适应高度在不同版本的sdk是否存在差异?
昨天下载了一个新版本flex 4.1 sdk 包含升级adobe air 2.0 的版本的sdk ,当我...
作者:前端之家 时间:2020-08-03
PREFUSE-FLARE学习报告
[简介] flare是加利福尼亚大学伯克利分校(University of California,Berkeley)可视化研...
作者:前端之家 时间:2020-08-03
Flex学习笔记
类成员有四种修饰符: public internal dynamic(实现运行时添加类和属性的方...
作者:前端之家 时间:2020-08-03
Flex Servlet 中文问题
还原问题: request.setCharacterEncoding("UTF-8"); response.setContentT...
作者:前端之家 时间:2020-08-03
编程分类
HTML
HTML5
JavaScript
CSS
jQuery
Bootstrap
Angularjs
TypeScript
Vue
Dojo
Json
Electron
Node.js
extjs
Express
XML
ES6
Ajax
Flash
Unity
React
Flex
Ant Design
Web前端
微信小程序
微信公众号
最新文章
• Flex连接WebService实例
• flex 联机游戏开发 - 中国
• Flex eclipse 开发环境搭建
• flex 设置全局快捷键
• 从Flex3到Flex4
• Flex 4 项目渲染器
• flex 主题
• 每天学一点flex(3) :文
• PREFUSE-FLARE学习报告
• Flex学习笔记
热门标签
更多 ►
关闭广告
单独headers
封装代码
提示错误
整数正则
非0开头
跳页
出页码
antd table
提示URL未注册
公众号支付
vue hash模式
iSlider
车牌键盘
循环图片
echarts 双折
左右布局
DllPlugin
对象创建
打字游戏
圈选
两栏
云函数
蒙版
ES2020
橱窗
无缝滚动轮播
色块碰撞
组件销毁
文档操作