FLASH中的Button组件的使用方法

来源:互联网 发布:廊坊银行网络账户 编辑:程序博客网 时间:2024/06/05 13:32
 大家好!今天是我们组件教程的第一课!第一课当然要从简单的东西入手了!什么东西呢?就是button组件,它的中文名字叫做按钮组件(按钮我就不用再解释了吧!)。好了!有人要提出问题了!我们在FLASH中可以非常简单的制作一个按钮,那还要按钮组件做什么呢?问的好(抱歉,这是我自己问的)!按钮组件到底集合了那些功能呢?我们来仔细研究一下!按钮组件到底集成了那些功能!在这之前大家要知道所谓组件就是将一些相关的功能封装到一个影片剪辑中。按钮的功能首先最为明显的就是按钮上的文字!按钮上的文字被封装成了一个label属性,也就是说我们可以通过对label属性进行设置来改变按钮上的文本显示,除了这个属性还有一些其他的属性,都是和按钮状态有关的属性!我们一般是用不到的。下面我们来看看按钮组件的样子!

        看到了吧!本人是不太喜欢这个外观!不太好看!不知道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组件!我们要做的就是反编译这个组件!看看它到底是怎么制作的!


原创粉丝点击