FLEX 的简单交互

 一,前言

    上一个例子用户体现不出来多少效果,这次参考上例做的是通过按钮改变显示文字的例子.

本例感觉两点比较重要,一是MXML文件的执行流程.二是由于这两例同在一个项目中,注意的是合并SERVICES.XML的写法.

言归正传,实现效果如下图:

初使化

HELLO按下

OK按下

二,HellOKBtn.mxml:控制流程与参数传递

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()"> <mx:Script> <!--[CDATA[ import mx.controls.Button; [Bindable] private var greetingWord:String = "select your choose"; private function initApp():void{ ctnBtns.addEventListener(MouseEvent.CLICK,myEventHandler); } private function myEventHandler(event:Event):void{ if(event.target is Button){ var btnVal:String = Button(event.target).label; wsHelloFlex.view(btnVal); } } private function setValue():void{ greetingWord = wsHelloFlex.view.lastResult; } ]]--> </mx:Script> <mx:WebService id="wsHelloFlex" wsdl="http://localhost:8080/FlexHelloWorldService/services/HellOKBtn?wsdl" result="setValue()" /> <mx:Panel x="120" y="69" width="250" height="200" layout="absolute"> <mx:Text x="51" y="64" text="{greetingWord}" width="128" id="txtGreen" enabled="true"/> <mx:HBox x="60.5" y="113" width="109" height="23" id="ctnBtns"> <mx:Button label="Hello"/> <mx:Button label="OK"/> </mx:HBox> </mx:Panel> </mx:Application>

 

1.与上例不同的是mx:Application中的creationComplete调用一个自定义方法将页面上的按钮元素注册到侦听器里,侦听到鼠标按下事件.

2.用容器mx:HBox将按钮纳入其中.

3.注意程序的流程.

原来我错的myEventHandler如下

private function myEventHandler(event:Event):void{ if(event.target is Button){ if((Button(event.target).label) == "Hello"){ wsHelloFlex.sayHello(); greetingWord = wsHelloFlex.sayHello.lastResult; }else{ wsHelloFlex.sayOk(); greetingWord = wsHelloFlex.sayOk.lastResult; } } }

    后来发现按钮要点两下才会有效,lastResult的值是NULL.经过DEBUG才知道执行完wsHelloFlex.sayOk()需要在后面的WebService方法里写result接收返回值才能得到lastResult.可是由于是分支条件,接收后需还要判断调用的是SAYHELLO还是SAYOK方法,这绝对是把简单问题复杂化了.所以我将判断条件塞到类里来处理,这样mxml主要负责传参.

三.Display.java

package com.mark.pojo; public class Display{ public String view(String value){ String dispStr = ""; if(value.equals("Hello")){ dispStr = "Hello Flex! This is from server!"; }else{ dispStr = "OK Flex! now your choose OK!"; } return dispStr; } }  

四.SERVICES.XML

<beans xmlns="http://xfire.codehaus.org/config/1.0"> <!-- ============= HelloWorld ============= --> <service> <name>HelloFlexService</name> <namespace>HelloWorld</namespace> <serviceClass> com.mark.pojo.HelloFlexService </serviceClass> <implementationClass> com.mark.pojo.HelloFlexServiceImpl </implementationClass> </service> <!-- ============= HellOKBtn ============= --> <service> <name>HellOKBtn</name> <namespace>HellOKBtn</namespace> <serviceClass> com.mark.pojo.Display </serviceClass> </service> </beans>