`

设置Flash自带组件Components样式的方法(文本样式/外观样式)

    博客分类:
  • AS3
阅读更多

最近使用很多ide自带的组件,每个组件基本上都需要设置一下样式。这里,总结一下对于设置组件样式的一些方法。

组件都有(继承)一个 setStyle(style:String, value:Object):void 的方法。

第一点:设置组件的字体

(假设组件叫 myComponent ,字体样式叫 myTextFormat)
想改组件字体,那么就写 myComponent.setStyle(”textFormat”,myTextFormat);
这样,对于文本组件,如TextArea,Label,TextInput就达到修改字体样式的效果了;
部分组件有textField属性,那直接设置他也可以。

但是有些组件不简单是文本,比如List组件,就得使用他继承SelectableList的setRendererStyle(name:String, style:Object, column:uint = 0):void方法
myList.setRendererStyle(”textFormat”,myTextFormat);

而ComboBox组件是由 TextInput 和 List 组合而成的,那就需要分开设置
myComboBox.textField.setStyle(”textFormat”,myTextFormat);//顶部显示字体样式
myComboBox.dropdown.setRendererStyle(”textFormat”, myTextFormat);//下拉选相里的字体样式

第二点:更改组件的外观

拿ScrollPane举例,假如我们想更改这个组件的背景。打开帮助,找到介绍他样式的地方;通过说明一栏的介绍,知道负责背景的是upSkin的样式,知道了这个,我们可以动手写代码了:

//我们创造了一个具有红色背景的ScrollPane实例
import fl.containers.ScrollPane;
import flash.display.Shape;
import flash.display.Graphics;

var myBg:Shape=new Shape();
myBg.graphics.beginFill(0×990000);
myBg.graphics.drawRect(0,0,10,10);
myBg.graphics.endFill();

var myScrollPane:ScrollPane =new ScrollPane();
myScrollPane.setStyle(”upSkin”,myBg);
//myBg还可以是库里面导出的类(不需要实例化)
addChild(myScrollPane);

你还可以把myBg换成Sprite,MovieClip类型,创造复杂,甚至是动画的背景。

同理,可以改变其他地方的外观,比如上下方向键,滚动条等。
组件有非常多的样式,名字都记不住,用到的时候,重复上面的步骤,就可以了。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics