InvokeUI让人耳目一新的桌面程序开发框架，原来Java也可以这样不走寻常路 -

smartinvoke

浏览: 106911 次
性别:
来自: 成都

最近访客更多访客>>

tay959290

wcq881215

yuerlove

lang3126

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

InvokeUI让人耳目一新的桌面程序开发框架，原来Java也可以这样不走寻常路

Java综合

InvokeUI是一个Java桌面程序开发框架。

它将Flex界面API进行Java本地封装，以实现用Java快速构建

漂亮桌面程序的目的。InvokeUI框架构建于SmartInvoke之上，整个

系统结构如下：

SmartInvoke:

提供Java与Flash互调的功能，它是InvokeUI功能得以实现的核心。

项目地址：http://smartinvoke.cn

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承诺完全免费使用，目前正处在功能完善阶段，欢迎大家多提宝贵意见