【精品】flash动画制作第9章_使用组件（可编辑.ppt

《【精品】flash动画制作第9章_使用组件（可编辑.ppt》由会员分享，可在线阅读，更多相关《【精品】flash动画制作第9章_使用组件（可编辑.ppt（36页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、Flash动画制作第9章_使用组件形状的重叠形状的重叠1、形状的切割：、形状的切割：绘制两个无边框的不同颜色图形绘制两个无边框的不同颜色图形将一个拖入另一个将一个拖入另一个取消选择取消选择单击选中内部图形删除。单击选中内部图形删除。2、形状的融合：、形状的融合：融合是将一个图层的多个形状融合为一个形状。要融合出特殊的图形融合是将一个图层的多个形状融合为一个形状。要融合出特殊的图形只需将多个无边框的同颜色形状堆叠，取消选择后自动融合为一体。只需将多个无边框的同颜色形状堆叠，取消选择后自动融合为一体。实例实例34 水波文字特效水波文字特效实例要求实例要求:利用形状的重叠和切割利用形状的重叠和切割,

2、制作水波文字特效。制作水波文字特效。1、新建文档。舞台大小、新建文档。舞台大小为为550px 400px。背景：黑色。背景：黑色。2、创创建影片剪建影片剪辑辑“水波水波”。添加。添加图层图层,由上至下名由上至下名为为1-7。3、单击图层单击图层1第第1帧帧，利用形状切割制作，利用形状切割制作圆环圆环。4、单击图层单击图层2第第1帧帧，粘，粘贴圆环贴圆环并并缩缩小。以同小。以同样样方法方法处处理其他理其他图图层层。5、单击图层单击图层1第第15帧帧，插入关，插入关键帧键帧，将，将图图形放大后形放大后变变成成蓝蓝色。色。将将图图形打形，形打形，创创建第建第1帧帧至第至第15帧帧的形状的形状渐变渐变

3、。以后每个。以后每个图层图层后后移移5帧帧添加关添加关键帧键帧。如上所做。如上所做。实例要求实例要求:创建创建loading效果。效果。1、新建文档。属性默、新建文档。属性默认认。2、创创建影片剪建影片剪辑辑“loading”。在。在图层图层1第第1帧帧，文本工具，文本工具“下下载载中中”。在第。在第2帧帧插入关插入关键帧键帧，将文字后的省略号，将文字后的省略号删删除。除。3、返回、返回场场景景1，将，将“loading”拖放到拖放到图层图层1，右，右击击第第2帧帧，“插入插入帧帧”。4、插入、插入图层图层“AS”，在第，在第1帧帧添加添加AS动动作作语语句：句：if(_framesloade

4、d=_totalframes)gotoAndPlay(3);实例要求实例要求:创建创建loading效果。效果。5、在、在AS层层第第2帧帧插入空白关插入空白关键帧键帧，在第，在第2帧帧加入加入语语句：句：gotoAndPlay(1);6、插入新、插入新层图层图“动动画画”。在第。在第3帧帧插入关插入关键帧键帧，导导入一入一张图张图片。片。7、“控制控制”-“测试测试影片影片”，可，可测试动测试动画。画。“视图视图”-“模模拟拟下下载载”，可，可测试测试loading效果。效果。第第9章章 使用组件使用组件 掌握各种组件的功能掌握各种组件的功能掌握各种组件的功能掌握各种组件的功能 掌握各种组件

5、的使用方法和技巧掌握各种组件的使用方法和技巧掌握各种组件的使用方法和技巧掌握各种组件的使用方法和技巧教学目的教学目的教学目的教学目的 认识组件认识组件 添加组件添加组件 用户界面（用户界面（UIUI）组件）组件 本章内容本章内容9.1 9.1 认识组件认识组件 在在在在Flash 8 Flash 8 的的的的“组件组件组件组件”面板中可以找到所有的组件。选择面板中可以找到所有的组件。选择面板中可以找到所有的组件。选择面板中可以找到所有的组件。选择“窗口窗口窗口窗口”“”“组件组件组件组件”命令，打开命令，打开命令，打开命令，打开“组件组件组件组件”面板面板面板面板“组件组件组件组件”面板面板面

