看到了吧!本人是不太喜欢这个外观!不太好看!不知道ADOBE公司的美工都是怎么招聘的!下面我们来看看这个按钮组件到底继承的哪个类(这个是照帮助面板抄的哦!声明一下),Button LabelButton BaseButton UIComponent Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object
好大一长传!晕吧!实际上我们只要知道它是间接继承UIComponent类就可以了!那么这个UIComponent类到底是一个什么样的类呢?说白了,这个类就是所有组件的基类,所有组件都是在这个类的基础之上发展而来的!好了,现在回到编程上,那么我们如何去更改组件的各个参数呢?我们可以利用组件检查器。在组件检查器中我们可以设置能够设置的值。
我们只需要看label这个属性就可以!这里就是我们要设置的值!好了现在我们改成一个中文来试试。改成“北京欢迎您”。来看看效果吧。
坏了!换成中文后文字变的很不清晰,模模糊糊的(就是!外国人只考虑他们自己的英文,不替我们中国人想想)!有办法补救吗?有的!组件的功能到此还没有开发殆尽呢?我们可以设置组件的外观,关于外观下节课我们再仔细的分析,这节课我们先说字体,那怎么更改字体呢?我们可以使用button组件的setStyle方法。这个方法是做什么的呢?实际上就是设置我们按钮外观的方法。我们在第一帧添加以下脚本:
//设置文本样式对象
var tFormat:TextFormat = new TextFormat();
//设置字体的大小!这里设置字体大小为13像素!
tFormat.size=13;
//将文本样式对象绑定到btuuon组件上!
button.setStyle("textFormat",tFormat);
忘了说一句,我们舞台上的button组件的实例名称是button。再来看看效果吧!
哦耶!字体的样式被我完全改变了!那我们还能设置其他的文字样式吗?可以的!只要是TextFormat对象中的属性我们都可以使用!再举一个例子!
var tFormat:TextFormat = new TextFormat();
tFormat.color=0xff0000;
tFormat.bold = true;
tFormat.size=13;
button.setStyle("textFormat",tFormat);
怎么样!样式改变了吧!呵呵!好!我们本节课就讲到这里,下节课我们再继续深入分析button组件!我们要做的就是反编译这个组件!看看它到底是怎么制作的!