美文网首页Java相关技术
在最近版本的Eclipse上安装使用SWT与JFace

在最近版本的Eclipse上安装使用SWT与JFace

作者: zenny_chen | 来源:发表于2018-10-27 20:53 被阅读96次

    笔者用了将近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...”按钮,弹出如下所示的对话框。

    屏幕快照 2018-10-27 下午9.27.43.png

    我们将项目文件目录展开,然后选择“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...”,如下图所示:

    屏幕快照 2018-10-28 下午1.46.48.png

    另外,由于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包:

    1. org.eclipse.core.commands_3.9.200.v20180827-1727.jar
    2. org.eclipse.core.runtime_3.15.0.v20180817-1401.jar
    3. org.eclipse.equinox.common_3.10.100.v20180827-1235.jar
    4. org.eclipse.jface_3.14.100.v20180828-0836.jar
    5. org.eclipse.jface.databinding_1.8.300.v20180828-0836.jar
    6. org.eclipse.jface.text_3.14.0.v20180824-1140.jar
    7. 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();
        }
    }
    

    相关文章

      网友评论

        本文标题:在最近版本的Eclipse上安装使用SWT与JFace

        本文链接:https://www.haomeiwen.com/subject/uqxjtqtx.html