Flash新手入门教程:AS入门第二课_面向对象编程基础

漫步富达园

漫步富达园

2016-01-29 12:26

Flash新手入门教程:AS入门第二课_面向对象编程基础,本例继续讲解AS的基础知识,今天讲解的是AS入门第二课:面向对象编程基础,对Flash的AS编程有兴趣的朋友可以到论坛与作者交流~~

本文由中国 sanbos 原创,转载请保留此信息!

本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请点击这里,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!

上一课:Flash新手入门教程:AS入门第一课_认识编程环境

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)

面向对象编程基础

ActionScript是一种面向对象的编程语言.通常我们会认为编程就是连续地写一系列指令,计算机按顺序地执行它.而面向对象编程则是将程序分成各个块,分散到对象上.什么是对象?对象就是我们在flash中能看到的一切东西.舞台是一个对象,时间轴、影片剪辑、按钮、文本、位图都是对象.在第一课中我们己说过:在ActionScript2.0中我们可以将程序写在关键帧、影片剪辑、按钮元件上.即便是将程序完全写在关键帧上,它也必须要对象的事件驱动才能执行.

在理解了面向对象编程后,我们必需要对一些概念有所了解.事实上我们在上面对对象己经有了一定的了解.就如同我们的家中,所有的东西都可以叫做对象.比如,电视机,电冰箱,书桌,衣柜等等.很容易发现,这些东西,总有那么几个都有相似之处.比如,电视机、电冰箱都需要用电;书桌、衣柜都是用木头做成的. 我们便把家里的东西分成了几类,并为每一类东西取上一个名字,比如,电器类、木器类等.这样我们就理解了另一个重要的概念一"类".

类是某一类型对象的概括或者说是模板,在ActionScript中,所有对象都是由类定义的.每个类都包括了三个重要的元素:事件、属性、方法,这是我们必须要了解的三个重要概念.

事件:在面向对象的编程中,并不是将程序按顺序交给计算机去执行,上面己经谈到了,程序被分散到了对象上.那么要计算机执行这些程序就需要事件来触发.通俗地讲就是:当某件事情发生时就去做一些事情.这个某件发生的事情就是事件.在flash中,常常会放上一个按钮,比如"开始"按钮.程序设计者可能是这样的思路:当按钮按下时就播放动画.那么"当按钮按下时"就是按钮对象的事件.在ActionScript2.O中,程序可以写在关键帧和元件上,事件在关健帧中和原件中的输写方法是不一样的. 



事件在关健帧中的写法:

