《中文Flash 8案例教程 教学课件 ppt 作者 沈大林 等 第7章 Flash 8组件和综合实例》由会员分享，可在线阅读，更多相关《中文Flash 8案例教程 教学课件 ppt 作者 沈大林 等 第7章 Flash 8组件和综合实例（18页珍藏版）》请在金锄头文库上搜索。
1、第7章 Flash 8组件和综合实例,7.1 【案例30】滚动浏览图像 7.2 【案例31】选择浏览图像,7.1 【案例30】滚动浏览图像,1组件简介 组件是一些复杂的并带有可定义参数的影片剪辑元件。在使用组件创建影片时，可以直接定义参数，也可以通过ActionScript的方法定义组件的参数。在Flash 8中拥有一个“组件”面板，内置了User Interface（用户界面）和Media-Player 6-7（多媒体播放）等五类组件。例如，User Interface类组件中有Label（标签）、CheckBox（复选框）、ComboBox（组合）、List（列表框）、Button（按钮）
2、、RadioButton（单选按钮）和ScrollPane（滚动窗格）等。 可以分别将这些组件加入到Flash 8的交互动画中，也可以将多个组件一起使用，创作完整的应用程序或者Web表单的用户界面。还能够使用几种方法自定义组件的外观。这些常用的组件不仅减少了开发者的开发时间，提高了工作效率，而且能给Flash作品带来更加统一的标准化界面。同时用户也可以制作一些自己的组件供自己使用，或者发布出去以方便其他用户。 单击“窗口”“组件”命令，可以调出“组件”面板。用鼠标将“组件”面板中的组件拖动到舞台工作区中，形成组件实例。 当一个或者多个组件加入到舞台工作区的时候，“库”面板中会自动加入该,组件元
3、件。从“库”面板中将组件拖动到舞台工作区中，可以形成更多的组件实例。然后，可以通过“属性”面板或者“组件检查器”面板设置加入到舞台工作区的组件实例的属性和参数。 可以使用“属性”面板浏览和设置组件实例的属性，并通过“属性”面板命名这个组件实例。然后，还可以单击 “参数”标签，再设置组件实例的参数。也可以通过调用“组件检查器”面板来设置组件实例的参数。下面举例说明。 2CheckBox（复选框）组件 （1）调出“组件”面板。将“组件”面板中的组件（例如CheckBox 组件）拖动到舞台工作区中。直接在“组件”面板中双击组件图标，组件也同样会被加入到舞台工作区中。 （2）单击选中舞台工作区中需要编
4、辑的组件实例，再单击“属性”面板中的“参数”标签。在该面板中的“实例名称”文本框中输入这个组件实例在舞台工作区中的实例名称，此处输入myCheckBox。 （3）根据设计要求，可以使用工具箱中的任意变形工具，调节舞台工作区中组件实例的大小及方向。所有的组件实例都可以通过setStyleProperty方法来改变它在舞台工作区中的属性，从而改变组件实例的形状和位置等。,（4）利用“参数”面板或“组件检查器”面板可以浏览和设置这个组件实例的参数。单击“窗口”“组件检查器”命令，调出“组件检查器”面板，如图7-1-14所示。当组件实例的“组件检查器”面板中的参数改变后，该组件实例的“属性”面板中的参
5、数会随之改变。当组件实例的“参数”面板中的参数改变后，该实例组件的“组件检查器”面板中的参数也会随之改变。 （5）单击label参数值处，即可修改组件实例标签的名称，例如改为“CheckBox（复选框）。 （6）单击labelPlacement参数值处，调出它的下拉列表框。利用它可以选择组件实例标签名称所处的位置（在复选框的左边、右边、上边或下边）。 （7）单击selected参数的值处，调出它的下拉列表框，它有两个选项，用来设置复选框的初始状态。选择true选项，则初始状态为选中；选择false选项，则初始状态为没选中。 3Label（标签）组件 （1）调出“组件”面板。将“组件”面板中的L
6、abel组件拖动到舞台工作区中，创建一个Label组件实例。 （2）单击选中舞台工作区中需要编辑的组件实例。单击“属性”面板中的“,参数”标签项。在该面板中的“实例名称”文本框中输入这个组件实例的名称Label1。 （3）Label组件实例的参数除了有“属性”面板内的3个外，在“组件检查器”面板内还有另外3个附加的参数（visible、minHeight和minWidth，后两个参数一般不用设置）。 autoSize参数：用来设置标签文字相对于Label组件实例外框（也叫文本框）的位置。它有4个值，none（不调整标签文字的位置，默认值为none），left（标签文字与文本框的左边和底边对齐）
7、，center（标签文字在文本框内居中），right（标签文字与文本框的右边和底边对齐） html参数：用来指示标签文字是（true）否（false）采用HTML格式。如果此参数值为true，则不能使用样式来设置标签的格式，但可以使用font标记将文本格式设置为HTML。默认值为false。 text参数：用来设置标签的文本内容，默认值是Label。 visible参数：用来设置标签对象是（true）否（false）可见。默认值为true。 （4）可以设置Label标签组件实例的样式属性，来更改标签实例的外观。举例如下（设舞台工作区内有一个名称为Label1的组件实例）。,label1.set
8、Size(80,20); /设置标签文本框宽80个像素，高20个像素 label1.setStyle(“fontWeight“,“bold“); /设置标签文字字体为粗体 label1.setStyle(“fontSize“,26); /设置标签文字大小为26磅 label1.setStyle(“color“, 0xff0000); /设置标签文字颜色为红色 label1.setStyle(“fontFamily“, “隶书“); /设置标签文字字体为隶书 label1.setStyle(“color“,“red“); /设置标签文字颜色为红色 label1.setStyle(“embedFo
9、nts“,false); /指定字体不是嵌入字体 label1.text=“标签实例外观的改变“; /设置标签文字内容为“标签实例外观的改变”,注意：Label组件实例中的所有文本必须采用相同的样式。例如，对同一标签内的单词设置color样式时，不能将一个单词设置为blue，而将另一个单词设置为red。 embedFonts样式是一个逻辑值，它指在fontFamily样式中指定的字体是否为嵌入字体。如果fontFamily引用了嵌入字体，则此样式必须设置为true。否则，将不使用该嵌入字体。如果此样式设置为true，并且fontFamily 不引用嵌入字体，则不会显示任何文本。默认值为fals
10、e。 Color样式用来设置标签文字的颜色，它可以用0xRRGGBB（RR、GG、BB分别是两位十六进制数，分别表示红、绿和蓝色成分多少）或者颜色的英文表示颜色。例如：red表示红色、green表示绿色、blue表示蓝色、black表示黑色、white表示白色、yellow表示黄色、cyan表示青色。其中，“0x”是数字0和英文小写字母“x”。,【进阶案例78】加减运算,【进阶案例79】日历,【进阶案例80】滚动文本,7.2 【案例31】选择浏览图像,1ComboBox（组合框）组件 （1）ComboBox组件实例的“组件检查器”面板如图7-2-4所示。其中一些参数的作用如下。 data参数：
11、将数据值与ComboBox 组件中的每一个选项相关联。 editable参数：设置ComboBox 组件实例是可编辑的（true）还是只是可选择的（false）。默认值为false。ComboBox 组件实例可编辑时，可以在其中修改数据。 label参数：利用该参数可以设置组合框（下拉列表框）内各选项的值。 rowCount参数：用来设置下拉列表框下拉后最多可以显示的选项个数。默认值为5。 restrict参数：用来设置用户可在组合框的文本字段中输入的字符集。默认值为undefined。 enabled参数：是一个布尔值，它设置组件是（true）否（false）可接收焦点和输入。默认值为tru
12、e。 visible参数：是一个布尔值，它设置对象是（true）否（false）可见。默认值为true。,（2）ComboBox（组合框）组件实例的常用方法如表所示。 ComboBox组件实例的常用方法和属性,2List（列表框）组件 （1）List组件是一个可滚动的单选或多选列表框。列表框还可以显示图形及其他组件。List列表框组件实例的一些参数、方法和属性与ComboBox组件实例基本一样。List组件实例的“组件检查器”面板如图7-2-7所示。其中一些特有参数的作用如下。 multipleSelection参数：是一个逻辑值，它指示是（true）否（false）可以选择多个值。默认值为f
13、alse。 rowHeight参数：用来指示每行的高度，以像素为单位。默认值是20。设置字体不会更改行的高度。 （2）List（列表框）组件外观的改变可以通过样式来完成，这与Label（标签）组件外观的改变方法相似。例如： backgroundColor：用来设置列表的背景颜色。默认的颜色为白色。 borderStyle：用来设置边框样式。 backgroundDisabledColor：用来设置当组件的enabled属性设置为false时的背景颜色。默认值为 0xDDDDDD（中度灰）。 color：用来设置文本颜色。,disabledColor：用来设置文本禁用时的颜色。 fontFamily：用来设置文本的字体名称。默认值为_sans。 fontSize：用来设置文本的字体的大小，默认值为10。 fontStylee：用来设置文本的字体的样式，normal或italic。默认值为normal。 【进阶案例81】提示框,【进阶案例82】MP3播放器,【进阶案例83】视频播放器,
