Flex组件样式
001 |
Application{ |
002 |
backgroundColors:# 000000 ,#3f3f3f;
|
003 |
backgroundImage:Embed(source= "/style/background.jpg" );
|
004 |
backgroundSize: "100%" ;
|
005 |
fontSize: 14 ;
|
006 |
} |
007 |
008 |
Button{ |
009 |
upSkin:Embed(source= "" ); //弹起时
|
010 |
overSkin:Embed(source= "" );
|
011 |
downSkin:Embed(source= "" );
|
013 |
color:# 000000 ; //字体
|
014 |
textRolloverColor:# 000000 ; //移至文本时的颜色
|
015 |
textSelectedColor:# 000000 ; //选择文本时的颜色
|
016 |
} |
017 |
018 |
buttonbar{ |
019 |
buttonStyleName: "buttonbarButton" ; //设置按钮样式
|
021 |
lastButtonStyleName: ""
|
022 |
} |
023 |
024 |
ColorPicker{ //颜色选择器
|
026 |
downSkin:Embed(source= "" );
|
027 |
overSkin:Embed(source= "" );
|
028 |
upSkin:Embed(source= "" );
|
029 |
} |
030 |
031 |
ComboBox{ |
032 |
downSkin:Embed(source= "" );
|
033 |
overSkin:Embed(source= "" );
|
034 |
upSkin:Embed(source= "" );
|
035 |
color:# 000000 ; //字体
|
036 |
textRolloverColor:# 000000 ; //移至文本时的颜色
|
037 |
textSelectedColor:# 000000 ; //选择文本时的颜色
|
038 |
dropDownStyleName: "dropDown" ; //设置下拉样式
|
039 |
highlightAlphas:. 5 ,. 8 ; //设置高光透明度
|
040 |
fontWeight:normal; //设置字体粗细
|
041 |
} |
042 |
.dropDown{ |
043 |
backgroundColor:
|
044 |
backgroundAlpha:. 9 ;
|
045 |
borderStyle:solid; //设置边框样式
|
046 |
borderThickness: 0 ; //设置边框宽度
|
047 |
borderColor:
|
048 |
roundedCorners: 5 ; //设置圆角度
|
049 |
color:# 000000 ; //字体
|
050 |
textRolloverColor:# 000000 ; //移至文本时的颜色
|
051 |
textSelectedColor:# 000000 ; //选择文本时的颜色
|
052 |
rolloverColor:# 000000 ; //移至组件时的颜色
|
053 |
} |
054 |
055 |
DataGrid{ //以表格形式显示数据
|
056 |
headerStyleName: "dataGridHeader" ; //标题样式
|
058 |
rolloverColor:
|
059 |
selectionColor:
|
060 |
disabledColor:
|
061 |
selectionddisabledColor:
|
062 |
alternatingItemColors:#,#; //改变中的项的颜色
|
063 |
} |
064 |
.dataGridHeader{ |
065 |
color:
|
066 |
} |
067 |
068 |
ProgressBar{ //进度条
|
069 |
barSkin:Embed(source= "" ); //进度条
|
070 |
trackSkin:Embed(source= "" ); //轨道
|
071 |
} |
072 |
073 |
Image{ |
075 |
} |
076 |
077 |
MenuBar{ |
078 |
fillColor: //填充颜色
|
079 |
backgroundColor:
|
080 |
backgroundAlpha:
|
081 |
alpha: //组件透明度
|
082 |
textSelectedColor:
|
083 |
} |
084 |
085 |
RadioButton{ //单选
|
087 |
downIcon:Embed( "" );
|
088 |
overIcon:Embed( "" );
|
089 |
upIcon:Embed( "" );
|
090 |
color:# 000000 ; //字体
|
091 |
textRolloverColor:# 000000 ; //移至文本时的颜色
|
092 |
textSelectedColor:# 000000 ; //选择文本时的颜色
|
093 |
} |
094 |
095 |
CheckBox{ //多选
|
097 |
downIcon:Embed( "" );
|
098 |
overIcon:Embed( "" );
|
099 |
upIcon:Embed( "" );
|
100 |
color:# 000000 ; //字体
|
101 |
textRolloverColor:# 000000 ; //移至文本时的颜色
|
102 |
textSelectedColor:# 000000 ; //选择文本时的颜色
|
103 |
} |
104 |
105 |
HSlider{ //横向滚动条
|
107 |
thumbDownSkin:Embed(source= "" );
|
108 |
thumbOverSkin:Embed(source= "" );
|
109 |
thumbUpSkin:Embed(source= "" );
|
112 |
} |
113 |
114 |
TitleWindow{ |
116 |
closeButtonDownSkin:Embed( "" );
|
117 |
closeButtonOverSkin:Embed( "" );
|
118 |
closeButtonUpSkin:Embed( "" );
|
119 |
120 |
121 |
} |