元件名称.事件名称 = function(){

要执行的语句

....



事件在元件上的写法:

on(事件名称){

要执行的语句

.....

}

我们来做一个练习,在舞台上有一名为play_btn的按钮,现在要实现点击按钮动画就播放.新建flash文档,用椭园工具画一个园,然后,在40帧插入关健帧,将园移到另一位置,建立补间动画.新建一图层,从内部库中拖一个按钮到舞台上.打开属性面板,为按钮命名为play_btn.这里先介绍一个最常用的事件:release,这是当放开鼠标按键时触发.实际也就是完成了一个点击动作时发生.

首先,在幀动作面板上写程序的方式完成练习:

新建图层,命名为action,当这不是必须的,你完全可以给它取个其它名字.
打开幀动作面板,输入:
      stop();
//这是让动画停止播放,以便让我们点击按钮时才播放.
      play_btn.onRelease = function(){


play();
//让动画开始播放
       }
测试影片,当点击按钮后,园形开始移动.
回到场景中,可以看到,在action图层时间轴的第1幀上,有一个a字,这说明在这一幀上有程序.
下面用在元件上写程序的方式来完成练习:
    将幀动作除第一行的stop();外其它的程序全部删除.然后,在按钮元件上点右键,点击"动作",打开动作面板,输入如下代码:
          On(replease){


Play();

}
测试影片,得到相同的效果.

注意:在幀动作面板中同元件动作面板中事件的名称不一样,如上例,在幀动作中是:onRelease,而在元件上则是:release


属性:对象的属性可以理解为对象的特性,比如,大小,位置,颜色等.属性的输写规则是:

对象名称.属性名称 = 值;

下面介绍几个最常用的属性:

_x,_y:分别是对象在舞上台的x,y坐标,这两个属性可以确定对象在舞台上的位置.

_xscale,_yscale:分别是对象在舞台上沿x,y轴方向的缩放比例,实际上就是宽和高的缩放比例,以百分比表示,例如:
        my_mc._xscale = 50;

 这表示,元件my_mc的宽度缩小到原来的50%.
_alpha:这是对象的透明度,取值为0-100.
_rotation:这是对象的旋转度,以角度为单位.
_visible:为是对象是否可见,可设置两个值,true(或1)和false(或0).比如要设置元件my_mc在舞台上不可见,可用:
       my_mc._visible = false; 或 my_mc._visible = 0;
相反要设置它在舞台上可见则用:
       my_mc._visible = true; 或 my_mc._visible = 1;

函数:你可能要问,属性介绍完了该介绍方法了,你怎么介绍起函数来了?原因很简单,方法也是函数.将函数附加到对象时,它就被称为方法.什么是函数呢?将完成一个任务的若干语句封装起来,就叫函数.也许用例子来说明会好理解一些.比如,要完成一个开电视的任务,可能需要很多步骤,插上电源,开机,选频道,设置音量.我们将这些步骤封装起来,并给它取个名字"开电视"这就创建了一个开电视的函数.在ActionScript2.O中创建函数的格式是:

function 函数名称(){

要执行的语句;

.....

}
比如要创建上面开电视函数,就这样写:

function 开电视(){

插电源;

开机;

选频道;

设音量;

}
函数创建以后,要调用这个函数只需:函数名()即可,比如我们要执行开电视的任务,只需输入:

开电视();

练习一下,我们来创建一个函数,然后调用它.打开第一帧的动作面板,输入:

function test(){

trace("我会写函数了");

}

test();
测试影片,在输出面板中,会出现"我会写函数了"几个字.这个练习我们首先创建了一个叫test的函数,然后用test();调用了它.

有时会有这样的情况,在函数内的语句中要用到数据,在创建函数的时候,却不能确定这些数据,比如每次调用会用不同的数据.这时就会用到参数,调用时,通过参数将数据传递给函数.格式如下:
创建函数的格式:

function 函数名称(参数1,参数2,…){

要执行的语句

}
调用函数的格式:

函数名称(值1,值2,…);
还是以开电视为例:
创建开电视函数:

function 开电视(频道,音量){

插电源;

开机;

选频道=频道;

设音量=音量;

}
调用函数:

开电视(12,28);
调用后,电视打开,并将频道设为12,音量设为28.

练习:在帧动作面板中输入:

function
test(a,b){

c=a+b;

trace(c);

}

test(3,5);
测试影片,输出面板中应显示 8 .

了解了函数后,再来说方法就简单多了.上面已经说过,将函数附加到对象,就称为方法.AS中内置了很多方法,对于这些方法,我们不需要去了解它执行了些什么语句,只需要知道它可以完成的任务就行了.我们可以用:

对象名称.方法名称();
的格式来调用这些方法.比如有一个my_mc的影片剪辑元件,我们可以调用它的一些方法:

my_mc.stop();

my_mc.startDrag();

按钮:在交互式的动画制作中, 经常会用到按钮,比如我们会放上一个"播放"、"停止"、"重放"等按钮.有两种方式可以将按钮添加到舞台上,一种是从内部库中拖一个按钮到舞台上;另一种方法是自己创建一个按钮,这里主要介绍一下自己创建按钮的方法,因为常常有人会问:为什么我创建的按钮点击它时不起作用?这可能就是创建按钮时出了问题.现在点击"插入"菜单-"创建新元件",选择按钮,这时就进入按钮编辑窗口,可以看到,时间轴上只有4帧,分别是:弹起,指针经过,按下,点击.特别要注意的是,点击那一帧,这一帧是点击的范围,因此这一帧是必须的,而且要注意的是,如果你的按钮是纯文字的,如Play,那么在这一幀应该画一个矩型,作为点击范围,不然,用户就只有点击到文字的笔划上才能触发按钮事件.在按钮编辑窗口中同样可以有很多层,比如第一层为图形,第二层为文字等.下面来制作一个按钮:

点击“插入”-“新建元件”,选择按钮,确定,这样就进入元件编辑窗口。

在弹起那一幀画一矩形,按钮大小吧。黑色笔触,灰色填充。在指针经过那一幀、按下幀幀、点击幀,插入关键幀。在指针经过幀将矩形填充色变为深灰色。在按下那幀,将边框线条粗细调为2。新插入图层,建一静态文本框,输入“Play”.这样按钮就做好了。

现在可以将这个按钮从库中拖到舞台上,测试影片,看一下,当鼠标移到按钮上,点下按钮时的效果。

练习:按钮的应用。点击一下按钮,影片剪辑元件就向右移动一点。新建一影片剪辑元件,就画一个园就行了。将这个mc拖入舞台上,放到稍左一点的位置,打开属性面板,为其取名为:my_mc。新建一个按钮,然后拖入舞台,为其取名为:yy_btn.新插入一层,命名为:action,打开动作面板,输入:

yy_btn.onRelease = function(){

my_mc._x = my_mc._x + 10;
}
测试影片,点击一次按钮,园就会向右移动一点。

作业:请用本章所介绍的知识,完成下的效果:

对本文感兴趣的朋友可以到这里提交作业,老师会为作业点评、加分:http://bbs.jcwcn.com/viewthread.php?tid=195715

下一课:Flash新手入门教程:AS入门第三课_AS基本语法

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)
展开更多 50%)
分享

猜你喜欢

Flash新手入门教程:AS入门第二课_面向对象编程基础

flash教程
Flash新手入门教程:AS入门第二课_面向对象编程基础

Flash鼠绘新手入门第二课:认识工具

flash教程
Flash鼠绘新手入门第二课:认识工具

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Flash新手入门教程:AS入门第一课_认识编程环境

flash教程
Flash新手入门教程:AS入门第一课_认识编程环境

Flash新手入门教程:AS入门第五课_数组

flash教程
Flash新手入门教程:AS入门第五课_数组

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Flash新手入门教程:AS入门第三课_AS基本语法

flash教程
Flash新手入门教程:AS入门第三课_AS基本语法

javascript编程起步(第二课)

Web开发
javascript编程起步(第二课)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《爱养成2》日程安排玩法解析

《爱养成2》日程安排玩法解析

浅析VC与Matlab联合编程

浅析VC与Matlab联合编程
下拉加载更多内容 ↓