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= "" ); |
012 | disabledSkin:Embed(source= "" ); //不可用时的效果 |
013 | color:# 000000 ; //字体 |
014 | textRollOverColor:# 000000 ; //移至文本时的颜色 |
015 | textSelectedColor:# 000000 ; //选择文本时的颜色 |
016 | } |
017 |
018 | ButtonBar{ |
019 | buttonStyleName: "buttonBarButton" ; //设置按钮样式 |
020 | firstButtonStyleName: "firstButtonBarButton" //设置第一个按钮样式 |
021 | lastButtonStyleName: "" |
022 | } |
023 |
024 | ColorPicker{ //颜色选择器 |
025 | disabledSkin:Embed(source= "" ); |
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" ; //标题样式 |
057 | headerColors:#,#; //标题文本颜色 |
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{ |
074 | brokenImageSkin:Embed( "" ); //加载出错时的效果 |
075 | } |
076 |
077 | MenuBar{ |
078 | fillColor: //填充颜色 |
079 | backgroundColor: |
080 | backgroundAlpha: |
081 | alpha: //组件透明度 |
082 | textSelectedColor: |
083 | } |
084 |
085 | RadioButton{ //单选 |
086 | disabledIcon:Embed( "" ); |
087 | downIcon:Embed( "" ); |
088 | overIcon:Embed( "" ); |
089 | upIcon:Embed( "" ); |
090 | color:# 000000 ; //字体 |
091 | textRollOverColor:# 000000 ; //移至文本时的颜色 |
092 | textSelectedColor:# 000000 ; //选择文本时的颜色 |
093 | } |
094 |
095 | CheckBox{ //多选 |
096 | disabledIcon:Embed( "" ); |
097 | downIcon:Embed( "" ); |
098 | overIcon:Embed( "" ); |
099 | upIcon:Embed( "" ); |
100 | color:# 000000 ; //字体 |
101 | textRollOverColor:# 000000 ; //移至文本时的颜色 |
102 | textSelectedColor:# 000000 ; //选择文本时的颜色 |
103 | } |
104 |
105 | HSlider{ //横向滚动条 |
106 | thumbDisabledSkin:Embed(source= "" ); //指针不可用时 |
107 | thumbDownSkin:Embed(source= "" ); |
108 | thumbOverSkin:Embed(source= "" ); |
109 | thumbUpSkin:Embed(source= "" ); |
110 | trackHightlightSkin:Embed(source= "" ); //轨道高光效果 |
111 | trackSkin:Embed(source= "" ); //轨道效果 |
112 | } |
113 |
114 | TitleWindow{ |
115 | closeButtonDisabledSkin:Embed( "" ); |
116 | closeButtonDownSkin:Embed( "" ); |
117 | closeButtonOverSkin:Embed( "" ); |
118 | closeButtonUpSkin:Embed( "" ); |
119 |
120 |
121 | } |
分类:
Flex