6、板面板 9.1 认识组件认识组件 DataData（数据）组件（数据）组件（数据）组件（数据）组件 FLV Playback-Player 8FLV Playback-Player 8组件组件组件组件 FLV Playback Custom UIFLV Playback Custom UI组件组件组件组件 Media-Player 6-7Media-Player 6-7（媒体播放）组件（媒体播放）组件（媒体播放）组件（媒体播放）组件 User InterfaceUser Interface（用户界面）组件（用户界面）组件（用户界面）组件（用户界面）组件 FlashFlash提供的组件分为以下提

7、供的组件分为以下提供的组件分为以下提供的组件分为以下5 5个类别：个类别：个类别：个类别：9.2 9.2 添加组件添加组件 v使用使用“组件组件”面板向文档添加组件面板向文档添加组件v使用使用ActionScript在运行时添加组件在运行时添加组件9.2.1 9.2.1 使用使用“组件组件”面板向文档添加组件面板向文档添加组件1.1.选择选择选择选择“窗口窗口窗口窗口”“”“组件组件组件组件”命令，将组件从命令，将组件从命令，将组件从命令，将组件从“组件组件组件组件”面板拖到舞台上面板拖到舞台上面板拖到舞台上面板拖到舞台上2.2.在在在在舞舞舞舞台台台台上上上上选选选选择择择择该该该该组组组组

8、件件件件，选选选选择择择择“窗窗窗窗口口口口”“”“属属属属性性性性”“”“属属属属性性性性”，在在在在“属属属属性性性性”检查器中，输入组件实例的实例名称检查器中，输入组件实例的实例名称检查器中，输入组件实例的实例名称检查器中，输入组件实例的实例名称 3.3.单击单击单击单击“参数参数参数参数”选项卡，为实例指定参数选项卡，为实例指定参数选项卡，为实例指定参数选项卡，为实例指定参数9.2.2 9.2.2 使用使用ActionScriptActionScript在运行时添加组件在运行时添加组件 1.1.首首首首先先先先将将将将组组组组件件件件从从从从“组组组组件件件件”面面面面板板板板拖拖拖拖

9、入入入入当当当当前前前前文文文文档档档档的的的的库库库库中中中中，在在在在时时时时间间间间轴轴轴轴中中中中选择一帧放置要添加的组件。选择一帧放置要添加的组件。选择一帧放置要添加的组件。选择一帧放置要添加的组件。2.2.然然然然后后后后在在在在“动动动动作作作作”面面面面板板板板中中中中调调调调用用用用createClassObjectcreateClassObject()()，以以以以便便便便在在在在运运运运行行行行时时时时创建组件实例。创建组件实例。创建组件实例。创建组件实例。9.3 9.3 用户界面（用户界面（UIUI）组件）组件 v文件管理类组件文件管理类组件v窗口类组件窗口类组件v日期

10、类组件日期类组件v列表类组件列表类组件v选择类组件选择类组件v文本类组件文本类组件9.3.1 文件管理类组件文件管理类组件1.1.AccordionAccordion组件组件组件组件：一组垂直的互相重叠的视图，视图顶部有一些一组垂直的互相重叠的视图，视图顶部有一些一组垂直的互相重叠的视图，视图顶部有一些一组垂直的互相重叠的视图，视图顶部有一些按钮，用户利用这些按钮可以在视图之间进行切换按钮，用户利用这些按钮可以在视图之间进行切换按钮，用户利用这些按钮可以在视图之间进行切换按钮，用户利用这些按钮可以在视图之间进行切换 2.2.MenuMenu组件组件组件组件：一个标准的桌面应用程序菜单，允许用户

