第8章 Flash动画制作.ppt
《第8章 Flash动画制作.ppt》由会员分享,可在线阅读,更多相关《第8章 Flash动画制作.ppt(79页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、PPT模板下载:/moban/ 行业PPT模板:/hangye/ 节日PPT模板:/jieri/ PPT素材下载:/sucai/PPT背景图片:/beijing/ PPT图表下载:/tubiao/ 优秀PPT下载:/xiazai/ PPT教程: /powerpoint/ Word教程: /word/ Excel教程:/excel/ 资料下载:/ziliao/ PPT课件下载:/kejian/ 范文下载:/fanwen/ 试卷下载:/shiti/ 教案下载:/jiaoan/ 字体下载:/ziti/ 第8章 Flash动画制作本章内容提要:本章内容提要: 通过本章的学习,掌握利用flash 8Ac
2、tionScript语句,并能使用ActionScript语句控制动画的播放;了解组件的基本概念和基本的使用方法以及相应的程序设计过程。本章内容包括:l 组件和实例l 图层与帧l 动画制作本章目标任务:本章目标任务:l了解组件和实例的概念、了解常用组件的创建、功能及相应的程序的设计。l掌握图层和帧的概念、类型l 较为熟练地掌握使用flash 8制作动画的方法组件是带有参数的影片剪辑,这些参数可以用来修改组件的外观和行为。每个组件都有一组独特的动作脚本方法、属性和事件,并且它们可以被设置,使用户在运行时可以设置参数和其他选项。使用组件,可以使程序设计与软件界面设计分离,提高代码的可复用性。1.
3、组件的特点:组件的特点:(1) 拥有执行或者调用某种功能的影片剪辑(2) 有参数和变量,改变参数就可以改变组件的属性(3) 在参数改变的情况下,组件的功能不变(4) 能够在动画中被反复地应用并且可以改变组件的外观。2. Flash组件的类型Flash组件的类型有外置组件和内置组件两种,外置组件可由程序员编写添加到Flash中,使得组件就变得具有无限的可扩展性,在使用外置组件时,必须先进行安装然后方可使用,现在已经有众多闪客闪侠在作出无私的奉献,编写了许许多多的实用外挂组件并提供了下载,让我们可以针对不同的现实情况使用。内置组件包括五类:(1) Data 组件:主要用于网站制作及网站的后台管理。
4、(2) FLVPlayback-Player8组件:使用该组件用户可以在Flash影片中添加视频播放器,以便播放通过HTTP渐进式下载的Flash视频(FLV)文件及播放FLV文件流。(3) FLVPlayback-Custom UI组件:使用该组件用户可以自定义界面,创建出独特的FLV视频播放器。(4) Mediaplayer6-7组件:该组件能够方便地将流媒体文件加载到Flash影片中播放。(5) User Interface组件:该组件是Flash最常用的,用于制作各类人机对话界面,包括各种界面制作需要的组成元素,如按钮、菜单、窗口、选择按钮、对话框和输入框等。图8-1 组件面板 1.
5、打开组件面板在Flash8中执行【窗口】【组件】菜单命令或按快捷键Ctrl+F7打开组件面板,可以看到Flash自带的所有组件如图8-1所示。在其中的User Interface组件里包括了最常用的组件,如复选框组件CheckBox、单选按钮组件RadioButton、下拉列表框组件ComboBox、列表框组件List、按钮组件Button等。 图8-2 创建单选项2. 添加并设置组件以创建单选按钮为例,添加设置组件分两步进行。(1) 创建单选项单选按钮组件运行在相互排斥的选项之间进行选择。打开“组件”面板,在User Interface组件类型中选择单选项组件RadioButton,按鼠标左
6、键不放将其拖到场景上即可完成单选项的创建,如图8-2所示。图8-3 单选项组件RadioButton的“参数”面板(2) 设置单选项属性选中场景中的单选项,展开“参数 ”面板,即可看到如图8-3所示的单选项参数列表框。其中各项参数的含义如下:1)data:它是一个文本字符串数组,没有默认值,可为Label参数中各项目指定相关联的值。2)groupName:可指定当前单选项所属的单选项组,该参数相同的单选项为一组,并且在一组单选项中只能选择一个单选项。3)label:默认值是“Radio Button”,可确定单选项旁边标签文本的方向4)labelPlacement:确定按钮上标签文本的方向。该
7、参数可以是下列四个值之一:left、right、top或bottom,默认值是right。5)Selected:将单选按钮的初始值设置为被选中(true)或取消选中(false)。被选中的单选按钮中会显示一个圆点。一个组内只有一个单选按钮可以有被选中的值true。如果组内有多个单选按钮被设置为true,则会选中最后实例化的单选按钮。默认值为 false。3. 其他组件的属性及其参数的含义(1) 按钮(Button)组件按钮是任何表单或Web应用程序的一个基础部分。每当你需要让用户启动一个事件时都可以使用按钮。 选中场景中的按钮组件,在【属性】面板中可以设置Button组件的参数如图8-4所示:
8、图8-4 按钮组件的“参数”面板1)icon:可为按钮添加自定义图标。该值是库中影片剪辑或图形元件的链接标识符,没有默认值。2)label:设置按钮上文本的值,默认值是“Button”。3)LabelPlacement:确定按钮上的标签文本相对于图标的方向。该参数可以是下列四个值之一:left、right、top或bottom,默认值是right。4)Selected:如果切换参数的值是true,则该参数指定是按下(true)还是释放(false)按钮。默认值为 false。5)Toggle:将按钮转变为切换开关。如果值为true,则按钮在按下后保持按下状态,直到再次按下时才返回到弹起状态。如
9、果值为false,则按钮的行为就像一个普通按钮;默认值为false(2) 复选框(CheckBox)组件复选框按钮组件通常作为表单或Web应用程序中的一个基础部分,通过单击来确定复选框的选中或未选中状态,用于收集一组非相互排斥的true或false值。在场景中选中复选框,展开“参数”面板,可以设置复选框组件的参数,如图8-5所示:图8-5 复选框组件的“参数”面板1)label:设置复选框上文本的值,默认值为CheckBox。2)LabelPlacement:确定复选框上标签文本的方向,该参数可以是下列四个值之一:left、right、top 或 bottom,默认值是right。3)Sele
10、cted:将复选框的初始值设为选中 (true) 或取消选中 (false)。 (3) 下拉列表(ComboBox)组件下拉列表组件用于需要从多个指定选项中选取某一个选项的场合。 在场景中选中下拉列表框,展开“参数”面板,在【属性】面板中可以设置下拉列表组件的参数,如图8-6所示:图8-6 下拉列表框组件的“参数”面板1)Data:将一个数据值与ComboBox 组件中的每个项目相关联。该数据参数是一个数组。2)editable :确定ComboBox 组件是可编辑的 (true) 还是只能选择的 (false)。默认值为 false。3)Labels:用一个文本值数组填充ComboBox 组
11、件。4)RowCount:设置在不使用滚动条的情况下一次最多可以显示的项目数,默认值为 5。(4) 标签(Label)组件一个标签组件就是一行文本。Label组件没有边框、不能具有焦点,并且不广播任何事件。在应用程序中,我们经常使用一个Label组件为另一个组件创建文本标签,例如,字段左侧的“姓名:”标签来接受用户的姓名。在场景中选中标签组件,展开“参数”面板,在【属性】面板中可以设置Label组件的参数,如图8-7所示:图8-7 标签组件的“参数”面板1)autoSize:指明标签的大小和对齐方式应如何适应文本。默认值为 none。参数可以是以下四个值之一: 2)html:指明标签是(tru
12、e)否(false)采用 html 格式。如果将html参数设置为 true,就不能用样式来设定Label的格式。默认值为 false。3)text:指明标签的文本,默认值是Label。(5) 列表框(List)组件List组件是一个可滚动的单选或多选列表框。在应用程序中,你可以建立一个列表,以便用户可以在其中选择一项或多项。在场景中选中列表框,展开“参数”面板,在【属性】面板中可以设置List组件的参数,如图8-8所示:图8-8 列表框组件的“参数”面板 1)data:填充列表数据的值数组,默认值为(空数组)。双击可以弹出【值】对话框,在其中可以添加列表数据的值数组。2)Labels:填充列
13、表的标签值的文本值数组,默认值为(空数组)。双击可以弹出【值】对话框,在其中可以添加列表的标签值的文本值数组。3)MultipleSelection:一个布尔值,它指明是(true)否(false)可以选择多个值。默认值为 false。4)RowHeight:指明每行的高度,以像素为单位。默认值是20。设置字体不会更改行的高度。(6) 滚动条(ScrollPane)组件如果某些内容对于它们要加载到其中的区域而言过大,你可以使用滚动窗格来显示这些内容。例如,如果你有一幅大图像,而在应用程序中只有很小的空间来显示它,则可以将其加载到滚动窗格中。滚动条(ScrollPane)组件可以实现在一个可滚动
14、区域中显示影片剪辑、JPEG文件和SWF文件。你可以让滚动条能够在一个有限的区域中显示图像。你可以显示从本地位置或 Internet加载的内容。在场景中选中滚动条框,展开“参数”面板,在【属性】面板中可以设置ScrollPane组件的参数,如图8-9所示:图8-9 滚动条组件的“参数”面板1)contentPath:指明要加载到滚动窗格中的内容。该值可以是本地SWF或JPEG文件的相对路径,或Internet上的文件的相对或绝对路径。它也可以是设置为“为动作脚本导出”的库中的影片剪辑元件的链接标识符。 2)hLineScrollSize:指明每次按下箭头按钮时水平滚动条移动多少个单位。默认值为
15、5。3)gPageScrollSize:指明每次按下轨道时水平滚动条移动多少个单位。默认值为20。4)hScrollPolicy:显示水平滚动条。该值可以为“on”、“off”或“auto”。默认值为“auto”。5)scrollDrag:是一个布尔值,它允许(true)或不允许(false)用户在滚动窗格中滚动内容。默认值为false。6)vLineScrollSize:指明每次按下箭头按钮时垂直滚动条移动多少个单位。默认值为5。(7) 单行文本(TextInput)组件在任何需要单行文本字段的地方,都可以使用单行文本(TextInput)组件。TextInput组件可以采用HTML格式,或
16、作为掩饰文本的密码字段。例如,你可以在表单中将TextInput 组件用作密码字段。在场景中选中单行文本组件,展开“参数”面板,在【属性】面板中可以设置单行文本组件的参数,如图8-10所示:图8-10 单行文本组件的“参数”面板1)editable:指明TextInput组件是(true)否(false)可编辑。默认值为true。2)password:指明字段是(true)否(false)为密码字段。默认值为false。3)text:指定TextInput的内容。你无法在【属性】面板或【组件检查器】面板中输入回车。默认值为:(空字符串)。在网上,我们可以通过留言板写下对某些商品的评论,发表自己
17、的想法等,网站也通过留言板了解客户的需求和信息,在网上,几乎所有的网站都有留言板,本节我们就来通过制作一个留言板的实例来了解组件的应用。【实例8.1】制作留言板的主界面操作步骤:1. 创建留言板的主界面创建留言板的主界面新建一个Flash文档,画布大小采用默认值,将文档的背景色设置为浅绿色。在图层1中单击文本工具,设置文字为黑色,标题“留言板”文字字体设置为“华文彩云”,再输入各个栏目的名称,“姓名”、“性别”、“城市”、“爱好”、“联系方式”、“留言内容”设置为“宋体”,在属性栏中将它们都设置为“静态文本”如图8-11所示图8-11 留言板的主界面图图8-12 属性面板属性面板2. 创建接收
18、信息区域创建接收信息区域.单击“文本”工具,在场景的“姓名”标题后拖出一个文本框,设置文本框类型为“输入文本”,选中这个文本框,在属性面板实例名称文本框中输入“xm”将这个文本框命名为“xm”,如图8-12所示。用相同的方法,在“联系方式”、“留言内容”标题后各制作一个输入文本框,在属性面板中将它们的名称分别命名为“lxfs”和“lynr”,“留言内容”标题后的文本框类型设置为多行显示。3. 添加组件添加组件(1)为“性别”创建单选按钮组件执行“窗口”“组件”菜单命令或按Ctrl+F7打开组件面板,打开User Interface组件,将RadioButton组件拖到“性别”右侧,完成后再拖动
19、一个。选中第一个单选按钮组件,在属性面板中更改组件参数,如图8-13、8-14所示,在属性面板中将组件名称设置lia。图图8-13 属性面板中的参数设置属性面板中的参数设置图图8-14 属性面板中的参数设置属性面板中的参数设置(2)为“城市”创建下拉列表框组件在组件面板中选中ComboBox组件,拖到“城市”右侧。选中这个组件,在属性面板中更改组件参数,单击label栏后的打开“值”面板,单击加号图标可添加内容,单击减号图标可删除选中内容,单击上箭头和下箭头可上移或下移选中的内容的位置。输入如图8-15所示的内容。在属性面板中单击Data栏中的,在值面板中填写与label栏中相同的内容,最后在
20、属性面板实例名称文本框中将下拉菜单命名为“cs”。图8-15 为“城市”创建下拉列表框组件图8-16 为“最喜欢”创建按钮组件的参数设置(3)为“最喜欢”创建按钮组件在组件面板中将RadioButton组件拖到“爱好”右侧,完成后复制3个,在属性面板中将这四个单选按钮组件的label分别设置为“旅游”、“音乐”、“文学”、“上网”,在属性棉被中将组件名称设置lia,如图8-16所示。图8-17 为“留言内容”创建滚动条组件的参数设置(4)为“留言内容”创建滚动条组件在组件面板中将ScrollPane组件拖到留言输入文本框右侧,参数设置如8-17所示图8-18 创建“提交”按钮组件的参数设置(5
21、)创建“提交”按钮组件将PushButton组件拖到场景中,在Label栏中输入“提交”,将组件的名字设置为onclick,如图8-18所示。图8-19 场景第一帧效果图 创建完成后场景第一帧的效果如图8-19所示:4. 给给“提交提交”按钮添加代码按钮添加代码在场景中单击“提交”按钮,打开动作面板,写入如下代码:on (click) if (_root.lia.getValue() = true) text = 是; else text = 否;/根据 “lia”组件的取值决定变量“text”的显示内容_root.result = 姓名:+_root.xm.text+r性别:+_root.x
22、b.getValue()+r爱好:+_root.ah.getValue()+r城市:+_root.cs.getValue()+r联系方式:+_root.lxfs.getValue()+r留言内容:+_root.lynr.text;/提取各个输入文本框的值以及各组件实例的选择值/并以字符串的形式显示在第二个页面的文本框中root.gotoAndStop(2);/跳转到第2帧并停止 图8-20 创建提交结果页面5. 创建提交结果页面创建提交结果页面在第二帧上添加一个关键帧,在场景中输入页面的标题文字“用户的信息”,字体设置为华文云彩,在标题下使用“文本工具”输入一个动态文本,用于显示用户提交的信息
23、,在动态文本下再添加一个按钮组件,设置其Label值为“返回”,该按钮组件名字设置为onclick1,完成后后的页面效果如图8-20。6. 给“返回”按钮添加代码on (click) _root.gotoAndStop(1); /单击“返回”按钮将返回到第一帧7. 完成留言板的制作并测试效果增加一个图层,在该图层的第一帧上添加代码:stop();,按【Ctrl+Enter】快捷键测留言板效果,通过填写和选择相应的选项后得到如图8-21和图8-22的效果图 图8-21 留言板提交前效果图 图8-22 留言板提交后效果图1. 图层的概念图层的概念图层就象是含有文字或图形等元素的透明胶片,每张胶片有
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第8章 Flash动画制作 Flash 动画 制作
限制150内