发新话题
打印

[教材] 修改FLASH中组件样式(二)自定义样式修改

修改FLASH中组件样式(二)自定义样式修改

何时使用“自定义样式修改”?
修改多个组件实例为相同样式。(比如,同时修改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

TOP

能不能DIY修改组件呢?如。。。它的上下拉条。。。
我没有天份。。但有后天的自信、顽固、拼搏、坚持。。。。。。FLASH技术交流群:56785596

TOP

LIST组件的美化。
关于LIST组件样式的美化(包含修改滚动条样式等):
实例:


代码如下:(LIST实例名为:“clList”)
引用:
import mx.controls.List;
import mx.controls.scrollClasses.ScrollBar;
ScrollBar.prototype.scrollTrackName="mc1";
ScrollBar.prototype.thumbMiddleName="mc2";
ScrollBar.prototype.thumbBottomName="mc2";
ScrollBar.prototype.thumbTopName="mc2";
ScrollBar.prototype.thumbGripName="mc3";
ScrollBar.prototype.upArrowUpName="mc4";
ScrollBar.prototype.upArrowOverName="mc4";
ScrollBar.prototype.upArrowDownName="mc4";
ScrollBar.prototype.downArrowUpName="mc5";
ScrollBar.prototype.downArrowOverName="mc5";
ScrollBar.prototype.downArrowDownName="mc5";
var clListist;
引用:

//upArrowUpName 向上和向左按钮的弹起(正常)状态。默认值为 ScrollUpArrowUp。

upArrowOverName 向上和向左按钮的滑过状态。默认值为 ScrollUpArrowOver。

upArrowDownName 向上和向左按钮的按下状态。默认值为 ScrollUpArrowDown。

downArrowUpName 向下和向右按钮的弹起(正常)状态。默认值为 ScrollDownArrowUp。

downArrowOverName 向下和向右按钮的滑过状态。默认值为 ScrollDownArrowOver。

downArrowDownName 向下和向右按钮的按下状态。默认值为 ScrollDownArrowDown。

scrollTrackName 用于滚动条的轨道(背景)的元件。默认值为 ScrollTrack。

scrollTrackOverName 用于滑过滚动轨道时的轨道(背景)的元件。默认值为 undefined。

scrollTrackDownName 用于按下滚动轨道时的轨道(背景)的元件。默认值为 undefined。

thumbTopName 滚动框(滑块)的顶端和左端。默认值为 ScrollThumbTopUp。

thumbMiddleName 滑块的中间(可扩展)部分。默认值为 ScrollThumbMiddleUp。

thumbBottomName 滑块的底端和右端。默认值为 ScrollThumbBottomUp。

thumbGripName 显示在滑块之上的抓手。默认值为 ScrollThumbGripUp。
[ 本帖最后由 taoshaw 于 2008-5-16 16:20 编辑 ]

TOP

发新话题