打开Flash MX Professional 2004,从开始页右边的Create from Template(用模板创建)栏中可以看到,Flash MX Professional 2004的模板类型列表(图1)。或者从菜单中选择File-new,从弹出面板中选择New from Template,也可以看到Flash MX Professional 2004的模板类型列表(图2)。
这些模板类型包括:
图1
图2
与Flash MX对比可以发现,Flash MX Professional 2004取消了一些模板、更新了一些原有的模板,还新增了一些模板。新增的模板有Form Application(窗体应用)、Slide Presentations(幻灯片)和Vedio(视频)三类。
下面介绍一些新增模板(包括一些变化较大的更新模板)的使用方法,大家不妨动动手,亲身体验它们的简便和快捷。为方便大家阅读和上手,文章的每一部分都配有大量图文介绍、具体的实例以及实例制作过程。
一、应用视频模板
Flash MX 2004没有视频模板,只有Flash MX Professional 2004才提供视频模板。使用视频模板,你可以在自己的Flash工程中使用和部署视频,播放外部Flash视频文件(.flv),可以轻松创建视频展示和可选带宽的用户界面。
Selection(带宽选择)模板
使用Bandwidth Selection模板可以创建带宽选择界面,让设计人员能够为自己开发的应用设置不同的连接速度。让终端用户能够在动画播放期间,根据需要选择不同的带宽。用户选定连接速度之后,媒体播放组件就按指定的速度播放选定的视频。
请先下载本例的源文件、动画文件和辅助文件,在Flash 7播放器中播放动画文件。因动画文件较大,为方便大家阅读,没有将其嵌在文章里。
使用Bandwidth Selection模板的操作步骤如下:
(1)选择File>New(文件>新建),或从开始页的Create from Template栏中选择Video(视频),打开New from Template(用模板新建)对话框。选中Bandwidth Select(带宽选择)模板,单击确定按钮。
(2)编辑区中显示Select(选择)窗体,其中包含了3个带宽选择单选钮。
(3)选择窗体中的文本或标签,把它改为中文。方法是:选择要修改的文本或标签,然后在属性检查器中修改text(文本)或label(标签)属性的值。
(图片较大,请拉动滚动条观看)(4)设置视频内容的URL
Flash MX 2004的媒体播放组件可以载入和播放外部Flash视频文件(.flv),不要求把视频文件嵌入SWF文件中。媒体播放组件要载入外部视频文件,必须知道正确的URL。带宽选择单选钮的data(数据)属性的值被设置为一个字符串(如低带宽单选钮的data属性的值为"_lo")。当用户选择了“低带宽”单选钮时,该字符串("_lo")就会被添加到基础字符串的后面,一起构成正确的URL。例如,如果用户选择“低带宽”单选钮,基础字符串是tank,则被载入的文件就是。要修改基础字符串,就要修改Select窗体的动作脚本。
设置视频内容的URL的操作步骤是:在Select窗体被选中的情况下,展开时间轴面板。选择Actions(动作)层的第1帧。把其中的语句:
var video_ = "test"
改为: var video_ = "tank"
(图片较大,请拉动滚动条观看)提示:在与SWF文件相同的目录中,你应该预先保存有不同连接速度的视频文件(如、和)。
(5)选择Control>Test Movie(控制>测试动画),进入动画测试环境。选择高带宽单选钮,Flash播放器就会载入播放。
带宽选择模板的应用操作比较简单,但要事先录制好不同带宽的FLV文件则显得比较麻烦。此外,用本模板生成的动画在Flash 7播放器中播放正常,把SWF文件插入网页后,在浏览器中不能载入视频文件,不知是笔者有bug,还是Flash播放器插件与浏览器的兼容性问题。
Presentation(视频展示)模板Video Presentation(视频展示)模板使用幻灯片、媒体组件和行为来创建自运行展示。Video Presentation模板特别适用于创建网上自动演示。使用Video Presentation模板,你可以添加自己的视频和幻灯片。
(请先下载本例的源文件、动画文件和辅助文件,在Flash 7播放器中播放动画文件)
使用Video Presentation(视频展示)模板的操作步骤如下:
(1)选择File>New,或从开始页的Create from Template栏中选择Video,打开New from Template对话框。选中Tech Video Presentation(视频展示)模板,单击确定按钮。
(2)在编辑区中单击选中视频显示组件。
(图片较大,请拉动滚动条观看)(3)如果Component Inspector(组件检查器)面板没有打开,请在属性检查器中单击Launch Component Inspector(启动组件检查器)按钮,打开Component Inspector面板(请参考上图)。
(4)在Component Inspector面板中的URL文本框中输入要显示的视频文件路径(如)。
提示:输入URL时要输入文件的后缀名(如.flv、.mp3)。
(5)在幻灯片略图列表中选择“title”幻灯片,然后把该幻灯片的文本框内容改为“精彩海狮表演”。
(6)选择“contentHeader”幻灯片,把“My Company”文本框中的文本改为“精彩海狮表演”。此幻灯片将作为下面嵌套的幻灯片的背景。
提示:此幻灯片的实例名与幻灯片的自动播放有关,一般无需改动。如果改动,必须手工修改行为面板中的相应行为。
(7)选择“marchSales”幻灯片,在属性检查器的实例名文本框中把实例名改为hy。然后,删除该幻灯片的原内容,添加自己的内容。
提示:实例名不要使用中文,否则不能用它来设置预定时间点(见后述)。
(7)按类似的方法依次把“widgetSuccess”、“statistics”、“surveyResults”三张幻灯片的实例名改为ws、jq、dq,并删除这些幻灯片的原内容,添加自己的内容。
(8)在选中dq幻灯片的情况下,选择Insert>Screen(插入>屏幕),在dq幻灯片下面插入新的幻灯片。选择该幻灯片,在属性检查器中把实例名修改为ww,然后给该幻灯片添加内容。
(9)用类似上步方法添加dl和zj幻灯片。
(10)在幻灯片略图列表中选择根幻灯片presentation,单击选中视频显示组件,打开Component Inspector面板。
(图片较大,请拉动滚动条观看)(11)在Component Inspector面板的Parameter(参数)标签中,把Name(名称)列的marchSales改为hy(即第4张幻灯片的实例名)。在Position(位置)列,把时间(时:分:秒:毫秒)设置为10秒。
提示:本步骤的操作目的是设置预定时间点。当指定的视频(本例为)播放到第10秒时,自动显示幻灯片hy。
(12)参照上步的类似方法,设置其余三个时间点。
(13)单击Component Inspector面板中的加号(+)按钮,增加一个预定时间点。在Name栏中填写ww(倒数第3张幻灯片的实例名),在Position列把时间设置为3分40秒。
(14)参照上步的类似方法,再增加两个时间点。
提示:要删除预定时间点,请选择要删除的时间点,然后单击减号(-)按钮。
(15)选择hy幻灯片,如果Behaviors(行为)面板没有打开,选择Window>Development Panels>Behaviors(窗口>开发面板>行为)打开它。单击面板中的加号(+)按钮,从弹出的菜单上选择Scren>Transitions(屏幕>转场)。
(16)在打开的transitions对话框中选择一种转场特效。本例选取blinds(百叶窗)特效。选择一种特效后,在对话框的左下角可以即时预览特效的效果。满意后单击OK按钮。
(17)选定的行为被添加到Behaviors面板中。
(18)参照上述类似步骤,可以给其它幻灯片添加转场特效。
(19)选择Control>Test Movie(控制>测试动画),进入动画测试环境,即可看到用视频模板创建的自动展示效果。
(图片较大,请拉动滚动条观看)视频展示模板给我们快速创建视频展示提供了很好的工具。缺陷是:生成的动画文件在浏览器中不能载入视频文件。此外,预定时间点名称不能使用中文,希望推出中文版时能解决这个小问题。
二、应用屏幕展示模板使用屏幕展示模板,可以创建专业级的幻灯片展示。可以添加新的幻灯片,然后给这些幻灯片添加文本、图像、媒体和组件等等。还可以使用行为面板在幻灯片之间添加转场效果。幻灯片有内建的导航系统,可以使用键盘的箭头键导航,也可以用鼠标单击幻灯片中的按钮导航。
(下载本例的.fla源文件)
下面是本例的动画效果,请欣赏。
(请用鼠标单击画面下部中间的叶子形按钮,或用键盘上的箭头键切换画面)
使用屏幕展示模板创建演示文稿的操作步骤如下:
1.选择File>New,或从开始页的Create from Template栏中选择Slides Presentation(幻灯片展示),打开New from Template对话框。选中Classic Slides Presentation(经典幻灯片展示)模板(或其它幻灯片展示模板),单击确定按钮。
2.在幻灯片略图列表中,选择“title”幻灯片,然后在属性检查器中把幻灯片的实例名改为“标题”,把幻灯片的内容修改为自己的内容。
3.选择“contentHeader”幻灯片,把“My Company”文本框中的文本改为“秀丽河山”,在属性检查器中把实例名改为“背景”。此幻灯片将作为下面嵌套的幻灯片的背景。
4.选择“marchSales”幻灯片,在属性检查器的实例名文本框中把实例名改为“黄山”,然后删除该幻灯片的原内容,添加自己的内容。
5.按照上步类似的方法,把其余的3张幻灯片分别命名为华山、泰山、庐山,并添加相应的内容。
6.在选中“庐山”幻灯片的情况下,选择Insert>Screen(插入>屏幕),在“庐山”幻灯片下面插入新的幻灯片。选择该幻灯片,在属性检查器中把实例名改为“峨眉山”,然后给该幻灯片添加内容。
7.选择“黄山”幻灯片,如果Behaviors(行为)面板没有打开,选择Window>Development Panels>Behaviors(窗口>开发面板>行为)打开它。单击面板中的加号(+)按钮,从弹出的菜单上选择Scren>Transitions(屏幕>转场)。
8.在打开的transitions对话框中选择一种转场特效(本例选取Iris,艾丽丝),单击OK按钮。
提示:本模板的每张幻灯片预设了Fade In(淡入)转场特效,如果不需要使用其它特效,可以省略本步骤。
9.选定的行为被添加到Behaviors面板中。
提示:选择预设的特效,然后按减号(-)按钮,可删除模板预设的转场特效。也可以在Action(动作)列下面双击预设的特效,弹出transitions对话框,然后修改。
10.参照上述类似步骤,可以给其它幻灯片添加转场特效。
11.选择Control>Test Movie(控制>测试动画),进入动画测试环境,即可看到用屏幕模板创建的展示效果。
(图片较大,请拉动滚动条观看)用屏幕展示模板创建类似于PowerPoint的演示文件非常方便,无需编程就可以轻松添加幻灯片之间的转场效果。
三、应用移动设备模板现在,Flash内容可以在多种浏览器、平台和移动电话中浏览。用Flash MX Professional 2004可以创作高质量的动画、游戏、富媒体用户界面,以及电子商务解决方案。此外,Flash文件小巧,特别适合于无线网络传输。使用移动设备模板,可以为当今流行的移动设备创作内容。
(下载本例的源文件)
使用移动设备模板的操作步骤如下:
1.选择File>New,或从开始页的Create from Template栏中选择Mobile Devices(移动设备),打开New from Template对话框。选择Nokia 3650(或其它模板),单击确定按钮。
2.选定的设备外观显示在编辑区中。
3.如果时间轴窗口没有展开,单击Timeline标题栏展开它,然后选择Content(内容)层。
提示:设备外观放置在Guide(引导)层中,导出动画时不导出该层。
4.按照常规方法,给Content层添加内容(本例添加文字和图片)。
提示:添加的内容应该位于手机的“荧屏”中。
5.选择Control>Test Movie测试效果。
Flash MX Professional 2004提供两种模板来创建基于窗体的应用。
1. Query-Error-Response(查询-错误-回应)模板
Query-Error-Response模板帮助你创建能够执行查询任务的应用。这种应用能对远程数据源进行简单查询,然后根据查询结果,在应答窗体中显示查询结果,或在出错窗体中显示出错信息。在Web服务中执行查询时这种应用很有用。
(下载本例的源文件)
下面是本例的动画,请测试。
(测试时必须连接Internet,请输入Macromedia公司的邮区码94103)
使用Query-Error-Response模板的操作步骤如下:
(1)选择File>New,或从开始页的Create from Template栏中选择Form Applications(窗体应用),打开New from Template对话框。选择Query-Error-Response,单击确定按钮。
(2)在屏幕略图中选择第1屏,然后在编辑区右下角选择WebServiceConnector(网络服务连接器)组件。
提示:WebServiceConnector组件图标在生成的SWF文件中是看不见的。
(3)在Component Inspector面板的Parameters标签中,给WSDLURL参数指定Web服务的URL(本例输入:)。然后给operation(操作)参数选择要调用的操作(本例选择getTemp)。
(4)选择Window>Development Panels>Web Services(窗口>开发面板>Web服务),打开Web Services面板,你可以看到此项Web服务的内容和相关的操作。
提示:从这些信息可以看到,此项服务是根据美国的邮区码返回当前的温度的。它只有一种操作,即getTemp(),用于返回温度。它要求传递的参数为邮区码(字符串类型),返回结果是数值(温度,浮点型)。在面板中右击,从快捷菜单上选择View WSDL(查看WSDL)可以查看WSDL(Web服务描述语言)源文件。
(5)在屏幕略图中选择queryForm(查询窗体),然后从Components(组件)面板中,把TextInput(输入文本)组件拖到编辑区中,创建一个输入文本框,在属性检查器的实例名文本框中输入实例名:input_zipcode,用于输入邮区码。调整Submit(提交)按钮的位置,并在Component Inspector面板中把label属性的值改为“提交”。
(图片较大,请拉动滚动条观看)(6)选择errorForm(出错窗体),用文本工具在编辑区中创建一个静态文本框,输入出错信息“你输入的邮区码不正确!”。
(7)选择responseForm(回应窗体),然后从Components(组件)面板中,把Label(标签)组件拖到编辑区中,创建一个标签文本框,在属性检查器的实例名文本框中输入实例名:disptemp,用于显示返回的温度值。
(图片较大,请拉动滚动条观看)提示:queryForm窗体和errorForm窗体分属于不同的层,在responseForm窗体不能编辑它们。
(8)选择queryForm窗体中的TextInput文本框,在Component Inspector面板中选择bindings(绑定)标签,单击其中的加号(+)按钮,弹出Add binding(添加绑定)对话框,单击该对话框的OK按钮。
(9)Component Inspector面板中添加了文本绑定项。
(10)双击Component Inspector面板中bound to(绑定到)属性的Value(值)域,弹出bound to对话框。从左边的Component path(组件路径)栏中选择WebServiceConnector,再从右边的Schema location(图式位置)栏中选择(邮区码:字符串),单击OK按钮。
提示:本步骤的操作目的就是把输入文本框输入的邮区码绑定到指定Web服务的参数zipcode。
(11)选定的绑定把添加到bound to属性的Value框中。
(12)选择responseForm窗体中的Label文本框,按照上述的类似步骤,把它绑定到(结果:数值)。
(图片较大,请拉动滚动条观看)(13)选择Applications(应用)窗体,在时间轴窗口中选actions(动作)层的第1帧,展开Action面板,把动作脚本中的result事件处理函数中的“//showResponse();”语句前的注释去掉,使脚本运行时能够执行脚本中的showResponse函数,显示返回的温度。
(图片较大,请拉动滚动条观看)提示:如果要处理出错状态,正确显示errorForm窗体的信息,还需要根据具体的Web服务,在事件处理函数status和result中自己编写相应的出错出处理代码。
(14)选择Control>Test Movie测试效果。
提示:测试时必须连接Internet。
本模板为我们创建“查询-出错处理-回应”应用提供了一个框架,可以较方便地调用现成的Web服务。尽管需要编写的脚本不是很多,但要求使用者有较多的网络编程知识,一般的开发者使用起来有一定的难度。
2. Windowed Application(窗口式应用)模板Windowed Application(窗口式应用)模板帮助你创建由多个小窗口组成的窗口式应用。这些小窗口是可以拖动的。获得焦点的小窗口位于最顶层。每个小窗口包含不同的内容。
(下载本例的源文件)
下面是本例的动画,请欣赏。
(用鼠标按住窗口标题栏,可以拖动画面中的窗口)
使用Windowed Application模板的操作步骤如下:
(1)选择File>New,或从开始页的Create from Template栏中选择Form Applications(窗体应用),打开New from Template对话框。选择windowed application,单击确定按钮。
(2)在打开的模板中可以看到,该模板预设了4个窗体:calendar(日历)、email(电子邮件)、login(登录)和photos(照片)。
(3)在选中application屏幕的情况下,单击components层的眼睛列,使该层不可见。
(4)选择calendar窗体,选中编辑区左上角的calendar实例,然后在Component Inspector面板(或属性检查器)中双击dayNames(周日名)的Value(值)域,弹出Value对话框。
(5)单击0行的value域,把s改为“日”。再把其它各行改为相应的周日,把英文周日名改为中文周日名,单击OK按钮。
(6)在Component Inspector面板(或属性检查器)中双击monthNames(月名)的Value(值)域,弹出Value对话框,把英文月名改为中文月名,单击OK按钮。
(7)选择email窗体,在时间轴中选择actions层第1帧,展开Actions面板,修改其中模拟收件箱的数组数据为自己的数据。
(图片较大,请拉动滚动条观看)提示:可以根据自己的实际增减inbox数组的元素数。
(8)选择login窗体,用文本工具把编辑区中的英文文本改为中文文本。
(9)选择photos窗体,然后选择File>Inport>Inport to Stage>(文件>导入>导入到编辑区),在打开的对话框中选择一幅图片,把它导入到编辑区中。再选择Modify>Convert to Symbol(修改>转换为图符),把它转换为电影剪辑之后从编辑区中删除。
(10)在图符库中,选中上步创建的电影剪辑并右击,从弹出的快捷菜单上选择linkage(链接),打开linkage Properties(链接属性)对话框,勾选Export for Actionscript(为脚本导出)复选框,在Identifier(标识符)文本框中输入mypic,单击OK按钮。
(11)选择编辑区左上角的组件实例,在Component Inspector面板中,把contentPath(内容路径)参数的值改为mypic(即上步输入的标识符)。
(图片较大,请拉动滚动条观看)(12)在略图中选择application屏幕,单击components层的眼睛列,使该层不可见。选择Insert>Screen,添加新的窗体。在确保新的窗体被选中的情况下,在属性检查器中把新增窗体的实例名改为video,把它的visible(可见性)属性设置为false。
(图片较大,请拉动滚动条观看)(13)选择application屏幕,从Components面板中,把Window组件拖到编辑区,用自由变形工具调整它的大小。在Component Inspector面板中设置它的contentPath属性为上步创建的窗体的实例名(即video)。把它的title(标题)属性设置为“视频”。在属性检查器中把新增Window组件的实例名设置为w5。
(图片较大,请拉动滚动条观看)提示:可以选择编辑区中的其它Window组件实例,把它们的title属性改为中文。
(14)在略图中选择video窗体,从图符库中把视频(需事先用import命令导入到图符库中)拖到编辑区左上角。
(图片较大,请拉动滚动条观看)(15)选择Control>Test Movie测试效果。
(图片较大,请拉动滚动条观看)提示:在动画播放过程中,可以用鼠标拖动画面中的窗口。