SWT中几种布局的例子

SWT标准布局

FillLayout

简介

他把组件摆放在一行或者一列， 并强制组件大小一致。一般组件的高度与最高组件一致，宽度与最宽组件一致。FillLayout不折行，不能设置边界距离和间距。可以使用它布局任务栏或者工具栏，或者Group中的一组选择框。当容器只有一个子组件时也可以使用它，如果一个shell只有一个group子组件，FillLayout将使Group完全充满Shell.

示例

SWT.HORIZONTAL水平布局

SWT.HORIZONTAL水平布局拉伸状态

SWT.VERTICAL垂直布局(default)

SWT.VERTICAL垂直布局拉伸状态

代码

Display display = new Display();
Shell shell = new Shell(display);
FillLayout fillLayout = new FillLayout();
fillLayout.type = SWT.VERTICAL;
// fillLayout.type = SWT.HORIZONTAL;
shell.setLayout(fillLayout);
new Button(shell, SWT.PUSH).setText("B1");
new Button(shell, SWT.PUSH).setText("Wide Button 2");
new Button(shell, SWT.PUSH).setText("Button3");

RowLayout

简介

相比FillLayout,他可以提供折行显示, 以及可设置的边界距离和间距. 他有几个参数可以通过setLayoutData方法设置:

• type: 控制水平还是垂直默认水平
• warp: 控制RowLayout在当前行没有足够空间时是否折行显示组件. 默认折行
• pack:
  • true: 组件使用他们的原始尺寸, 并排列时尽量远离左边. 默认为true
  • false: 组件将填充可用空间, 跟FillLayout类似
• justify:
  • true: 组件从左至右伸展. 如果容器变大了, 那么多余的空间被平均分配到组件上.
  • 如果pack和justify同时为true, 组件将保持他们的原始大小, 多余的空间被平均分配到组件之间的空隙上. 默认为false
• MarginLeft, MarginTop,MarginRight,MarginBottom 这些控制组件之间的距离(像素), 以及组件与容器之间的边距, 默认RowLayout保留了3个像素的边距和间距

示例

状态代码	初始状态	调整尺寸后
wrap = true pack = true justify = false type = SWT.VERTICAL
wrap = false 没有足够空间时裁边
pack = false 所有组件尺寸一致
justify = true 组件根据空间进行伸展
type = SWT.VERTICAL 组件垂直摆放

代码

共用部分代码

Display display = new Display();
Shell shell = new Shell(display);

// 在这里插入代码

shell.pack();
shell.open();
while (!shell.isDisposed()) {
    if (!display.readAndDispatch()) {
        display.sleep();
    }
}
display.dispose();

由于除了layout的配置和按钮添加部分的代码不同外, 其他代码都一样, 所以这里只给出layout配置部分

RowLayout rowLayout = new RowLayout();

rowLayout.wrap = true;
rowLayout.pack = true;
rowLayout.justify = false;
rowLayout.type = SWT.VERTICAL;

rowLayout.marginTop = 5;
rowLayout.marginLeft = 5;
rowLayout.marginRight = 5;
rowLayout.marginBottom = 5;
rowLayout.spacing = 0;
shell.setLayout(rowLayout);

new Button(shell, SWT.PUSH).setText("B1");
new Button(shell, SWT.PUSH).setText("Wide Button 2");
new Button(shell, SWT.PUSH).setText("Button3");

在RowLayout上配合使用RowData

每个由RowLayout控制的组件可以通过RowData来设置其原始尺寸大小

shell.setLayout(new RowLayout());

Button button1 = new Button(shell, SWT.PUSH);
button1.setText("Button1");
button1.setLayoutData(new RowData(50, 40));
Button button2 = new Button(shell, SWT.PUSH);
button2.setText("Button2");
button2.setLayoutData(new RowData(50, 30));
Button button3 = new Button(shell, SWT.PUSH);
button3.setText("Button3");
button3.setLayoutData(new RowData(50, 20));

结果如下所示

GridLayout

简介

GridLayout是最常用, 功能最强大的标准布局类了, 同时它也最复杂. GridLayout把容器里的组建摆放在一个格子里, 他有许多可设置的参数, 并且同RowLayout类似, 组件可以有相应的布局数据: GridData. GridLayout的强大之处就是他可以通过GridData设置每一个控件.

示例

GridLayout

常用参数

