Flex组件样式参考
时间：2010-08-16 来源：念时
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 | } |
相关阅读 更多 +