11、从列表中一个标准的桌面应用程序菜单，允许用户从列表中一个标准的桌面应用程序菜单，允许用户从列表中一个标准的桌面应用程序菜单，允许用户从列表中选择一个命令选择一个命令选择一个命令选择一个命令 3.3.MenuBarMenuBar组件组件组件组件：允许用户处理分级信息允许用户处理分级信息允许用户处理分级信息允许用户处理分级信息4.4.TreeTree组件组件组件组件：允许用户处理分级信息允许用户处理分级信息允许用户处理分级信息允许用户处理分级信息9.3.2 窗口类组件窗口类组件1.1.AlertAlert组件组件组件组件：一个窗口，用于显示消息并提供捕获用户响应的按钮一个窗口，用于显示消息并提供捕

12、获用户响应的按钮一个窗口，用于显示消息并提供捕获用户响应的按钮一个窗口，用于显示消息并提供捕获用户响应的按钮 2.2.LoaderLoader组件组件组件组件：一个包含已载入的一个包含已载入的一个包含已载入的一个包含已载入的SWFSWF或或或或JPEGJPEG文件的区块文件的区块文件的区块文件的区块3.3.ProgressBarProgressBar组件组件组件组件：显示一个过程（例如加载操作）的进度：显示一个过程（例如加载操作）的进度：显示一个过程（例如加载操作）的进度：显示一个过程（例如加载操作）的进度4.4.ScrollPaneScrollPane组件组件组件组件：使用自动滚动条在有限的

13、区域内显示影片剪辑、：使用自动滚动条在有限的区域内显示影片剪辑、：使用自动滚动条在有限的区域内显示影片剪辑、：使用自动滚动条在有限的区域内显示影片剪辑、位图和位图和位图和位图和SWFSWF文件文件文件文件5.5.UIScrollBarUIScrollBar组件组件组件组件：允许将滚动条添加至文本字段：允许将滚动条添加至文本字段：允许将滚动条添加至文本字段：允许将滚动条添加至文本字段6.6.WindowWindow组件组件组件组件：一个可拖动的窗口，带有标题栏、题注、边框、关：一个可拖动的窗口，带有标题栏、题注、边框、关：一个可拖动的窗口，带有标题栏、题注、边框、关：一个可拖动的窗口，带有标题栏

14、、题注、边框、关闭按钮和内容显示区域闭按钮和内容显示区域闭按钮和内容显示区域闭按钮和内容显示区域9.3.3 日期类组件日期类组件1.1.DateChooserDateChooser组件组件组件组件：允许用户从日历中选择一个或多个日期允许用户从日历中选择一个或多个日期允许用户从日历中选择一个或多个日期允许用户从日历中选择一个或多个日期 2.2.DateFieldDateField组件组件组件组件：一个不可选择的文本字段，并带有日历图标。当用一个不可选择的文本字段，并带有日历图标。当用一个不可选择的文本字段，并带有日历图标。当用一个不可选择的文本字段，并带有日历图标。当用户在组件的边框内单击时，户

15、在组件的边框内单击时，户在组件的边框内单击时，户在组件的边框内单击时，Macromedia FlashMacromedia Flash会显示一个会显示一个会显示一个会显示一个DateChooserDateChooser组件。组件。组件。组件。实例实例36 随意拖动的万年历随意拖动的万年历本例本例应应用：日用：日历历控件控件实例要求实例要求:利用日历控件利用日历控件,制作随意拖动的万年历。制作随意拖动的万年历。1、新建文档。舞台大小、新建文档。舞台大小为为550px 400px。背景：粉色。背景：粉色。2、新建影片剪、新建影片剪辑辑“元件元件1”。将。将组组件件DateChooser拖到拖到场场

