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

Click to edit Master subtitle style
实例39 单选按钮
本例应用：单选按钮
实例要求:通过修改控件按钮的颜色属性，制作符合站点 风格的按钮。
1、新建文档。舞台大小为300px × 200px。背景：白色。 2、新建图形元件“背景”。导入一张图片。 3、返回主场景，添加图层“背景”、“文本”、“控件”、 “动作”。 4、“背景”层第1帧，插入图形元件。 5、“文本”层第1帧，矩形工具，绘制一个矩形，内放一个文 本工具，输入文本“请选择”。 6、“控件”层第1帧，拖入按钮Button.调整色调，输入实例名 称“b”。同样拖入一个按钮，名称为“n”。
实例要求:通过修改控件按钮的颜色属性，制作符合站点 风格的按钮。
7、拖入两个单选钮“Radio Button”。 8、“动作”层第1帧，输入语句： b.setStyleProperty("textFont", "Arial Black") b.setStyleProperty("textColor", "0x000000") n.setStyleProperty("textFont", "Arial Black") n.setStyleProperty("textColor", "0x000000")
实例要求:利用形状的重叠和切割,制作水波文字特效。
6、创建影片剪辑元件“水波文字”。单击图层1第1帧，拖入元 件“水波”。添加新图层，输入文本“水波文字”，鼠标右击 图层2，执行“遮罩层”命令。 7、返回主场景，拖入“水波文字”。
Click to edit Master subtitle style
3. 单击“参数”选项卡，为实例指定参数
9.2.2 使用ActionScript在运行时添加组件
1. 首先将组件从“组件”面板拖入当前文档的库中，在时间轴 中选择一帧放置要添加的组件。
2. 然后在“动作”面板中调用createClassObject()，以便在运行 时创建组件实例。
9.3 用户界面（UI）组件
3. MenuBar组件：允许用户处理分级信息 4. Tree组件：允许用户处理分级信息
9.3.2 窗口类组件
1. Alert组件：一个窗口，用于显示消息并提供捕获用户响应的按钮 2. Loader组件：一个包含已载入的SWF或JPEG文件的区块 3. ProgressBar组件：显示一个过程（例如加载操作）的进度 4. ScrollPane组件：使用自动滚动条在有限的区域内显示影片剪辑、
Click to eBiblioteka Baiduit Master subtitle style
Flash动画制作第9章_使用组件
形状的重叠
1、形状的切割： 绘制两个无边框的不同颜色图形——将一个拖入另一个——取消选 择——单击选中内部图形删除。 2、形状的融合： 融合是将一个图层的多个形状融合为一个形状。要融合出特殊的图形 只需将多个无边框的同颜色形状堆叠，取消选择后自动融合为一体。
实例要求:制作改变字体和颜色的组合框。
6、单击“文本”层第1帧，选择文本工具，输入：“改变控件 的颜色和字体”，字号27，颜色：粉红。 7、单击“动作”层第1帧，打开动作面板输入动作语句。 pbutton.setStyleProperty("textFont", "Arial Black") pbutton.setStyleProperty("textColor", "0xFFB5DA") rbutton.setStyleProperty("textFont", "Arial Black") rbutton.setStyleProperty("textColor", "0xFFB5DA")
9.3.4 列表类组件
1. ComboBox组件：允许用户从滚动的选择列表中选择一个选项。该 组件可以在列表顶部有一个可选择的文本字段，以允许用户搜索此 列表
2. DataGrid组件：允许用户显示和操作多列数据 3. List组件：允许用户从滚动列表中选择一个或多个选项
Click to edit Master subtitle style
位图和SWF文件 5. UIScrollBar组件：允许将滚动条添加至文本字段 6. Window组件：一个可拖动的窗口，带有标题栏、题注、边框、关
闭按钮和内容显示区域
9.3.3 日期类组件
1. DateChooser组件：允许用户从日历中选择一个或多个日期 2. DateField组件：一个不可选择的文本字段，并带有日历图标。当用
实例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、“控制”-“测试影片”，可测试动画。
❖文件管理类组件 ❖窗口类组件 ❖日期类组件 ❖列表类组件 ❖选择类组件 ❖文本类组件
9.3.1 文件管理类组件
1. Accordion组件：一组垂直的互相重叠的视图，视图顶部有一些 按钮，用户利用这些按钮可以在视图之间进行切换
2. Menu组件：一个标准的桌面应用程序菜单，允许用户从列表中 选择一个命令
“视图”-“模拟下载”，可测试loading效果。
第9章 使用组件
教学目的 • 掌握各种组件的功能 • 掌握各种组件的使用方法和技巧
本章内容
认识组件 添加组件 用户界面（UI）组件
9.1 认识组件
在Flash 8 的“组件”面板中可以找到所有的组件。选择“窗 口”→“组件”命令，打开“组件”面板
“组件”面板
9.1 认识组件
Flash提供的组件分为以下5个类别： • Data（数据）组件 • FLV Playback-Player 8组件 • FLV Playback Custom UI组件 • Media-Player 6-7（媒体播放）组件 • User Interface（用户界面）组件
9.3.6 文本类组件
1. Label组件：一个不可编辑的单行文本字段 2. TextArea组件：一个可随意编辑的多行文本字段 3. TextInput组件：一个可以随意编辑的单行文本输入字段
9.2 添加组件
❖使用“组件”面板向文档添加组件 ❖使用ActionScript在运行时添加组件
9.2.1 使用“组件”面板向文档添加组件
1. 选择“窗口”→“组件”命令，将组件从“组件”面板拖到 舞台上
2. 在舞台上选择该组件，选择“窗口”→“属性”→“属性”， 在“属性”检查器中，输入组件实例的实例名称
实例37 组合框
本例应用：组合框
实例要求:制作改变字体和颜色的组合框。
1、新建文档。舞台大小为400px × 280px。背景：粉红色。 2、打开“窗口”-“组件”面板。拖入组合框控件ComboBox， 设置控件实例名称为：“pbutton”。 3、单击“属性”面板“参数”项的labels右侧的放大镜图标， 弹出值对话框。单击“+”按钮，添加4个值[new,free,buy,links]。 4、重复步骤2和3，拖入组合框的实例“rbutton”，输入标签值： [open,save,library,next]。 5、添加两个新图层，分别命名为：“控件”、“文本”、“动 作”。
户在组件的边框内单击时，Macromedia Flash会显示一个 DateChooser组件。
Click to edit Master subtitle style
实例36 随意拖动的万年历
本例应用：日历控件
实例要求:利用日历控件,制作随意拖动的万年历。
1、新建文档。舞台大小为550px × 400px。背景：粉色。 2、新建影片剪辑“元件1”。将组件DateChooser拖到场景1图 层1第1帧中。设置“属性”及“参数”。选择文本工具，输入 “万年历”。 3、返回场景1，将“元件1”拖入图层1第1帧。打开“行为”面 板，执行“+”—“影片剪辑”—“开始拖动影片剪辑”命令，事 件选择“按下时”。执行“+”—“影片剪辑”—“停止拖动影片 剪辑”命令，事件选择“释放时”。
9.3.5 选择类组件
1. Button组件：一个大小可调整的按钮，可使用自定义图标来自定义 2. DataGrid组件：允许用户进行布尔值选择（真或假） 3. RadioButton（单选按钮）组件：允许用户在相互排斥的选项之间
进行选择 4. NumericStepper：一个带有可单击箭头的文本框，单击箭头可增大
或减小数字的值
Click to edit Master subtitle style
实例38 按钮
本例应用：按钮控件
实例要求:通过修改控件按钮的颜色属性，制作符合站点 风格的按钮。
1、新建文档。舞台大小为300px × 200px。背景：橙色。 2、新建影片剪辑“元件1”。将组件Button拖到图层1第1帧中。 选中按钮，打开属性面板（或利用“窗口”-“组件检查器”）, 设置该按钮的颜色为以20%的比例趋于蓝色。 3、复制按钮，选中按钮，改变趋于红色。 4、在舞台中输入文本：“蓝色组件”、“红色组件”
Click to edit Master subtitle style
实例34 水波文字特效
实例要求:利用形状的重叠和切割,制作水波文字特效。
1、新建文档。舞台大小为550px × 400px。背景：黑色。 2、创建影片剪辑“水波”。添加图层,由上至下名为1-7。 3、单击图层1第1帧，利用形状切割制作圆环。 4、单击图层2第1帧，粘贴圆环并缩小。以同样方法处理其他图 层。 5、单击图层1第15帧，插入关键帧，将图形放大后变成蓝色。 将图形打形，创建第1帧至第15帧的形状渐变。以后每个图层后 移5帧添加关键帧。如上所做。