flash生成swc和flex相互问题.

今天一朋友问我flash生成的UI怎么放到flex里,我告诉他生成SWC.一个小时后他说生成了SWC,但是在flex看不到.通过远程操作终于把他遇到的问题解决了.现在说下遇到的几点误区.
在生成SWC前,先看下一个类(UIComponent),flash和flex都能使用这个UIComponent,但flex里是不能用MovieClip类的,这是最容易产生误区的地方.
UIComponent类的继承关系:
flex中的架构，（举例UIComponent类的继承关系）
UIComponent > FlexSprite> Sprite >DisplayObjectContainer>InteractiveObject >Displayobject
flash中的架构(Sprite类的继承关系)
Sprite >DisplayObjectContainer>InteractiveObject >Displayobject

所以可以看得出,movieclip并不在继承关系里.那么生成SWC时基类就不能写:flash.display.MovieClip,而是mx.flash.UIMovieClip.

1.我们先打开flash CS3,版本需要profressional.才能生成SWC,还有下载一个小插件flexcomponentkit,这里不多说明.

2.生成一个mc,然后在库面板里右键->属性.如图:

这里要注意,选择”为ActionScript导出”,时默认的基类是flash.display.MovClip,这里需要改为mx.flash.UIMovieClip,否则在flex中使用是看不见此MC的
3.选择此MC，然后选择命令->convert symbol to flex component,再在库面板中选择MC,点击右键,如果是profressional,会出现一个导出SWC文件,点击后保存一个名字,如MC.swc

4.打开flex,选择一个建立好的flex项目.打开项目属性面板->flex build path->Library path,然后点击 Add SWC,选择刚才生成的MC.swc,点击确定

5.如果一切正常,在application中输入<local:就是出现刚才Circle5的类.完整代码local<local:Circle buttonMode=”true”/>运行,OK

新做的initial2 的后台管理页面

新做的initial2 的后台管理页面,

准备用flex+php做此系统,先做一个界面风格给客户,

因为想到客户是一家产品设计公司,于是加重了底色。

等待客户的回复，希望能一次通过，^.^!

Flex 的RemoteObject 通讯遇到的问题

今天做了一些flex的测试,是根据”flex第一步”这一本书来做的,主要是在服务端写一个java的类读取数据库数据,然后通过FDS用remotion来做通讯.

java服务端是这样写的:

package tree;
import java.sql.*;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;
import java.util.Collection;
public class GetUserService {
public static void main(String args[]){
GetUserService db = new GetUserService();
Collection arr = db.getUsers();
System.out.println(arr.toString());
}
//定义函数
public Collection getUsers(){
ArrayList<Map> list = new ArrayList<Map>();
String dbDriver = “com.mysql.jdbc.Driver”;
String dbServer = “localhost”;
String dbName = “walktree”;
String dbUser = “root”;
String dbPass = “feifei”;
String url = “jdbc:mysql://” + dbServer +”/”+dbName+”?user=”+dbUser+”&password=”+dbPass;
try{
Class.forName(dbDriver);
}catch(ClassNotFoundException e){
System.out.println(”连接出错”);
return null;
}
try{
Connection con = DriverManager.getConnection(url);
//创建数据库操作对象
Statement sta = con.createStatement();
String sql = “select * from userinfo”;
ResultSet rs = sta.executeQuery(sql);
Map<String , Object> user;
while(rs.next()){
user = new HashMap<String , Object>();
user.put(”username”, (String)rs.getString(”username”));
user.put(”url”, (String)rs.getString(”url”));
user.put(”email”, (String)rs.getString(”email”));
list.add(user);
//System.out.println(rs.getString(”username”));
}
return list;
}catch(SQLException e){
System.out.println(”无数据”);
return null;
}
}
}

然后flex代码:
<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” fontSize=”12″
creationComplete=”init()”>
<mx:Script>
<![CDATA[
import mx.rpc.http.HTTPService;
import mx.rpc.events.ResultEvent;
import mx.rpc.events.FaultEvent;
import flash.events.Event;
import mx.managers.CursorManager;

internal function init():void{
service.getUsers();
}
internal function resultHand(evt:ResultEvent):void{
CursorManager.removeBusyCursor();
myList.labelField = "username";
myList.dataProvider = evt.result;
}
internal function faultHand(evt:FaultEvent):void{
emailTxt.text = "fault"+evt.fault;
trace("fault"+evt.fault);
}
internal function selectHand(evt:Event):void{
var user:Object = myList.selectedItem;
userPanel.title = "详细信息"+user.username;
userTxt.text = user.username;
emailTxt.text = user.email;
urlTxt.text = user.url;
}
]]>
</mx:Script>

<mx:RemoteObject id=”service” fault=”faultHand(event)” showBusyCursor=”true”
destination=”userService” >
<mx:method name=”getUsers” result=”resultHand(event)” />
</mx:RemoteObject>
<mx:Panel x=”10″ y=”10″ width=”156″ height=”286″ layout=”absolute” title=”名册”>
<mx:List id=”myList” x=”0″ y=”0″ width=”100%” height=”244″ change=”selectHand(event)”/>
</mx:Panel>

<mx:Panel x=”183″ y=”10″ width=”276″ height=”286″ layout=”absolute” id=”userPanel”>
<mx:Label x=”10″ y=”10″ text=”Label” id=”userTxt” fontWeight=”bold”/>
<mx:Label x=”12″ y=”38″ text=”Label” id=”emailTxt”/>
<mx:Label x=”12″ y=”66″ text=”Label” id=”urlTxt”/>
</mx:Panel>

</mx:Application>

    最后在tomcat下就是显示不出数据来,于是做了一些测试,在getUsers()函数最后返回一个字符串,如”Hell”,这样在在flex端就可以显示出内容,开始时怎么也想不出问题所在.怀疑是Map的数据与flex的不兼容,于是做了这样一个测试.:

    最后可以通过,flex显示,继续找答案,最后终于找到了.是因为服务端的程序,
Map<String , Object> user;
user = new HashMap<String , Object>();