用Flash制作Google搜索程式

在我们构造Google 搜索程式之前我们还需要Google Web APIs Developer's Kit，官方地址是http://www.google.com/apis。但是实际上对我们有用的只是GoogleSearch.wsdl这个文档，把这个文档和SWF文档放在同一文档夹运行既可。

　　

构造一个Flash 表单屏屏幕

　　

　　1. 在 Flash MX Professional, 选择 File > New 并选择 Flash Form Application. 这将创建一个默认包含两个嵌套表单的应用程式。

　　2. 在属性面板中改变form1这个实例名为 frmSearch.。这个表单将包含搜索的主界面。

　　3. 右击“frmSearch”并选择“Insert Nested Screen”，这一步将在“frmSearch”下面创建一个名字为form2的新表单屏幕，改变新表单屏幕的实例为frmLoading。

　　4. 现在您能够增加UI 组件（components） (等价于VB中的控件) 到表单。应用程式表单是应用程式中任何其他表单的父级;任何放在这个表单的物件出将在子表单中显示。对于这个应用程式, 我放了一个Google 的图像标志在左上角。

　　5. 选择“frmSearch”表单. 在组件面板（Components panel）, 拖一个Label, button, TextInput, 和TextArea 组件到舞台. 排列这些组件如下图所示3. (右击并选择“Free Transform”缩放组件)

　　6. 使用属性检查器（Property inspector），给下列组件命名：Label：lblSearchTime; Button：btnSearch; TextInput：txtQuery; TextArea：txtResults.

　　

　　创建动画

　　在这里我们将增加一个简单的动画元素到程式。为了这个目的,增加一个 "loading" 元素，让用户知道搜索正在进行:

　　1. 选择“frmLoading”表单屏幕。

　　2. 在右下角, 为用户增加一个指示载入进程的图像或文本元素 (如图). 我制作了一个电影夹子（movie clip）在里面增加了一个进度条. 您能够增加一些文字（例如"Loading...")。然后选择 Modify > Timeline Effects 去创建一个动画而根本没有任何创作。

　　3. 在属性检查器中选择“frmLoading”然后改变可视化属性为false去隐藏“frmLoading” 。这个防止载入部件的默认为显示的.以后当执行搜索的时候我们能够通过ActionScript去使他显示出来。

　　

　　用组件连接一个数据源

　　Flash MX Professional 有一个新的组件结构, 包括UI 组件和新的数据组件. 在Flash中, 组件不像DLLs是编译代码库. 更确切的说,他们是相当于VB 或 Delphi中控件. Flash Professional 增加了XMLConnector 和WebServiceConnector 组件，用这两个通知数据源去自动完成界面。

　　新的组件绑定允许您为数据组件去定义输入和输出. 用IDE构建的可视化设计面板, 您能够在您的表单中直接连接XMLConnector 或 WebServiceConnector 参数到UI 组件. 您能够使用Flash组件指示器（类似于VB中的属性页）的参数选项卡。

　　下面我们用这些技术连接您的应用程式到Google 搜索服务:

　　1. 从组件面板拖一个“WebServiceConnector”组件到“frmSearch”表单屏幕。这个组件在发布成应用程式后是不可见的，给这个组件一个实例名为 GoogleSearch。

　　2. 选择“GoogleSearch”组件并打开组件检查器（Component inspector）。这是您配置所建立网络服务的地方。选择“参数选项卡”并配置“WSDLURL”为Google's 的WSDLURL地址(在本例中应这样写http://api.google.com/GoogleSearch.wsdl)。Flash 会自动请求这个服务并得到他有效的操作。从“operations”弹出菜单, 选择“doGoogleSearch” (如图).

　　

　　3. 在组件检查器中选择“绑定”（Bindings）选项卡。这个面板允许您绑定WEB服务的输入和输出直接到应用程式的一个UI组件。单击“ ” 图标去选择您要绑定的参数。输入参数是用右箭头表标示，输出参数是用一个左箭头来标示 (如图)。Google界面需要任何的输入参数,因此一个一个的把他们增加到绑定列表，因为我们也需要绑定一个输出参数, 所也增加输出参数到列表。

　　

　　4. 对于列表中的每一个绑定,您需要配置一个UI 组件, 一个变量参考, 或一个文字变量去传给或从web 服务返回。首先从绑定列表中选择“params.q”―传给Google服务的搜索请求字串，然后把他绑定到“frmSearch”表单中的“TextInput”组件, 单击“Bound To”行上的"find" 图标。Flash打开“Bound To”对话框，那里显示了您应用程式的一个等级列表，查找“txtQuery”组件实例，选择他，然后单击OK按纽 (如图)。

　　

　　5. 为 Google服务填写其余的输入参数。其他参数能带文字输入。去定义一个文本输入,除了在“Bound To”对话框核选用户常量和在相应的文本框中输入的文字外，其他按照第 4 步同样操作。以下清单显示了每个输入参数的值。

　　params.key [您的Google Web API 的产品密钥]

　　params.start 0

　　params.maxResults 10

　　params.filter true

　　params.restrict

　　params.safeSearch true

　　params.lr

　　params.ie

　　params.oe

　　重复第四步为 results.searchTime 输入参数, 绑定他到“frmSearch”表单的“lblSearchTime”组件实例。组件系统允许您在绑定之前去格式化这个输入或输出，既然“searchTime”参数正好是个浮点数,那么我们能够去格式化这个值以便让用户更容易理解。从“Formatter”弹出菜单,选择“Compose String”，然后单击“Formatter”选项，然后在对话框中输入下列字符串：Search time：<.> seconds（如图）

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有