初学E4/XWT

之前学习了SWT/JFace。现在准备研究一下XWT.

首先给出一些简介

What is XWT?

XWT stands for eclipse XML Window Toolkit. It is a powerful and lightweight declarative UI framework designed for Eclipse, based on XML as markup language.

XWT simplifies UI development by a physical separation of UI definition in XML from the run-time logic in programing language. It is very intuitive for creating interfaces directly or via tools such as Visual editor. especially for people with a background in web design and technologies.

参考网址：

http://wiki.eclipse.org/E4/XWT

如何进行一个XWT开发呢？

首先要准备开发环境。

所需要的eclipse3.6和eclipse-e4-repo-incubation-0.10

采用link方式把eclipse-e4..的bundle加载到eclipse里面

现在就开始开发一个简单的XWT程序

启动Eclipse，点击new Project

如图：

点击Next如图

继续点击Next

点击Finish

然后在选择“Dependencies”选项卡，点击“Add”添加依赖

加入这些依赖

org.eclipse.core.runtime,
org.eclipse.swt;bundle-version="3.6.0",
org.eclipse.jface;bundle-version="3.6.0",
org.eclipse.e4.xwt;bundle-version="0.9.1",
org.eclipse.core.databinding;bundle-version="1.3.100",
org.eclipse.jface.databinding;bundle-version="1.4.0",
org.eclipse.core.databinding.property;bundle-version="1.3.0",
com.ibm.icu;bundle-version="4.2.1",
org.pushingpixels.trident;bundle-version="1.2.0",
org.eclipse.e4.xwt.forms;bundle-version="0.9.1",
org.eclipse.ui.forms;bundle-version="3.5.0"

如图所示

我们在package上面点击右键选择new再选择other

如图

最后点击Finish。

就会自动生成两个文件，分别是HelloWorld.java，HelloWorld.xwt

在HelloWorld.java里面的代码如有修改一下，这样才比较合适

之前的是

/**
 * HelloWorld.java
 * 版权所有(C) 2010 [e-mail]
 * 创建:崔冉  2010-11-19 下午03:42:13
 */
package com.cayden.helloworld;

import org.eclipse.swt.widgets.Composite;

/**
 * @author 崔冉
 * @version 1.0.0
 * @desc
 */
public class HelloWorld extends Composite {

	/**
	 * @param parent
	 * @param style
	 */
	public HelloWorld(Composite parent, int style) {
		super(parent, style);
	
	}

}

修改后的是

/**
 * HelloWorld.java
 * 版权所有(C) 2010 [e-mail]
 * 创建:崔冉  2010-11-19 下午03:42:13
 */
package com.cayden.helloworld;

import java.net.URL;
import java.util.HashMap;
import java.util.Map;

import org.eclipse.e4.xwt.IConstants;
import org.eclipse.e4.xwt.IXWTLoader;
import org.eclipse.e4.xwt.XWT;
import org.eclipse.swt.layout.FillLayout;
import org.eclipse.swt.widgets.Composite;


/**
 * @author 崔冉
 * @version 1.0.0
 * @desc
 */
public class HelloWorld extends Composite {

	/**
	 * @param parent
	 * @param style
	 */
	public HelloWorld(Composite parent, int style) {
		super(parent, style);
		setLayout(new FillLayout());
		// load XWT
		String name = HelloWorld.class.getSimpleName()
				+ IConstants.XWT_EXTENSION_SUFFIX;
		try {
			URL url = HelloWorld.class.getResource(name);
			Map<String, Object> options = new HashMap<String, Object>();
			options.put(IXWTLoader.CLASS_PROPERTY, this);
			options.put(IXWTLoader.CONTAINER_PROPERTY, this);
			XWT.loadWithOptions(url, options);
		} catch (Throwable e) {
			throw new Error("Unable to load " + name, e);
		}
	}

}

在HelloWorld.xwt文件中加入一句话

<Label text="HelloWorld"/>

<Composite xmlns="http://www.eclipse.org/xwt/presentation"
	 xmlns:x="http://www.eclipse.org/xwt"
	 xmlns:c="clr-namespace:com.cayden.helloworld"
	 xmlns:j="clr-namespace:java.lang"
	 x:Class="com.cayden.helloworld.HelloWorld">
	 <Composite.layout>
		 <GridLayout  numColumns="4" />
	 </Composite.layout>
	 <Label  text="HelloWorld"/>
</Composite>

最后写一个Test.java的测试类代码如下

/**
 * Test.java
 * 版权所有(C) 2010 [e-mail]
 * 创建:崔冉  2010-11-19 下午03:47:30
 */
package com.cayden.helloworld;

import org.eclipse.swt.SWT;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Shell;

/**
 * @author 崔冉
 * @version 1.0.0
 * @desc
 */
public class Test {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub
		Display display = new Display();
		Shell shell = new Shell(display);
		HelloWorld helloWorld = new HelloWorld(shell, SWT.NONE);
		helloWorld.setBounds(0, 0, 200, 100);
		shell.pack();
		shell.open();
		while (!shell.isDisposed()) {
			if (!display.readAndDispatch())
				display.sleep();
		}
		display.dispose();
	}

}

运行结果如图

更多信息会在以后写出来。