SWT中的布局管理器(一)

 

作者：陈刚，桂林人,97年毕业于广西师范大学数学系，暂于IBM中国研究中心从事软件开发(2004.2-?)，专注基于java平台的软件开发，我想写一本关于Ｅclipse插件开发的书，有书商原意帮忙吗？
MSN:　[e-mail]
Email:  [e-mail]
blog:　glchengang.yeah.net

本章源代码下载：myplugin2.rar

一、简介，要用SWT/JFace开发必须选学会布局管理器的使用，这是SWT学习中非常重要也非常基础的知识。什么是布局管理器，简单来说就是图形界面的上控件的摆放方式，一种方式就脱变成一种布局管理器。在SWT中主要有四种常用的布局管理器

• RowLayout，简单的排列控件。
• FillLayout ，充满型的控件布局方式。
• GridLayout，最常用的也是最强大的，表格型布局方式。
• StackLayout，堆栈式的布局方式，就象书一样，每次只有一个控件在上面。

　　简单介绍布局管理器，接下来我来看看界面控件有那些。

• 容器类的，所谓容器就是其可以装入界面控件的。Composite(上一章介绍过)，Group(分组），SashForm（分割窗口)，TabFolder（项目栏)，这里注意Composite一般是看不见的。
• 控件类。Button（按钮），Text（文本框），TreeVeiw（树型框）等，所有的控件类都要依附在某种容器类中。

 

二、RowLayout布局管理器。

　１、新建一个类如下。

public class RowLayoutSample extends Dialog {
    public RowLayoutSample(Shell parentShell) {
        super(parentShell);
    }
    protected Control createDialogArea(Composite parent) {
        Composite c = new Composite(parent, SWT.NONE); //在面板parent里再嵌一个面板c
        RowLayout rowLayout = new RowLayout(); //默认是横向排，加一个参数SWT.VERTICAL则是竖向排
        rowLayout.marginTop = 10; //离上边的间距
        c.setLayout(rowLayout); //面板c采用RowLayout布局方式
        new Button(c, SWT.NONE).setText("button１"); //在面板c里建立三个按钮，diR&件Wad)"HI
        new Button(c, SWT.NONE).setText("button２"); //这三个按钮是以行方式来排列的。
        new Button(c, SWT.NONE).setText("button３");
        return parent;
    }
}

　　

　　２、将上一章的SampleAction类的run方法改动如下：

    public void run(IAction action) {
        RowLayoutSample dialog = new RowLayoutSample(window.getShell());
        dialog.open();
    }

　　３、运行插件，效果如下图１（以调试方式运行，这样我们改代码的时候就不用再启动插件了，Eclipse支持一般的热修改）。

　　　　  　　　　 　　　　　　

　　　　　　　图１                                       　　　　　 图２：new RowLayout(SWT.VERTICAL)时的效果

　　　

　　　　图３。marginLeft = 50的效果（左边距宽了）

 

　　４、在我的开发实践中RowLayout用得极少，

v5oDyAIsqD垠e

B专7ix教W提frBTti5Bi因为其功能太弱，适用的布局情况太少，并且GridLayout完全可以替代它。

 

 

三、在这里进来介绍一个用于SWT界面开发的工具SWT Desiger.

1. SWT Desiger支持界面控件的拖拉操作，Xr{教ZiA业sx;\有了它做起界面设计来就轻松多了，但千万别指望它能做完所有的事情，事实上它只是一个设计的辅助工具，你依然需要掌握手写界面代码的能力。我做界面的一般流程是这样的：(1)新开一个application文件，用SWT Desiger快速做好整体的界面布局。(2)将其代码移植到我的项目中，并进行修改和精简。(3)以后界面的修改都是手写代码修改了，但如果你对SWT包还不熟，依然可以用SWT Desiger来获得一些自动生成的代码。
2. 下载地址：http://www.swt-designer.com/ 　，需要你注册，但有free版可供下载，无时间限制，但有功能限制，但提供的功能足够了，因为我基本只用到它的布局功能。
3. 安装方法：将其解压后复制到Eclipse的plugin目录下。然后Eclipse主菜单：文件－＞新建－＞其它，里面多了一个SWT（具体使用方法见：四、FillLayout布局管理器。）。
4. 运行方法：如果你不想象本文那样以插件方式运行。SWT Designer设计后也可以以Applicate方式运行，这时注意在运行的时候要加一行参数，否则是无法运行成功的。设置方法：“运行－＞运行(N)....”－＞选“JAVA应用程序”再左下角的“新建(W)”，然后在新建的项目的“(x)=自变量”项－＞VM自变量(G)中填入下面这一行：
   

• -Djava.library.path=C:\eclipse2.1.3\eclipse\plugins\org.eclipse.swt.win32_2.1.3\os\win32\x86
  （注意将这串路径改成以你Eclipse中的实际路径）

　

四、FillLayout布局管理器。

   　这里我就不象用插件了，因为这一章讲的其实是通用的，不一定是做插件才用到，象application、applet都要用。为了讲述方便，我们本章的剩余内容就全部以application的方式来讲，并且就前面三.1讲的做界面的流程，来讲讲application写好后怎么移植到插件项目中。

　　１、第一个SWT的Application。

　　　　文件－＞新建－＞其它－＞左选SWT ，右边选SWT Application（如下图）　

　　　

　　再点击“下一步”，将类名定好，如下图：

　　　

　　点击完成。这时你可以看到编辑框的左下角如下。这里有一些默代码了，点击“Design”得图如下。

　　　

　　　

　　这已经是一个默认的Application了，h垠q教S网v?%&&~H%M要运行，请参照上面“三.4”的运行方法。

　　２、在Application中的FillLayout的例子：

　　　　通过拖拉操作，得到如下的源代码：

public class FillLayoutApplication {

    public static void main(String[] args) {
        FillLayoutApplication window = new FillLayoutApplication();
        window.open();
    }
    public void open() {
        final Display display = new Display();
        final Shell shell = new Shell();
        shell.setLayout(new FillLayout());
        shell.setText("SWT Application");
        {
         final Composite composite = new Composite(shell, SWT.NONE);
         composite.setLayout(new FillLayout());
         {
          final Button button = new Button(composite, SWT.NONE);
          button.setText("button");
         }
         {
          final Button button = new Button(composite, SWT.NONE);
          button.setText("button");
         }
        }
        shell.open();
        while (!shell.isDisposed()) {
            if (!display.readAndDispatch())
                display.sleep();
        }
    }
}

　　运行界面如下图（默认为水平铺方式）：

　　　　　

　　将composite的layout->style->dir属性改为vertical（垂直平铺方式），ISs2}T.25ZL\I件uT}`@|Z软+V提6e?n.m@6B运行界面如下图

　　　　　

 

　　３、总结。FillLayout虽然其功能单一，rx8HY无Fp垠网@\网_]n,但由于其自动充满窗口的方式，在JAVA界面设计中是很常用的，它是使用频率仅次于GridLayout的布局方式。

预告：下一小节将重点讲叙GridLayout布局方式，GridLayout可以说是全能布局器，它完全可以代替FillLayout和RowLayout的功能（当然有时会麻烦些）。