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 }

相关文章

一:display:flex布局display:flex是一种布局方式。它即可以...
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何...
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些...
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周...
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后...
我在网页上运行了一个Flex应用程序,我想使用Command←组合键...