Flex组件样式参考
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 | } |
