笔者用了将近10年的Java,从事过PC端的客户端开发、Web服务器开发以及Android客户端开发。就PC客户端而言,SWT库是我比较中意的GUI库。因为它忠实于系统原生UI,因此UI效果能与当前系统GUI的风格保持高度一致。另一方面,它使用简单,而且官方也有比较详细的教程与demo,所以学习成本也很低。
不过,由于现在Eclipse采用了轻量安装包进行线上安装的方式,因此笔者这里将为大家介绍如何在当前版本的Eclipse环境下使用SWT。笔者使用的Eclipse版本为2018-09(4.9)稳定版本,JDK为10.0.2,操作系统环境为macOS 10.14。
由于线上安装包直接安装的Eclipse环境非常简陋,经典的Eclipse SDK都木有!因此笔者这里推荐使用这个链接进行下载:http://download.eclipse.org/eclipse/downloads/
然后我们点击表格左边相应的版本名(Build Name)即可下载。
完成之后,我们进入安装好的根目录(macOS下已经是一个.app文件了,点击它选择“显示包内容”,然后进入Contents目录),我们可以在Eclipse/plugins/
目录下找到类似这个文件org.eclipse.swt.cocoa.macosx.x86_64_3.108.0.v20180904-1901.jar
,由于它在不同系统下命名会有些不同,而且org.eclipse.swt打头的jar文件可能有多个,我们需要选择文件大小较大的(至少超过1.2MB),并且不带有“source”单词的jar文件,将该文件拷贝到我们容易定位的文件夹中。这里笔者是放在~/programs/swt下。最后,将该文件重命名为:“org.eclipse.swt.jar”。由于某些符号与数字会影响后面的jar库文件导入处理。
随后我们打开Eclipse,选择右上角的“Workbench”这个选项直接进入项目编辑界面。我们在菜单栏上选择File,再选择New,最后点击“Java Project”,如下图所示。
屏幕快照 2018-10-27 下午8.51.43.png
这里我们就给项目命个名即可,这里笔者将此项目命名为“swt-test”,其他使用默认选项。然后注意,我们先不要直接点击“Finish”,而是点击“Next”,继续配置,如下图所示。
屏幕快照 2018-10-27 下午8.58.23.png
这里各位请注意,如果大家对Java 9新引入的Module特性不熟悉的话,笔者建议对默认打勾的“Create module-info.java file”取消勾选,否则后面还需要一些额外配置,比较麻烦。这里操作完之后可以直接点击“Finish”按钮,成功创建了一个swt-test项目工程。
我们随后鼠标右键点击“swt-test”,然后选择“Import”,如下图所示:
屏幕快照 2018-10-27 下午9.13.19.png
然后选择“File System”,如下图所示:
屏幕快照 2018-10-27 下午9.15.02.png
然后在目录对话框中选中我们之前存放“org.eclipse.swt.jar”文件的文件夹,点击“Next”,然后在右侧栏中勾选上“org.eclipse.swt.jar”,点击“Finish”后导入完毕,如下图所示:
屏幕快照 2018-10-27 下午9.18.40.png
接着,我们右键点击“swt-test”,这次选择最底下的“Properties”,弹出如下所示的对话框。
屏幕快照 2018-10-27 下午9.23.45.png
这里的选择至关重要,因此笔者没有将截图做任何压缩!我们先选择左侧的“Java Build Path”,然后在中间务必要点击“Classpath”,然后再点击右侧的“Add JARs...”按钮,弹出如下所示的对话框。
我们将项目文件目录展开,然后选择“org.eclipse.swt.jar”,点击“OK”即大功告成。回到之前的对话框之后,我们点击“Apply and Close”按钮即可。
之后,我们右键点击“swt-test”下面的“src”目录,选择“New”,再选择“Class”,如下图所示:
屏幕快照 2018-10-27 下午9.35.13.png
我们创建一个名为Main的主程序类。其配置如下图所示:
屏幕快照 2018-10-27 下午9.39.42.png
创建完毕之后,我们就开始对它进行编辑。笔者这里给大家演示一个类似“Hello, world”的demo。
import org.eclipse.swt.SWT;
import org.eclipse.swt.events.SelectionAdapter;
import org.eclipse.swt.events.SelectionEvent;
import org.eclipse.swt.widgets.Button;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Shell;
public class Main {
public static void main(String[] args) {
// TODO Auto-generated method stub
System.out.println("Hello, world!");
final var display = new Display();
final var shell = new Shell(display, SWT.SHELL_TRIM);
shell.setText("SWT Demo");
shell.setSize(480, 320);
var button = new Button(shell, SWT.CENTER);
button.setText("Click me");
button.addSelectionListener(new SelectionAdapter() {
public void widgetSelected(SelectionEvent event) {
System.out.println("Button has been clicked!");
}
});
button.pack();
shell.open();
while(!shell.isDisposed()) {
if(!display.readAndDispatch())
display.sleep();
}
display.dispose();
}
}
各位可以尝试运行上述代码。如果要参考官方文档,可以参考此链接:https://www.eclipse.org/swt/
此外,笔者在IntelliJ IDEA上也成功使用了SWT。关于如何在IntelliJ IDEA上导入JAR包,请见此链接:https://jingyan.baidu.com/article/b0b63dbfe25df24a483070a1.html
当然,在IntelliJ IDEA中要打开当前项目的设置,最标准的方法就是在菜单栏中选择“File”,然后选择“Project Structure...”,如下图所示:
另外,由于IntelliJ的VM配置默认情况下,启动当前main方法的线程不是当前应用的主线程,因此我们直接运行的话会报出运行时异常。这里需要配置一下VM选项。我们点击菜单栏上的“Run”,选择“Run...”,如下图所示:
屏幕快照 2018-10-27 下午10.25.47.png
然后点击“Edit Configurations...”,弹出如下图所示的对话框:
屏幕快照 2018-10-27 下午10.27.32.png
我们在VM选项中输入-XstartOnFirstThread
,最后点击下面的“Run”按钮即可正常运行。
下面说一下,如果我们要用JFace需要哪些jar包:
- org.eclipse.core.commands_3.9.200.v20180827-1727.jar
- org.eclipse.core.runtime_3.15.0.v20180817-1401.jar
- org.eclipse.equinox.common_3.10.100.v20180827-1235.jar
- org.eclipse.jface_3.14.100.v20180828-0836.jar
- org.eclipse.jface.databinding_1.8.300.v20180828-0836.jar
- org.eclipse.jface.text_3.14.0.v20180824-1140.jar
- org.eclipse.osgi_3.13.100.v20180827-1536.jar
同样,这些JAR包在每个系统上命名可能不同。另外,我们需要不含有“source”单词文件名的jar文件,然后把这些文件名进行简化,去掉后面的平台信息与版本号。最后把这些导入到项目工程中即可。下面提供一个简单的例子:
package com.zenny_chen;
import org.eclipse.jface.window.ApplicationWindow;
import org.eclipse.swt.SWT;
import org.eclipse.swt.events.SelectionAdapter;
import org.eclipse.swt.events.SelectionEvent;
import org.eclipse.swt.widgets.*;
class MyJFaceWindow extends ApplicationWindow {
MyJFaceWindow() {
super(null);
}
/**
* @see org.eclipse.jface.window.Window#createContents(Composite)
* @param parent
* @return
*/
protected Control createContents(Composite parent) {
final var displayBounds = Display.getCurrent().getBounds();
final var windowWidth = 480;
final var windowHeight = 320;
var shell = getShell();
shell.setBounds((displayBounds.width - windowWidth) / 2,
(displayBounds.height - windowHeight) / 2,
windowWidth, windowHeight);
shell.setText("Hello, JFace!");
var button = new Button(parent, SWT.CENTER);
button.setText("Click me");
button.addSelectionListener(new SelectionAdapter() {
public void widgetSelected(SelectionEvent e) {
System.out.println("I'm clicked!");
}
});
button.pack();
return parent;
}
}
public class Main {
public static void main(String[] args) {
// write your code here
System.out.println("Hello, world!");
var window = new MyJFaceWindow();
window.setBlockOnOpen(true);
window.open();
Display.getCurrent().dispose();
}
}
网友评论