16、景景1图层图层1第第1帧帧中。中。设设置置“属性属性”及及“参数参数”。选择选择文本工具，文本工具，输输入入“万年万年历历”。3、返回、返回场场景景1，将，将“元件元件1”拖入拖入图层图层1第第1帧帧。打开。打开“行行为为”面板，面板，执执行行“+”“影片剪影片剪辑辑”“开始拖开始拖动动影片剪影片剪辑辑”命令，事件命令，事件选择选择“按下按下时时”。执执行行“+”“影片剪影片剪辑辑”“停止拖停止拖动动影片剪影片剪辑辑”命令，命令，事件事件选择选择“释释放放时时”。9.3.4 列表类组件列表类组件1.1.ComboBoxComboBox组件组件组件组件：允许用户从滚动的选择列表中选择一个选项。该

17、允许用户从滚动的选择列表中选择一个选项。该允许用户从滚动的选择列表中选择一个选项。该允许用户从滚动的选择列表中选择一个选项。该组件可以在列表顶部有一个可选择的文本字段，以允许用户搜索此组件可以在列表顶部有一个可选择的文本字段，以允许用户搜索此组件可以在列表顶部有一个可选择的文本字段，以允许用户搜索此组件可以在列表顶部有一个可选择的文本字段，以允许用户搜索此列表列表列表列表2.2.DataGridDataGrid组件组件组件组件：允许用户显示和操作多列数据允许用户显示和操作多列数据允许用户显示和操作多列数据允许用户显示和操作多列数据3.3.ListList组件组件组件组件：允许用户从滚动列表中选

18、择一个或多个选项允许用户从滚动列表中选择一个或多个选项允许用户从滚动列表中选择一个或多个选项允许用户从滚动列表中选择一个或多个选项 实例实例37 组合框组合框本例本例应应用：用：组组合框合框实例要求实例要求:制作改变字体和颜色的组合框。制作改变字体和颜色的组合框。1、新建文档。舞台大小、新建文档。舞台大小为为400px 280px。背景：粉。背景：粉红红色。色。2、打开、打开“窗口窗口”-“组组件件”面板。拖入面板。拖入组组合框控件合框控件ComboBox，设设置控件置控件实实例名称例名称为为：“pbutton”。3、单击单击“属性属性”面板面板“参数参数”项项的的labels右右侧侧的放大的

19、放大镜图标镜图标，弹弹出出值对话值对话框。框。单击单击“+”按按钮钮，添加，添加4个个值值new,free,buy,links。4、重复步、重复步骤骤2和和3，拖入，拖入组组合框的合框的实实例例“rbutton”，输输入入标签值标签值：open,save,library,next。5、添加两个新、添加两个新图层图层，分，分别别命名命名为为：“控件控件”、“文本文本”、“动动作作”。实例要求实例要求:制作改变字体和颜色的组合框。制作改变字体和颜色的组合框。6、单击单击“文本文本”层层第第1帧帧，选择选择文本工具，文本工具，输输入：入：“改改变变控件的控件的颜颜色和字体色和字体”，字号，字号27，

20、颜颜色：粉色：粉红红。7、单击单击“动动作作”层层第第1帧帧，打开，打开动动作面板作面板输输入入动动作作语语句。句。pbutton.setStyleProperty(textFont,Arial Black)pbutton.setStyleProperty(textColor,0 xFFB5DA)rbutton.setStyleProperty(textFont,Arial Black)rbutton.setStyleProperty(textColor,0 xFFB5DA)9.3.5 选择类组件选择类组件1.1.ButtonButton组件组件组件组件：一个大小可调整的按钮，可使用自定义图标

21、来自定义一个大小可调整的按钮，可使用自定义图标来自定义一个大小可调整的按钮，可使用自定义图标来自定义一个大小可调整的按钮，可使用自定义图标来自定义2.2.DataGridDataGrid组件组件组件组件：允许用户进行布尔值选择（真或假）允许用户进行布尔值选择（真或假）允许用户进行布尔值选择（真或假）允许用户进行布尔值选择（真或假）3.3.RadioButtonRadioButton（单选按钮）组件（单选按钮）组件（单选按钮）组件（单选按钮）组件：允许用户在相互排斥的选项之间进允许用户在相互排斥的选项之间进允许用户在相互排斥的选项之间进允许用户在相互排斥的选项之间进行选择行选择行选择行选择4.4

