Flash MX Pro 2004新模板应用(7)
</script></div><font id="zoom"><FONT size=3><STRONG>2. Windowed Application（窗口式应用）模板</STRONG></FONT><P></P><P> Windowed Application（窗口式应用）模板帮助你创建由多个小窗口组成的窗口式应用。这些小窗口是可以拖动的。获得焦点的小窗口位于最顶层。每个小窗口包含不同的内容。</P><P> 使用Windowed Application模板的操作步骤如下：</P><P> (1)选择File>New，或从开始页的Create from Template栏中选择Form Applications（窗体应用），打开New from Template对话框。选择windowed application，单击确定按钮。</P><P align=center><IMG height=391 src="http://edu.chinaz.com/imagesnew/software/031029/yl031029-f1-50.png" width=581></P><P> (2)在打开的模板中可以看到，该模板预设了4个窗体：calendar（日历）、email（电子邮件）、login（登录）和photos（照片）。</P><P align=center><IMG height=445 src="http://edu.chinaz.com/imagesnew/software/031029/yl031029-f1-51.png" width=466></P><P> (3)在选中application屏幕的情况下，单击components层的眼睛列，使该层不可见。</P><P> (4)选择calendar窗体，选中编辑区左上角的calendar实例，然后在Component Inspector面板（或属性检查器）中双击dayNames（周日名）的Value（值）域，弹出Value对话框。</P><P align=center><IMG height=287 src="http://edu.chinaz.com/imagesnew/software/031029/yl031029-f1-52.png" width=240></P><P> (5)单击0行的value域，把s改为“日”。再把其它各行改为相应的周日，把英文周日名改为中文周日名，单击OK按钮。</P><P align=center><IMG height=287 src="http://edu.chinaz.com/imagesnew/software/031029/yl031029-f1-53.png" width=240></P><P> (6)在Component Inspector面板（或属性检查器）中双击monthNames（月名）的Value（值）域，弹出Value对话框，把英文月名改为中文月名，单击OK按钮。</P><P align=center><IMG height=287 src="http://edu.chinaz.com/imagesnew/software/031029/yl031029-f1-54.png" width=240></P><P> (7)选择email窗体，在时间轴中选择actions层第1帧，展开Actions面板，修改其中模拟收件箱的数组数据为自己的数据。</P><CENTER><IMG height=559 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-55.png" width=549> </CENTER><P> 提示：可以根据自己的实际增减inbox数组的元素数。</P><P> (8)选择login窗体，用文本工具把编辑区中的英文文本改为中文文本。</P><P> (9)选择photos窗体，然后选择File>Inport>Inport to Stage>（文件>导入>导入到编辑区），在打开的对话框中选择一幅图片，把它导入到编辑区中。再选择Modify>Convert to Symbol（修改>转换为图符），把它转换为电影剪辑之后从编辑区中删除。</P><P> (10)在图符库中，选中上步创建的电影剪辑并右击，从弹出的快捷菜单上选择linkage（链接），打开linkage Properties（链接属性）对话框，勾选Export for ActionScript（为脚本导出）复选框，在Identifier（标识符）文本框中输入mypic，单击OK按钮。</P><P align=center><IMG height=191 src="http://edu.chinaz.com/imagesnew/software/031029/yl031029-f1-56.png" width=422></P><P> (11)选择编辑区左上角的组件实例，在Component Inspector面板中，把contentPath（内容路径）参数的值改为mypic（即上步输入的标识符）。</P><CENTER><IMG height=541 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-57.png" width=617> </CENTER><P> (12)在略图中选择application屏幕，单击components层的眼睛列，使该层不可见。选择Insert>Screen，添加新的窗体。在确保新的窗体被选中的情况下，在属性检查器中把新增窗体的实例名改为video，把它的visible（可见性）属性设置为false。</P><CENTER><IMG height=546 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-58.png" width=601> </CENTER><P> (13)选择application屏幕，从Components面板中，把Window组件拖到编辑区，用自由变形工具调整它的大小。在Component Inspector面板中设置它的contentPath属性为上步创建的窗体的实例名（即video）。把它的title（标题）属性设置为“视频”。在属性检查器中把新增Window组件的实例名设置为w5。</P><CENTER><IMG height=556 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-59.png" width=602> </CENTER><P> 提示：可以选择编辑区中的其它Window组件实例，把它们的title属性改为中文。</P><P> (14)在略图中选择video窗体，从图符库中把tank.flv视频（需事先用Import命令导入到图符库中）拖到编辑区左上角。</P><CENTER><IMG height=587 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-60.png" width=653> </CENTER><P> (15)选择Control>Test Movie测试效果。</P><CENTER><IMG height=499 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-61.png" width=584> </CENTER><P> 提示：在动画播放过程中，可以用鼠标拖动画面中的窗口。 </P><P> 窗口式应用模板为我们快速创建多窗口文档提供了很大的方便。有了窗体应用模板，可以轻松创建基于窗体的应用了。<BR></P><BR></font><br>