何时使用“自定义样式修改”?
修改多个
组件实例为相同样式。(比如,同时修改List、ComboBox、Button、Tree
组件实例)。或者修改某部分
组件内的某几个例外(假如场景中有10个Button
组件。想修改其中5个)。都可以使用“自定义样式修改”方法。
就好比是在html里,先定义一个CSS
文件。然后对部分内容进行样式化。
1、先建立一个自定义样式,加入如下代码:
//建立一个新的自定义样式表.
var my_StyleObj=new mx.styles.CSSStyleDeclaration();
2、设置自定义样式的属性,加入如下代码:
//设置字体
my_StyleObj.setStyle("fontFamily",Arial);
//设置组件中文本字号
my_StyleObj.setStyle("fontSize",14);
//设置组件中文本颜色
my_StyleObj.setStyle("color",0xff0000);
//设置光晕颜色
my_StyleObj.setStyle("themeColor","0xff0000")
3、将定义的样式类应用到组件中:
my_btn.setStyle("styleName",my_StyleObj)
完整代码如下:
引用:
/*---------- http://www.taoshaw.com -----------------*/
//建立一个新的自定义样式表.
var my_StyleObj=new mx.styles.CSSStyleDeclaration();
//设置字体
my_StyleObj.setStyle("fontFamily",Arial);
//设置组件中文本字号
my_StyleObj.setStyle("fontSize",14);
//设置组件中文本颜色
my_StyleObj.setStyle("color",0x139213);
//设置光晕颜色
my_StyleObj.setStyle("themeColor","0x89B703")
//将定义的样式类应用到Button组件中
my_btn.setStyle("styleName",my_StyleObj)
//将定义的样式类应用到List组件中
my_List.setStyle("styleName",my_StyleObj)
//将定义的样式类应用到ComboBox组件中
my_ComboBox.setStyle("styleName",my_StyleObj)
//将定义的样式类应用到TextArea组件中
my_TextArea.setStyle("styleName",my_StyleObj)
//AD
my_btn_url.onRelease=function():Void{
getURL("http://www.taoshaw.com","_blank")
}
/*---------- http://www.taoshaw.com -----------------*/
效果演示:
关于LIST组件的完整样式设置请看下篇:
http://www.taoshaw.com/taoshaw/article.asp?id=1299