• numColumns
  他是GridLayout最重要的参数, 通常是第一个设置的. 组件从左至右摆放, 当numColumns + 1个组件添加到容器中时, 将创建一个新行. 默认值有一列.下面创建5个不同宽度的按钮, 然后展示numColumns为1, 2, 3时的效果.

  GridLayout gridLayout = new GridLayout();
  gridLayout.numColumns = 1;// 2, 3
  shell.setLayout(gridLayout);
  new Button(shell, SWT.PUSH).setText("B1");
  // 加入五个Button
  

numColumns=1	numColumns=2	numColumns=3

• makeColumnsEqualWidth
  强制各列具有相同的宽度, 默认false

  

• MarginWidth, MarginHeight, horizontalSpacing, VerticalSpacing
  与RowLayout类似, 但是不同的是左右边距统一成marginWidth, 上下边距统一成marginHeight. 同样可以分别设置horizontalSpacing和verticalSpacint.(RowLayout是根据他的type类型设置水平或者垂直间距)

GridData

构造方式

GridData是GridLayout对应的布局数据, 可以通过setLayoutData设置组件的布局数据.
可以通过以下几种方式设置GridData:

1. 直接设置各参数

   GridData gridData = new GridData();
   gridData.horizontalAlignment = GridData.FILL;
   gridData.grabExcessHorizontalSpace = true;
   Button b1 = new Button(shell, SWT.PUSH);
   b1.setLayoutData(gridData);
   

2. 通过构造函数

   GridData gridData = new GridData(GridData.HORIZONTAL_ALIGN_FILL | GridData.GRAB_HORIZONTAL);
   

参数

• horizontalAlignment, verticalAlignment
  指定组件在格子里按水平或者垂直方式摆放, 可以设置以下值

  • BEGINING (默认)
  • CENTER
  • END
  • FILL

  参考前面五个按钮的例子, 设置三列, 只对button5设置:

alignment	示例
GridData.BEGINNING
GridData.CENTER
GridData.END
GridData.FILL

• horizontalIndent
  指定组件向右移动指定的像素值, 只有当horizontalAlignment为BEGINNING时有效, FIll时会将左侧不填满
  • BEGINNING
    
  • FILL
    
• horizontalSpan, verticalSpan
  可以使控件跨越几个格子, 一般与FILL一起用

  // 将Button5水平扩展两个
  gridData.horizontalAlignment = GridData.FILL;
  gridData.horizontalSpan = 2;
  

  

  // 将Button2水平扩展两个
  gridData.horizontalAlignment = GridData.FILL;
  gridData.horizontalSpan = 2;
  

  

  // 将Button3垂直扩展两个
  // 填充时需要将垂直填充设为true
  // gridData.verticalAlignment = GridData.FILL;
  // gridData.horizontalAlignment = GridData.FILL;
  gridData.verticalSpan = 2;
  

  
• grabExcessHorizontalSpace, grabExcessVerticalSpace
  当容器增大时, 可以使他们自动增大. 如果设置了横向扩展, 那么用户调整shell宽度时, 组件会自动横向扩展填满新的空间.
  如果有多个用于扩展的组件, 那么他们将平均分配扩展空间
• WidthHint, HeightHint
  指示了组件可以具有的宽度和高度, 前提是不与GridLayout其他要求约束矛盾, 一般不会用这个值设置布局

代码

Display display = new Display();
Shell shell = new Shell(display);
GridLayout gridLayout = new GridLayout();
gridLayout.numColumns = 3;
shell.setLayout(gridLayout);


GridData gridData = new GridData();
gridData.horizontalAlignment = GridData.FILL;
gridData.verticalAlignment = GridData.FILL;
gridData.verticalSpan = 2;
gridData.grabExcessHorizontalSpace = true;
gridData.grabExcessVerticalSpace = true;

Button b1 = new Button(shell, SWT.PUSH);
// b1.setLayoutData(gridData);
b1.setText("B1");
//
Button b2 = new Button(shell, SWT.PUSH);
// b2.setLayoutData(gridData);
b2.setText("Wide Button 2");

Button b3 = new Button(shell, SWT.PUSH);
b3.setLayoutData(gridData);
b3.setText("Button 3");

Button b4 = new Button(shell, SWT.PUSH);
// b4.setLayoutData(gridData);
b4.setText("B4");

Button b5 = new Button(shell, SWT.PUSH);
//  b5.setLayoutData(gridData);
b5.setText("Button 5");

shell.pack();
shell.open();
while (!shell.isDisposed()) {
    if (display.readAndDispatch()) {
        display.sleep();
    }
}