InvokeUI让人耳目一新的桌面程序开发框架，原来Java也可以这样不走寻常路
by
at 2011-07-06 22:25:58
original http://www.iteye.com/topic/1111880
InvokeUI是一个Java桌面程序开发框架。
它将Flex界面API进行Java本地封装，以实现用Java快速构建
漂亮桌面程序的目的。InvokeUI框架构建于SmartInvoke之上，整个
系统结构如下：
SmartInvoke:
提供Java与Flash互调的功能，它是InvokeUI功能得以实现的核心。
项目地址：http://smartrcp.org
Swt :
SmartInvoke与InvokeUI都是构建在Swt之上的，它是基础。
InvokeUI的目标：
- 使Java程序员在完全不懂Flex的情况下也可以快速写出漂亮的客户端程序。
- 支持第三方Flex 库的动态加载，以增强标准flex库的功能。
- 支持将第三方Flex API自动转换为对应jar库文件，方便java调用。
- 完全针对swf进行动态调用，避开Flex SDK编译花费的时间，使程序开发更敏捷更愉快
- 支持类似mxml的界面定义语言，快速构建程序界面
示例程序运行效果如下图：
嘿嘿，看起来有点儿流口水吧，此示例程序的源代码为一个eclipse java项目的压缩包，已上传到附件中。下面来讲解下本示例
程序的结构及代码。
示例程序的项目名称为DemoIUI，test.IUIDemoTester为项目的入口类，执行他的main方法就可以运行示例程序了。
swfs目录下为InvokeUI运行时需要载入的swf文件及图片。
libs目录下为本项目引用的外部库
flex.jar为flex的Java封装库。
invokeUI.jar为 InvokeUI框架的核心库，cn.smartinvoke.core.jar为smartinvoke通信库，其他为swt/jface库。
从这些库中你可以发现InvokeUI是构建在swt与smartinvoke之上的。
test.MainShell类为示例程序的主窗口，他继承自IUIShell,当swf载入完毕后，flex就准备好接受Java的调用了，但是现在窗口
还是白白的什么都没有，所以我们在loadComplete方法中添加界面的创建代码，添加一些控件到窗口之上。
代码如下：
protected void loadComplete() {
//设置Application布局
app.setStyle("verticalAlign", "middle");
/**
* 通过调用wm变量的create方法，调用flex创建一个ToggleButton按钮，
* wm在这里为WidgetManager类型对象，java是通过他实现对flex的调用
* 的
*/
ToggleButton toggleButton=wm.create(ToggleButton.class);
toggleButton.setLabel("点击改变程序外观");
toggleButton.setWidth(200);
toggleButton.setHeight(50);
/**
* app为mx.core.Application类型对象，熟悉Flex的朋友知道他是一个
* 顶层对象，是整个窗口显示控件树的根
*/
app.addChild(toggleButton);
//添加click监听器
toggleButton.addClickListener(new MouseEventListenerAdapter(){
//这里的皮肤swf由flash builder导出
String path=Environment.getLocation()+"/styles/spark_cobalt.swf";
public void click(MouseEvent e) {
ToggleButton target=(ToggleButton)e.getCurrentTarget();
System.out.println(target);
}
});
}
怎么样，是不是感觉跟swing比较像呢？
创建表格：
//创建表格并设置样式
final DataGrid dataGrid=wm.create(DataGrid.class);
dataGrid.setPercentHeight(100);
dataGrid.setPercentWidth(100);
dataGrid.setRowHeight(30);
//设置itemRenderer的meta信息
List<Object> data=new ArrayList<Object>();
FlexObject metaObj=new FlexObject();
metaObj.put("c2", DataGridRendererComponent.class.getName());
//构造数据
for(int i=0;i<800;i++){
Map<String,Object> map=new HashMap<String, Object>();
map.put("c1", ""+i);
map.put("c2", "第二列_"+i);
map.put("c3", "第三列_"+i);
map.put(IUIConstants.META_TYPE_PROPERTY_NAME, metaObj);
data.add(map);
}
dataGrid.setDataProvider(data);
//设置第一列
DataGridColumn c1=wm.create(DataGridColumn.class);
c1.setHeaderText("c1Text");
c1.setDataField("c1");c1.setWidth(200);
//设置列的格式化函数
c1.setLabelFunction(new FlFunction(){
@Override
public Object execute(Object[] params) {
//Object[] pars=(Object[])params[0];
FlexObject obj=(FlexObject)params[0];
String idVal=obj.get("c1")+"";
return "编号:"+idVal;
}
});
//设置第二列
DataGridColumn c2=wm.create(DataGridColumn.class);
c2.setHeaderText("c2Text");
c2.setDataField("c2");
//设置表格列的自定义渲染类
c2.setItemRenderer(new RendererType(DataGridRendererComponent.class));
//设置第三列
DataGridColumn c3=wm.create(DataGridColumn.class);
c3.setHeaderText("c3Text");
c3.setDataField("c3");
dataGrid.setColumns(new Object[]{c1,c2,c3});
//添加事件
dataGrid.addCreationCompleteListener(new FlexEventListenerAdapter(){
@Override
public void creationComplete(FlexEvent e) {
DataGrid grid=(DataGrid)e.getCurrentTarget();
System.out.println(grid+"创建完毕...");
}
});
//添加表格列选择事件
dataGrid.addChangeListener(new ListEventListenerAdapter(){
public void change(ListEvent e) {
System.out.println(e);
}
});
加载外部API:
//首先获得样式管理器
SuperWidget styleManager=app.getStyleManager();
//获得外部API的样式文件，这里的样式文件已经编译为swf了，在flex开发中他们是css文件
final String path=Environment.getLocation()+"/map/styles.swf";
//调用样式管理器对象的loadStyleDeclarations2方法加载样式，并返回evtDispatch加载事件对象
SuperWidget evtDispatch=(SuperWidget)wm.
callFunction(styleManager.id, "loadStyleDeclarations2", new Object[]{path,true,ApplicationDomain.getCurrentDomain(wm)});
//样式文件加载过程中的事件监听器对象
StyleEventListenerAdapter listener=new StyleEventListenerAdapter(){
public void error(StyleEvent e) {
System.out.println("样式文件"+path+" 加载出错");
}
public void complete(StyleEvent e) {
System.out.println("样式文件"+path+" 加载完毕");
//加载外部API中所有类型定义所在的swf，在java中这里就像是加载某个jar库文件
String url=Environment.getLocation()+"/map/ESRI_API.swf";
SuperWidget moduleInfo=(SuperWidget)ModuleManager.getModule(wm, url);
moduleInfo.addListener(ModuleEvent.READY, new ModuleEventListenerAdapter(){
@Override
public void ready(ModuleEvent e) {
//API加载完毕后调用对应的API显示地图
SuperWidget map=wm.create("com.esri.ags.Map");//创建map地图对象
SuperWidget layer=wm.create("com.esri.ags.layers.ArcGISTiledMapServiceLayer");//创建一个地图图层
wm.setProp(layer.id,"url","http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer" );
wm.callFunction(map.id, "addLayer",new Object[]{layer});//添加图层
//将map地图控件添加到app中显示出来
wm.addChild(app.id, map.id);
}
public void error(ModuleEvent e) {
System.out.println("模块加载错误");
}
});
//加载模块
wm.callFunction(moduleInfo.id, "load",
new Object[]{ApplicationDomain.getCurrentDomain(wm)});
}
};
//添加加载完毕监听器
evtDispatch.addListener(StyleEvent.COMPLETE, listener );
//添加加载错误监听器
evtDispatch.addListener(StyleEvent.ERROR, listener);
其实InvokeUI的实现原理与swt非常相似，要想知道完整代码请查看附件。
ps:InvokeUI的下一步开发计划包括：
1.继续稳定与完善InvokeUI核心库
2.实现用xml构建界面与IDE界面设计器
InvokeUI承诺完全免费使用，目前正处在功能完善阶段，欢迎大家多提宝贵意见
===================网友疑问
1. InvokeUI跨平台吗？
InvokeUI肯定是可以跨平台的只要有Java与Flash的地方就可以有他。
2. InvokeUI需要哪些运行环境呢？
java运行环境与Flash Player
3. InvokeUI的程序怎样打包成exe呢？
InvokeUI说到底就是一个Java程序，是以与Java程序的打包发行方式一样。
附上QQ讨论群：105221751
-
本文附件下载:
<li><a href="http://dl.iteye.com/topics/download/2047a1e4-1098-3569-8918-472e85d1d86c">DemoIUI.rar</a> (8.8 MB)</li>
<li><a href="http://dl.iteye.com/topics/download/b640ec43-aee9-364b-a49d-7da3cf2aa457">DemoIUI可运行程序.rar</a> (6.4 MB)</li>
<br><br>
作者: <a href="http://smartinvoke.iteye.com">smartinvoke</a>
<br>
声明: 本文系ITeye网站发布的原创文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
<br><br>
<span style="color:red">
<a href="http://www.iteye.com/topic/1111880" style="color:red">已有 <strong>52</strong> 人发表回复，猛击->><strong>这里</strong><<-参与讨论</a>
</span>
<br><br><br>
ITeye推荐