【原创】SWT布局(十)(上)

另外，如果组件没有设置布局信息，也可以通过坐标进行相对定位。在介绍Control类的时候，其中有一个方法“setBounds (int x, int y, int width, int height)”可以指定组件相对于父组件的位置和组件的大小。在这种方式下，父组件大小和其他信息的改变不会对当前组件有影响。复合组件常常包含多个控件，可以使用以下两种方法安排这些控件。

（1）绝对定位：为每个控件设置明确的X和Y位置（setBounds），并通过代码设置一定的宽度和高度。

（2）托管定位：每个控件的X、Y、宽度和高度都是通过LayoutManager设置的。

在多数情况下，应该选择使用LayoutManagers，因为可以很容易地调整它们来适应可变大小的GUI。SWT提供了一些常用的布局管理器供用户使用；在布局管理器中，每当重新设置复合组件的大小时，都需要进行定位。

布局管理器常常是专为某一个复合组件设计的。一些布局管理器只使用它们自身的参数就可以控制，而另一些布局管理器还需要其他参数（LayoutData），该参数是在设置布局管理器的复合组件中的每个控件上指定的。SWT中常用的布局管理器有如下一些。

FillLayout：子组件将以相同的大小填充到父组件中。

RowLayout：子组件将在父组件上一行或几行显示（设置相应的属性值，子组件会自动换行）。

GridLayout：网格式布局，子组件可以指定占用父组件中几个格，以及组件填充哪几个网格。

FormLayout：可以通过FormAttachment以父组件或子组件的边作为相对位置，进行精确布局。

为组件添加布局信息的步骤如下。

1. 创建布局（Layout）类。

2. 通过窗口组件的setLayout方法设置相应的布局类。

3. 设置子组件的布局信息。

当窗口组件设置了布局信息后，窗口组件显示的时候将会调用相应的布局类对窗口组件的子组件进行布局、定位和计算子组件大小的操作，从而使窗口组件以更好的方式显示在父组件中。下面将介绍Eclipse中提供的几种常用的布局方式。

FillLayout布局 

   FillLayout是非常简单的一种布局方式，它会以同样大小对父组件中的子组件进行布局，这些子组件将以一行或一列的形式排列。

一般来说，用户可以在任务栏、工具栏中放置FillLayout布局，通过FillLayout布局对子组件进行定位，也可以当子组件只有一个组件时，通过FillLayout布局填充整个父组件的空间。

FillLayout的风格

FillLayout布局中，可以把子组件按水平或垂直的方式进行排列，这些风格是当创建FillLayout实类时以参数形式指定的，如表1所示。

FillLayout布局实例

FillLayout是简单而且很常用的布局，下面通过实例展示FillLayout的布局效果，代码如例程1所示。

例程1 FillLayoutSample.java

 Display display = new Display();

 Shell shell = new Shell(display);

 public FillLayoutSample() {

   //新建FillLayout布局，设置子组件与水平方式排列

   FillLayout fillLayout = new FillLayout(SWT.HORIZONTAL);

   //指定子组件的上、下边距为多少像素

   fillLayout.marginHeight = 25;

   //指定子组件的左、右边距为多少像素

   fillLayout.marginWidth = 25;

   //指定子组件之间距离为多少像素

   fillLayout.spacing = 10;

   //设定父组件的布局方式

   shell.setLayout(fillLayout);

   Button button1 = new Button(shell, SWT.PUSH);

   button1.setText("button1");

   Button button2 = new Button(shell, SWT.PUSH);

   button2.setText("button number 2"); 

   Button button3 = new Button(shell, SWT.PUSH);

   button3.setText("3");   

   shell.pack();

   shell.open();

   while (!shell.isDisposed()) {

     if (!display.readAndDispatch()) {

       display.sleep();

     }

   }

   display.dispose();

 }

 public static void main(String[] args) {

   new FillLayoutSample();

 }

程序中通过marginHeight、marginWidth和spacing指定了边距和子组件的间距，程序运行效果如图1所示。

图1 FillLayout布局实例

RowLayout布局    

   相对于FillLayout来说，RowLayout比较灵活，功能也比较强。用户可以设置布局中子元素的大小、边距、换行及间距等属性。

RowLayout的风格

RowLayout中可以相关的属性设定布局的风格，用户可以通过“RowLayout.属性”的方式设置RowLayout的布局风格，RowLayout中常用的属性如下。

Wrap：表示子组件是否可以换行（true为可换行）。

Pack：表示子组件是否为保持原有大小（true为保持原有大小）。

Justify：表示子组件是否根据父组件信息做调整。

MarginLeft：表示当前组件距离父组件左边距的像素点个数。

MarginTop：表示当前组件距离父组件上边距的像素点个数。

MarginRight：表示当前组件距离父组件右边距的像素点个数。

MarginBottom：表示当前组件距离父组件下边距的像素点个数。

Spacing：表示子组件之间的间距像素点个数。

