Flash动画制作第9章使用组件

陶颖2010Flash动画制作形状的重叠1、形状的切割：绘制两个无边框的不同颜色图形——将一个拖入另一个——取消选择——单击选中内部图形删除。2、形状的融合：融合是将一个图层的多个形状融合为一个形状。要融合出特殊的图形只需将多个无边框的同颜色形状堆叠，取消选择后自动融合为一体。实例34水波文字特效实例要求:利用形状的重叠和切割,制作水波文字特效。1、新建文档。舞台大小为550px×400px。背景：黑色。2、创立影片剪辑“水波〞。添加图层,由上至下名为1-7。3、单击图层1第1帧，利用形状切割制作圆环。4、单击图层2第1帧，粘贴圆环并缩小。以同样方法处理其他图层。5、单击图层1第15帧，插入关键帧，将图形放大后变成蓝色。将图形打形，创立第1帧至第15帧的形状渐变。以后每个图层后移5帧添加关键帧。如上所做。实例要求:利用形状的重叠和切割,制作水波文字特效。6、创立影片剪辑元件“水波文字〞。单击图层1第1帧，拖入元件“水波〞。添加新图层，输入文本“水波文字〞，鼠标右击图层2，执行“遮罩层〞命令。7、返回主场景，拖入“水波文字〞。实例35第一种loading方式实例要求:创立loading效果。1、新建文档。属性默认。2、创立影片剪辑“loading〞。在图层1第1帧，文本工具“下载中……〞。在第2帧插入关键帧，将文字后的省略号删除。3、返回场景1，将“loading〞拖放到图层1，右击第2帧，“插入帧〞。4、插入图层“AS〞，在第1帧添加AS动作语句：if(_framesloaded>=_totalframes){gotoAndPlay(3);}实例要求:创立loading效果。5、在AS层第2帧插入空白关键帧，在第2帧参加语句：gotoAndPlay(1);6、插入新层图“动画〞。在第3帧插入关键帧，导入一张图片。7、“控制〞-“测试影片〞，可测试动画。“视图〞-“模拟下载〞，可测试loading效果。第9章使用组件掌握各种组件的功能掌握各种组件的使用方法和技巧教学目的

认识组件

添加组件用户界面〔UI〕组件本章内容9.1认识组件在Flash8的“组件〞面板中可以找到所有的组件。选择“窗口〞→“组件〞命令，翻开“组件〞面板“组件〞面板9.1认识组件Data〔数据〕组件FLVPlayback-Player8组件FLVPlaybackCustomUI组件Media-Player6-7〔媒体播放〕组件UserInterface〔用户界面〕组件Flash提供的组件分为以下5个类别：9.2添加组件使用“组件〞面板向文档添加组件使用ActionScript在运行时添加组件9.2.1使用“组件〞面板向文档添加组件选择“窗口〞→“组件〞命令，将组件从“组件〞面板拖到舞台上在舞台上选择该组件，选择“窗口〞→“属性〞→“属性〞，在“属性〞检查器中，输入组件实例的实例名称单击“参数〞选项卡，为实例指定参数9.2.2使用ActionScript在运行时添加组件首先将组件从“组件〞面板拖入当前文档的库中，在时间轴中选择一帧放置要添加的组件。然后在“动作〞面板中调用createClassObject()，以便在运行时创立组件实例。9.3用户界面〔UI〕组件文件管理类组件窗口类组件日期类组件列表类组件选择类组件文本类组件9.3.1文件管理类组件Accordion组件：一组垂直的互相重叠的视图，视图顶部有一些按钮，用户利用这些按钮可以在视图之间进行切换

Menu组件：一个标准的桌面应用程序菜单，允许用户从列表中选择一个命令

MenuBar组件：允许用户处理分级信息Tree组件：允许用户处理分级信息9.3.2窗口类组件Alert组件：一个窗口，用于显示消息并提供捕获用户响应的按钮Loader组件：一个包含已载入的SWF或JPEG文件的区块ProgressBar组件：显示一个过程〔例如加载操作〕的进度ScrollPane组件：使用自动滚动条在有限的区域内显示影片剪辑、位图和SWF文件UIScrollBar组件：允许将滚动条添加至文本字段Window组件：一个可拖动的窗口，带有标题栏、题注、边框、关闭按钮和内容显示区域9.3.3日期类组件DateChooser组件：允许用户从日历中选择一个或多个日期

