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)