另外，RowLayout可以通过RowData设置每个子组件的大小，例如“button.setLayoutData (new RowData(60, 60))”将设置buton的大小为（60,60），RowLayout风格如表2所示。

RowLayout布局实例

RowLayout是很常用的布局，而且不太复杂，下面通过实例展示RowLayout的布局效果，代码如例程2所示。

例程2 RowLayoutExample.java

Display display;

Shell shell;

RowLayoutExample() {

          display = new Display();

          shell = new Shell(display);

          shell.setSize(250, 150);

          shell.setText("A RowLayout Example");

          //新建RowLayout布局

          RowLayout rowLayout = new RowLayout();

          //子组件保持原有大小

          rowLayout.pack = true;

          //子组件可换行

          rowLayout.wrap = true;

          //根据父组件信息调整位置

          rowLayout.justify = true;

          //左边距为30像素

          rowLayout.marginLeft = 30;

          //上边距为30像素

          rowLayout.marginTop = 30;

          //设定父组件RowLayout布局

          shell.setLayout(rowLayout);

          final Text t = new Text(shell, SWT.SINGLE | SWT.BORDER);

          final Button b = new Button(shell, SWT.BORDER);

          final Button b1 = new Button(shell, SWT.BORDER);

//设置子组件大小

        b1.setLayoutData(new RowData(60, 60));

          b.setText("OK");

          b1.setText("Cancel");

          shell.open();

          while (!shell.isDisposed()) {

                   if (!display.readAndDispatch())

                            display.sleep();

          }

          display.dispose();

}

public static void main(String[] argv) {

          new RowLayoutExample();

}

程序中指定了边距和子组件的间距，以及子组件大小的信息，程序运行效果如图2所示。

图2 RowLayout布局实例

GridLayout布局    

  GridLayout布局的功能非常强大，也是笔者常用的一种布局方式。GridLayout是网格式布局，它把父组件分成一个表格，默认情况下每个子组件占据一个单元格的空间，每个子组件按添加到父组件的顺序排列在表格中。

GridLayout提供了很多的属性，可以灵活设置网格的信息。另外，GridLayout布局提供了GridData类，子组件可以设置相应的GridData，例如“dogPhoto.setLayoutData(gridData)”，GridData可以设置每个组件当做单元格的信息。

GridLayout的风格

GridLayout类提供了GridLayout布局中划分网格的信息，主要通过以下几个参数进行设置。

NumColumns：通过“gridLayout.numColumns”属性可以设置父组件中分几列显示子组件，如表3所示。

MakeColumnsEqualWidth：通过“gridLayout. makeColumnsEqualWidth”属性可以设置父组件中子组件是否有相同的列宽，当MakeColumnsEqualWidth为true时表示每列的列宽相等。

MarginLeft：表示当前组件距离父组件左边距的像素点个数。

MarginRight：表示当前组件距离父组件右边距的像素点个数。

MarginTop：表示当前组件距离父组件上边距的像素点个数。

MarginBottom：表示当前组件距离父组件下边距的像素点个数。

HorizontalSpacing：表示子组件的水平间距。

VerticalSpacing：表示子组件的垂直间距。

GridData的相关属性

GridLayout布局的灵活之处在于它利用网格布局数据GridData。通过GridData可以设置子组件在网格中的填充方式、大小边距等信息，用户可以通过子组件的setLayoutData方法设置网格布局数据。

GridData可以控制子组件在网格中的位置大小等相关显示信息。GridData可以设置如下的一些属性。

HorizontalAlignment：表示水平对齐方式。水平对齐方式有如下几种，如表4所示，其中“Button5”按钮显示了水平对齐的方式。

           VerticalAlignment：表示子组件的垂直对齐方式，值和水平方式一样。

HorizontalIndent：表示子组件水平偏移多少像素。

此属性和“horizontalAlignment = GridData.BEGINNING”属性一起使用。下面代码设置“Button5”水平偏移4像素，如图3所示。

gridData.horizontalIndent = 4;

HorizontalSpan：表示组件水平占据几个网格。

此属性非常有用，当要设置一个组件占据几个单元格时，需要设置HorizontalSpan属性。例如，下面代码设置“Button5”按钮水平占据两个网格，如图4所示。

gridData.horizontalAlignment = GridData.FILL;

gridData.horizontalSpan = 2;

    图3 组件水平偏移                   图4 水平占据网格

VerticalSpan：表示组件垂直占据几个网格。

GrabExcessHorizontalSpace：表示当父组件大小改变时，子组件是否以水平方向抢占空间。

GrabExcessVerticalSpace：表示当父组件大小改变时，子组件是否以垂直方向抢占空间。

WidthHint：表示子组件的宽度为多少像素（前提是未设置其他相关属性）。

HeightHint：表示子组件的高度为多少像素（前提是未设置其他相关属性）。

另外，GridData可以通过构造函数指定相应的属性值，有兴趣的读者可以参考GridData类的构造函数。

image019