22、.NumericStepperNumericStepper：一个带有可单击箭头的文本框，单击箭头可增大一个带有可单击箭头的文本框，单击箭头可增大一个带有可单击箭头的文本框，单击箭头可增大一个带有可单击箭头的文本框，单击箭头可增大或减小数字的值或减小数字的值或减小数字的值或减小数字的值实例实例38 按钮按钮本例本例应应用：按用：按钮钮控件控件实例要求实例要求:通过修改控件按钮的颜色属性，制作符合站通过修改控件按钮的颜色属性，制作符合站点风格的按钮。点风格的按钮。1、新建文档。舞台大小、新建文档。舞台大小为为300px 200px。背景：橙色。背景：橙色。2、新建影片剪、新建影片剪辑辑“元件元件1

23、”。将。将组组件件Button拖到拖到图层图层1第第1帧帧中。中。选选中按中按钮钮，打开属性面板（或利用，打开属性面板（或利用“窗口窗口”-“组组件件检查检查器器”）,设设置置该该按按钮钮的的颜颜色色为为以以20%的比例的比例趋趋于于蓝蓝色。色。3、复制按、复制按钮钮，选选中按中按钮钮，改，改变趋变趋于于红红色。色。4、在舞台中、在舞台中输输入文本：入文本：“蓝蓝色色组组件件”、“红红色色组组件件”实例实例39 单选按钮单选按钮本例本例应应用：用：单选单选按按钮钮实例要求实例要求:通过修改控件按钮的颜色属性，制作符合站通过修改控件按钮的颜色属性，制作符合站点风格的按钮。点风格的按钮。1、新建文

24、档。舞台大小、新建文档。舞台大小为为300px 200px。背景：白色。背景：白色。2、新建、新建图图形元件形元件“背景背景”。导导入一入一张图张图片。片。3、返回主、返回主场场景，添加景，添加图层图层“背景背景”、“文本文本”、“控件控件”、“动动作作”。4、“背景背景”层层第第1帧帧，插入，插入图图形元件。形元件。5、“文本文本”层层第第1帧帧，矩形工具，矩形工具，绘绘制一个矩形，内放一个文本制一个矩形，内放一个文本工具，工具，输输入文本入文本“请选择请选择”。6、“控件控件”层层第第1帧帧，拖入按，拖入按钮钮Button.调调整色整色调调，输输入入实实例名称例名称“b”。同。同样样拖入一

25、个按拖入一个按钮钮，名称，名称为为“n”。实例要求实例要求:通过修改控件按钮的颜色属性，制作符合站通过修改控件按钮的颜色属性，制作符合站点风格的按钮。点风格的按钮。7、拖入两个、拖入两个单选钮单选钮“Radio Button”。8、“动动作作”层层第第1帧帧，输输入入语语句：句：b.setStyleProperty(textFont,Arial Black)b.setStyleProperty(textColor,0 x000000)n.setStyleProperty(textFont,Arial Black)n.setStyleProperty(textColor,0 x000000)9.3.6 文本类组件文本类组件1.1.LabelLabel组件组件组件组件：一个不可编辑的单行文本字段一个不可编辑的单行文本字段一个不可编辑的单行文本字段一个不可编辑的单行文本字段2.2.TextAreaTextArea组件组件组件组件：一个可随意编辑的多行文本字段一个可随意编辑的多行文本字段一个可随意编辑的多行文本字段一个可随意编辑的多行文本字段3.3.TextInputTextInput组件组件组件组件：一个可以随意编辑的单行文本输入字段一个可以随意编辑的单行文本输入字段一个可以随意编辑的单行文本输入字段一个可以随意编辑的单行文本输入字段