DateField组件：一个不可选择的文本字段，并带有日历图标。当用户在组件的边框内单击时，MacromediaFlash会显示一个DateChooser组件。

实例36随意拖动的万年历本例应用：日历控件实例要求:利用日历控件,制作随意拖动的万年历。1、新建文档。舞台大小为550px×400px。背景：粉色。2、新建影片剪辑“元件1〞。将组件DateChooser拖到场景1图层1第1帧中。设置“属性〞及“参数〞。选择文本工具，输入“万年历〞。3、返回场景1，将“元件1〞拖入图层1第1帧。翻开“行为〞面板，执行“+〞—“影片剪辑〞—“开始拖动影片剪辑〞命令，事件选择“按下时〞。执行“+〞—“影片剪辑〞—“停止拖动影片剪辑〞命令，事件选择“释放时〞。9.3.4列表类组件ComboBox组件：允许用户从滚动的选择列表中选择一个选项。该组件可以在列表顶部有一个可选择的文本字段，以允许用户搜索此列表DataGrid组件：允许用户显示和操作多列数据List组件：允许用户从滚动列表中选择一个或多个选项

实例37组合框本例应用：组合框实例要求:制作改变字体和颜色的组合框。1、新建文档。舞台大小为400px×280px。背景：粉红色。2、翻开“窗口〞-“组件〞面板。拖入组合框控件ComboBox，设置控件实例名称为：“pbutton〞。3、单击“属性〞面板“参数〞项的labels右侧的放大镜图标，弹出值对话框。单击“+〞按钮，添加4个值[new,free,buy,links]。4、重复步骤2和3，拖入组合框的实例“rbutton〞，输入标签值：[open,save,library,next]。5、添加两个新图层，分别命名为：“控件〞、“文本〞、“动作〞。实例要求:制作改变字体和颜色的组合框。6、单击“文本〞层第1帧，选择文本工具，输入：“改变控件的颜色和字体〞，字号27，颜色：粉红。7、单击“动作〞层第1帧，翻开动作面板输入动作语句。pbutton.setStyleProperty("textFont","ArialBlack")pbutton.setStyleProperty("textColor","0xFFB5DA")rbutton.setStyleProperty("textFont","ArialBlack")rbutton.setStyleProperty("textColor","0xFFB5DA")9.3.5选择类组件Button组件：一个大小可调整的按钮，可使用自定义图标来自定义DataGrid组件：允许用户进行布尔值选择〔真或假〕RadioButton〔单项选择按钮〕组件：允许用户在相互排斥的选项之间进行选择NumericStepper：一个带有可单击箭头的文本框，单击箭头可增大或减小数字的值实例38按钮本例应用：按钮控件实例要求:通过修改控件按钮的颜色属性，制作符合站点风格的按钮。1、新建文档。舞台大小为300px×200px。背景：橙色。2、新建影片剪辑“元件1〞。将组件Button拖到图层1第1帧中。选中按钮，翻开属性面板〔或利用“窗口〞-“组件检查器〞〕,设置该按钮的颜色为以20%的比例趋于蓝色。3、复制按钮，选中按钮，改变趋于红色。4、在舞台中输入文本：“蓝色组件〞、“红色组件〞实例39单项选择按钮本例应用：单项选择按钮实例要求:通过修改控件按钮的颜色属性，制作符合站点风格的按钮。1、新建文档。舞台大小为300px×200px。背景：白色。2、新建图形元件“背景〞。导入一张图片。3、返回主场景，添加图层“背景〞、“文本〞、“控件〞、“动作〞。4、“背景〞层第1帧，插入图形元件。5、“文本〞层第1帧，矩形工具，绘制一个矩形，内放一个文本工具，输入文本“请选择〞。6、“控件〞层第1帧，拖入按钮Button.调整色调，输入实例名称“b〞。同样拖入一个按钮，名称为“n〞。实例要求:通过修改控件按钮的颜色属性，制作符合站点风格的按钮。7、拖入两个单项选择钮“RadioButton〞。8、“动作〞层第1帧，输入语句：b.setStyleProperty("textFont","ArialBlack")b.setStyleProperty("textColor",