FLASH中的Button组件的使用方法
2011-10-19 11:01
267 查看
大家好!今天是我们组件教程的第一课!第一课当然要从简单的东西入手了!什么东西呢?就是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组件!我们要做的就是反编译这个组件!看看它到底是怎么制作的!
好了!有人要提出问题了!我们在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组件!我们要做的就是反编译这个组件!看看它到底是怎么制作的!
相关文章推荐
- Android开发中button按钮的使用及动态添加组件方法示例
- Vue官方推荐AJAX组件axios.js使用方法详解与API
- easyui datagrid 表格组件列属性formatter和styler使用方法
- C# 中使用iTextSharp组件创建PDF的简单方法
- [转]C#中TreeView组件使用方法初步
- 使用JLink间接烧写S3C2410、S3C2440开发板Nor、Nand Flash的方法 分类: HI3531 arm-linux-Ubuntu 2013-12-07 15:10 697人阅读 评论(0) 收藏
- 日志组件logback的介绍及配置使用方法
- TTButton 的正确使用的方法
- 使用JLink间接烧写s3c6410 nand_flash的方法
- Android四大组件之ContentProvider使用方法
- 使用WebBrowser控件播放Flash网页相关问题解决方法
- 谈谈Ext JS的组件――布局的使用方法续一
- JDIC浏览器组件的使用方法(将网页在swing界面上显示)
- IOS 使用自定义手势屏蔽按钮解决方法/UITapGestureRecognizer屏蔽Button
- 在Vue组件中使用 TypeScript的方法
- fckeditor组件使用---配置FCKeditor,以及使用方法2
- 拓展方法的定义及调用和微软拼音组件的使用
- java使用smartupload组件实现文件上传的方法
- 浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
- Android的桌面组件App Widget的使用方法 AppWidgetProvider RemoteViews