java swt 精美登录界面_定制 SWT/RCP 界面：如何编写一个漂亮的 SWT/RCP 界面

引言

Java 自从 1995 年发布以来，其图形界面一直为世人所诟病。无论是早期的 AWT，还是后来的 Swing 应用程序不能像本地应用程序一样执行，外观也不一样，响应的速度也不快。SWT 吸收了 AWT 和 Swing 实现的最好的部分 : 当可以得到本地组件时调用本地实现，当不能得到本地组件时使用 Java 实现。这就同时保证了与本地窗口部件相当的外观，又提高了响应速度。

目前 SWT 已被广泛应用于开发 JAVA 富客户端，但是基于 SWT/RCP 的应用程序界面都是经典的 Eclipse 界面风格 : 蓝色的标题栏、灰色的工具栏和状态栏、四方形的视图和编辑器、还是四方的控件，这些界面过于朴素，缺乏吸引力。

其实我们可以基于 SWT/RCP，编写漂亮 GUI 的界面。自定义窗口的形状，通过图片背景来美化 SWT/RCP 窗体界面。窗体可以是多边形，如矩形、圆形、以及这些形状的叠加。按钮控件也可以任意多边形。

下图是经典的 Eclipse 风格界面和美化后界面的比较：左面是一个经典的 SWT/RCP 窗体界面；右面是美化后的窗体，黑色的外框由一个矩形和一个圆形的叠加而成、圆形的播放按钮、圆弧形的退出按钮、不规则的放映视图等。

图 1. 经典窗体与美化后窗体的比较

本文首先介绍了 Eclipse 中图形和界面的一些基本知识， 如何定义多边形，如何把 SWT 的窗体设置成多边形，以及如何定制多边形的 SWT 窗口和控件；然后介绍如通过图片来获得多边形外形，如何使用图片来设置 SWT 窗体背景。最后通过剖析 Eclipse 的工作台(工作台就是 Workbench)的启动运行过程，介绍如何编写 RCP 的定义多边形窗口，以及窗体上控件的多边形外形。

SWT 图形和窗体基础

在开始介绍之前，我们先熟悉一下如何创建一个图形的。SWT 是通过 org.eclipse.swt.graphics.Region来定义图形的。 我们可以通过定义一个整型数组来定义各个点，这些点连接在一起就是一个图形。坐标的顺序是先 X 轴后 Y 轴，逆时针连接的。 例如下面定义的 4 个点数组 int[] rect = {Xa, Ya, Xb, Yb, Xc, Yc, Xd, Yd}，A->B->C->D 连接而成就是一个矩形。int[] rect2 = {Xe, Ye, Xf, Yf, Xg, Yg, Xh, Yh}，E->F->G->H 连接而成就是另外一个矩形。把这两个矩形叠加在一起就是一个多边形的外形。

图 2. 多边形

生成两个矩形的函数如下：

清单 1. 生成两个矩形的函数

int[]　getBackRect1(){　　int　[]　rect　=　new　int[2*4];　　//A　　rect[0]　=　0;　　rect[1]　=　0;　　//B　　rect[2]　=　0;　　rect[3]　=　320;　　//C　　rect[4]　=　520;　　rect[5]　=　320;　　//D　　rect[6]　=　520;　　rect[7]　=　0;　　//　　return　rect;　　}　　int[]　getBackRect2(){　　int　[]　rect　=　new　int[2*4];　　//E　　rect[0]　=　50;　　rect[1]　=　320;　　//F　　rect[2]　=　50;　　rect[3]　=　370;　　//G　　rect[4]　=　470;　　rect[5]　=　370;　　//H　　rect[6]　=　470;　　rect[7]　=　320;　　//　　return　rect;　　}

Region 类里面也提供了直接生成矩形的函数 add(Rectangle rect)和 add(int x, int y, int width, int height)。如果要生成不规则的窗体，如圆形，或者其他形状的窗体，Region 不直接提供函数，只能通过坐标数组来实现。

如图所示，圆形是通过一组逆时针连接而成的点构成，各个点可以有园半径，圆心坐标推算而成。A1 的坐标是 (Xo-r, Yo). An 的 X 坐标是 XAn=Xo-r+n，Y 坐标是 YAn=Yo+R。

图 3. 园

生成圆形坐标数组的函数代码如下：

清单 2. 生成圆形坐标数组的函数代码

int[]　circle(int　r,　int　offsetX,　int　offsetY)　{　　　int[]　ring　=　new　int[8　*　r　+　4];　　　//　x^2　+　y^2　=　r^2　　　for　(int　i　=　0;　i　<