Flash MX Pro 2004新模板应用(6)
</script></div><font id="zoom"><STRONG><FONT color=#990000 size=3>四、使用窗体应用模板<BR></FONT></STRONG><P> Flash MX Professional 2004提供两种模板来创建基于窗体的应用。</P><P> <STRONG>1. Query-Error-Response（查询-错误-回应）模板</STRONG></P><P> Query-Error-Response模板帮助你创建能够执行查询任务的应用。这种应用能对远程数据源进行简单查询，然后根据查询结果，在应答窗体中显示查询结果，或在出错窗体中显示出错信息。在Web服务中执行查询时这种应用很有用。</P><P> 使用Query-Error-Response模板的操作步骤如下：</P><P> (1)选择File>New，或从开始页的Create from Template栏中选择Form Applications（窗体应用），打开New from Template对话框。选择Query-Error-Response，单击确定按钮。</P><P align=center><IMG height=391 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-37.png" width=581></P><P> (2)在屏幕略图中选择第1屏，然后在编辑区右下角选择WebServiceConnector（网络服务连接器）组件。</P><P align=center><IMG height=475 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-38.png" width=477></P><P> 提示：WebServiceConnector组件图标在生成的SWF文件中是看不见的。</P><P> (3)在Component Inspector面板的Parameters标签中，给WSDLURL参数指定Web服务的URL(本例输入：http://www.xmethods.net/sd/2001/TemperatureService.wsdl)。然后给operation（操作）参数选择要调用的操作（本例选择getTemp）。</P><P align=center><IMG height=333 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-39.png" width=315></P><P> (4)选择Window>Development Panels>Web Services（窗口>开发面板>Web服务），打开Web Services面板，你可以看到此项Web服务的内容和相关的操作。</P><P align=center><IMG height=208 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-40.png" width=436></P><P> 提示：从这些信息可以看到，此项服务是根据美国的邮区码返回当前的温度的。它只有一种操作，即getTemp()，用于返回温度。它要求传递的参数为邮区码（字符串类型），返回结果是数值（温度，浮点型）。在面板中右击，从快捷菜单上选择View WSDL（查看WSDL）可以查看WSDL（Web服务描述语言）源文件。</P><P> (5)在屏幕略图中选择queryForm（查询窗体），然后从Components（组件）面板中，把TextInput（输入文本）组件拖到编辑区中，创建一个输入文本框，在属性检查器的实例名文本框中输入实例名：input_zipcode，用于输入邮区码。调整Submit（提交）按钮的位置，并在Component Inspector面板中把label属性的值改为“提交”。</P><CENTER><IMG style="WIDTH: 616px; HEIGHT: 577px" height=600 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-41.png" width=675> </CENTER><P> (6)选择errorForm（出错窗体），用文本工具在编辑区中创建一个静态文本框，输入出错信息“你输入的邮区码不正确！”。</P><P> (7)选择responseForm（回应窗体），然后从Components（组件）面板中，把Label（标签）组件拖到编辑区中，创建一个标签文本框，在属性检查器的实例名文本框中输入实例名：disptemp，用于显示返回的温度值。</P><CENTER><IMG height=581 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-42.png" width=614> </CENTER><P> 提示：queryForm窗体和errorForm窗体分属于不同的层，在responseForm窗体不能编辑它们。</P><P> (8)选择queryForm窗体中的TextInput文本框，在Component Inspector面板中选择bindings（绑定）标签，单击其中的加号(+)按钮，弹出Add binding（添加绑定）对话框，单击该对话框的OK按钮。</P><P align=center><IMG height=321 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-43.png" width=252></P><P> (9)Component Inspector面板中添加了文本绑定项。</P><P align=center><IMG height=374 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-44.png" width=275></P><P> (10)双击Component Inspector面板中bound to（绑定到）属性的Value（值）域，弹出bound to对话框。从左边的Component path（组件路径）栏中选择WebServiceConnector，再从右边的Schema location（图式位置）栏中选择zipcode:String（邮区码:字符串），单击OK按钮。</P><P align=center><IMG height=392 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-45.png" width=482></P><P> 提示：本步骤的操作目的就是把输入文本框输入的邮区码绑定到指定Web服务的参数zipcode。</P><P> (11)选定的绑定把添加到bound to属性的Value框中。</P><P align=center><IMG height=374 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-46.png" width=275></P><P> (12)选择responseForm窗体中的Label文本框，按照上述的类似步骤，把它绑定到result:Number（结果:数值）。</P><CENTER><IMG height=567 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-47.png" width=598> </CENTER><P> (13)选择Applications（应用）窗体，在时间轴窗口中选actions（动作）层的第1帧，展开Action面板，把动作脚本中的result事件处理函数中的“//showResponse();”语句前的注释去掉，使脚本运行时能够执行脚本中的showResponse函数，显示返回的温度。</P><CENTER><IMG height=518 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-48.png" width=573> </CENTER><P> 提示：如果要处理出错状态，正确显示errorForm窗体的信息，还需要根据具体的Web服务，在事件处理函数status和result中自己编写相应的出错出处理代码。</P><P> (14)选择Control>Test Movie测试效果。</P><P align=center><IMG height=300 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-49.png" width=364></P><P> 提示：测试时必须连接Internet。</P><P> 本模板为我们创建“查询-出错处理-回应”应用提供了一个框架，可以较方便地调用现成的Web服务。尽管需要编写的脚本不是很多，但要求使用者有较多的网络编程知识，一般的开发者使用起来有一定的难度。</P></font><br>