《Flash CS5中文版应用教程（第二版） 教学课件 ppt 作者 张凡 华漫_ 第6章 模板与组件》由会员分享，可在线阅读，更多相关《Flash CS5中文版应用教程（第二版） 教学课件 ppt 作者 张凡 华漫_ 第6章 模板与组件（36页珍藏版）》请在金锄头文库上搜索。
1、第6章 模板与组件,模板的基础知识 照片幻灯片放映模板 定制模板 组件内容的相关知识,本章重点：,利用Flash中的模板功能可以快速地创建出各类动画。Flash提供了大量的组件供用户使用，如滚动条、按钮、窗口等。组件实际上是一种特殊的影片剪辑，其中的参数由用户在Flash中创作时进行设置，其中的ActionScript方法、属性和事件可供用户在运行时自定义组件。通过本章学习应掌握以下内容：,6.1 认识模板,模板是预先设置好的特殊文档，Flash提供了一些实用的系统模板，只要配合自己的需要进行一些修改即可将它应用到动画中去，从而大大提高制作动画的效率。 运行Flash后，从开始页右边的“从模板
2、创建”栏中，可以看到模板类型列表，如图6-1所示。 或者执行菜单中的“文件|新建”命令，在弹出的“从模板新建”对话框中单击“模板”选项卡，此时“类别”列表框中列出了系统自带的模板类别，选中一种类别后，在“模板”列表框中会列出所选类下的所有模板文件，选中后会在对话框的右侧显示出模板的缩略图及描述文本，如图6-2所示。,图6-1模板类型列表 图6-2“模板”选项卡,保存和应用模板的具体操作步骤为： 1）打开配套光盘“素材及结果|2.8.4 制作广告条动画|广告条.fla”。 2）执行菜单中的“文件|另存为模板”命令，在弹出的“另存为模板”对话框中设置自定义模板的“名称”、“类别”和“描述”信息，如
3、图6-3所示，单击“保存”按钮即可创建模板。 3）此时关闭文件后，执行菜单中的“文件|新建”命令，在弹出的“从模板创建”对话框中单击“模板”选项卡，然后从左侧“类别”列表框中选择“广告”类别，此时在右侧“模板”列表框中可以看到刚才创建的“广告条”模板，如图6-4所示。选择该项后，单击“确定”按钮，即可以定制模板为基础创建一个新文档。,6.2 保存和应用模板,图6-3设置“另存为模板”的参数 图6-4新创建的“广告条”模板,Flash提供了大量的组件供用户使用，如滚动条、按钮、窗口等。组件实际上是一种特殊的影片剪辑，其中的参数由创作者在Flash中创作时进行设置，其中的ActionScript方
4、法、属性、和事件可供使用者在运行时自定义组件。设计这些组件的目的是为了让开发人员重复使用和共享代码，封装复杂功能，从而使设计人员无须编写ActionScript代码就能够使用和自定义这些功能。组件可以将应用程序的设计过程和编码过程分开。 执行菜单中的“窗口|组件”命令，可以调出“组件”面板。ActionScript 2.0和ActionScript 3.0的“组件”面板是不同的，如图6-5所示。为了便于读者更好地理解组件，下面以ActionScript 3.0“组件”面板为例，具体介绍User Interface组件类中各个组件的含义。,6.3 组件内容的简介,ActionScript 2.0
5、“组件”面板 ActionScript 3.0“组件”面板,图6-5组件面板,Button组件为一个按钮，如图6-6所示。使用按钮可以实现表单提交以及执行某些相关的行为动作。在舞台中添加Button组件后，可以通过参数面板设置Button组件的相关参数，如图6-7所示。,1.Button组件,图6-6Button组件 图6-7Button组件的参数面板,emphasized：用于设置当按钮处于弹起状态时，Button组件周围是否会有边框。 label：用于设置按钮上文本的值。 labelPlacement：用于设置按钮上的文本在按钮图标内的方向。该参数可以是下列4个值之一，即left、righ
6、t、top或buttom，默认为right。 selected：该参数指定按钮是出于按下状态(true)还是释放状态(false)，默认值为false。 toggle：将按钮转变为切换开关。如果值为true，则按钮在单击后保持按下状态，并在再次单击时返回到弹起状态。如果值为false，则按钮行为与一般按钮相同，默认值为false。,CheckBox组件为多选按钮组件，如图6-8所示。使用该组件可以在一组多选按钮中选择多个选项。在舞台中添加CheckBox组件后，可以通过参数面板设置CheckBox组件的相关参数，如图6-9所示。,2.CheckBox组件,图6-8CheckBox组件 图6-9
7、CheckBox组件的参数面板,label：用于设置多选按钮右侧文本的值。 labelPlacement：用于设置按钮上的文本在按钮图标内的方向。该参数可以是下列4个值之一，即left、right、top或bottom，默认为right。 selected：用于设置多选按钮的初始值为被选中或取消选中。被选中的多选按钮会显示一个对勾，其参数值为true。如果将其参数值设置为false表示会取消选择多选按钮。,ColorPicker组件为包含一个或多个颜色的调色板，用户可以从中选择颜色，如图6-10所示。在舞台中添加ColorPicker组件后，可以通过参数面板设置ColorPicker组件的相关
8、参数，如图6-11所示。,3.ColorPicker组件,图6-10ColorPicker组件 图6-11ColorPicker组件的参数面板,selectedColor：用于设置ColorPicker组件的调色板中当前加亮显示的颜色。 showTextField：用于设置是否显示ColorPicker组件中选择颜色的颜色值，其参数为布尔值。,ComboBox组件为下拉列表的形式，如图6-12所示。用户可以在弹出的下拉列表中选择其中一项。在舞台中添加ComboBox组件后，可以通过参数面板设置ComboBox组件的相关参数，如图6-13所示。,4.ComboBox组件,图6-12ComboBo
9、x组件 图6-13ComboBox组件的参数面板,dataProvider：用于设置下拉列表当中显示的内容，以及传送的数据。 editable：用于设置下拉菜单中显示的内容是否为编辑的状态。 prompt：用于设置对ComboBox组件开始显示时的初始内容。 rowCount：用于设置下拉列表中可显示的最大行数。,5.DataGrid组件,DataGrid组件是基于列表的组件，提供呈行和列分布的网格，如图6-14所示。可以在该组件顶部指定一个可选标题行，用于显示所有属性名称。每一行由一列或多列组成，其中每一列表示属于指定数据对象的一个属性。DataGrid组件用于查看数据，并不适合用做类似于H
10、TML表格的布局工具谖杼刑砑覦ataGrid组件后，可以通过参数面板设置DataGrid组件的相关参数，如图6-15所示。,图6-14DataGrid组件 图6-15DataGrid组件的参数面板,allowMultipleSelection：用于设置能否一次选择多个列表项目，其参数为布尔值。true值表示可以一次选择多个项目；false值表示一次只能选择一个项目。 editable：用于设置用户能否编辑数据中的项目。 rowHeight：用于设置DataGrid标题的高度，其单位为像素。 horizontalLineScrollSize：当显示水平滚动条下，单击水平方向上滚动条时水平移动的数
11、量。其单位为像素，默认值为4。 horizontalPageScrollSize：用于设置按滚动条时水平滚动条上滚动滑块要移动的像素数。当该值为0时，该属性检索组件的可用宽度。 horizontalScrollPolicy：用于设置滚动条是否始终打开。 resizableColumns：用于设置用户能否更改列的尺寸。 rowHeight：用于设置DataGrid组件中每一行的高度，其单位为像素。 showHeaders：用于设置DataGrid组件是否显示列标题，其单位为像素。 sortableColumns：用于设置用户能否通过单击列标题单元格对数据提供者中的项目进行排序。 vertical
12、LineSrollSize：当显示垂直滚动条下，单击垂直滚动箭头时要在垂直方向上滚动多少像素。其单位为像素，默认值为4。 verticalPageScrollSize：用于设置按滚动条时垂直滚动条上滚动滑块要移动的像素数，当该值为0时，该属性检索组件的可用高度。 verticalScrollPolicy：用于设置垂直滚动条是否始终打开。,6.Label组件,Label组件将显示一行或多行纯文本或HTML格式的文本，如图6-16所示。这些文本的对齐和大小格式可以进行设置。Label组件没有边框而且无法获得焦点。在舞台中添加Label组件后，可以通过参数面板设置Label组件的相关参数，如图6-1
13、7所示。,图6-16Label组件 图6-17Label组件的参数面板,autoSize：用于设置如何调整标签大小和对齐标签以适合其text属性的值。 condenseWhite：用于设置是否应从包含HTML文本的Label组件中删除额外空白，如空格和换行符。 htmlText：用于设置Label组件显示的文本，包括表示该文本样式的HTML标签。 selectable：用于设置Label组件显示的文本是否可选。 text：用于设置Label组件实现的纯文本内容。 wordWrap：用于设置文本是否换行，默认值为true，表示可以自动换行。,7.List组件,List组件为下拉列表的形式，如图6
14、-18所示。用户可以从下拉列表中选择一项或多项。在舞台中添加List组件后，可以通过参数面板设置List组件的相关参数，如图6-19所示。,图6-18List组件 图6-19List组件的参数面板,allowMultipleSelection：用于设置能否一次选择多个列表项目，其参数为布尔值。true值表示可以一次选择多个项目；false值表示一次只能选择一个项目。 dataProvider：用于设置下拉列表中显示的内容，以及传送的数据。 horizontalLineScrollSize：用于设置当单击水平方向上滚动条时水平移动的数量。其单位为像素，默认值为4。,horizontalPageS
15、crollSize：用于设置按滚动条时，水平滚动条上滚动滑块要移动的像素数。当该值为0时，该属性检索组件的可用宽度。 horizontalScrollPolicy：用于设置水平滚动条是否始终打开。 verticalLineScrollSize：用于设置当单击滚动箭头时要在垂直方向上滚动多少像素。其单位为像素，默认值为4。 verticalPageScrollSize：用于设置按滚动条时，垂直滚动条上滚动滑块要移动的像素数。当该值为0时，该属性检索组件的可用高度。 verticalScrollPolicy：用于设置垂直滚动条是否始终打开。,8.NumbericStepper组件,NumbericStepper组件用于显示一组已排序的数字，如图6-20所示。用户可以从中进行选择。此组件包括一个单行字段和一对箭头按钮，前者用于文本输入，后者用于单步调试该组数值，也可以使用向上和向下键查看该组数值。在舞台中添加NumbericStepper组件后，可以通过参数面板设置NumbericStepper组件的相关参数，如图6-21所示。,图6-20NumbericStepper组件 图6-21NumbericStepper组件的参数面板,9.ProgressBar组件,ProgressBar组件用于显示内容的加载进度，如图6-22所示。ProgressBar通常用
