当前页面: 开发资料首页 → JSP 专题 → Eclipse Forms设计漂亮UI之布局

Eclipse Forms设计漂亮UI之布局

摘要: Eclipse Forms设计漂亮UI之布局

public void createPartControl(Composite parent) {

  toolkit = new FormToolkit(parent.getDisplay());

  form = toolkit.createForm(parent);

  form.setText("Hello, Eclipse Forms");

  GridLayout layout = new GridLayout();

  form.getBody().setLayout(layout);

  Hyperlink link = toolkit.createHyperlink(form.getBody(), 

    "Click here.", SWT.WRAP);

  link.addHyperlinkListener(new HyperlinkAdapter() {

   public void linkActivated(HyperlinkEvent e) {

    System.out.println("Link activated!");

   }

  });

 }

  layout.numColumns = 2;

  GridData gd = new GridData();

  gd.horizontalSpan = 2;

  link.setLayoutData(gd);

  Label label = new Label(form.getBody(), SWT.NULL);

  label.setText("Text field label:");

  Text text = new Text(form.getBody(), SWT.BORDER);

  text.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));

  Button button = new Button(form.getBody(), SWT.CHECK);

  button.setText("An example of a checkbox in a form");

  gd = new GridData();

  gd.horizontalSpan = 2;

  button.setLayoutData(gd);

  Label label = toolkit.createLabel(form.getBody(), "Text field label:");

  Text text = toolkit.createText(form.getBody(), "");

  text.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));

  Button button = toolkit.createButton(form.getBody(), "A checkbox in a form", SWT.CHECK);

  gd = new GridData();

  gd.horizontalSpan = 2;

  button.setLayoutData(gd);

Control myControl = new MyControl(parent);

myControl.setData(FormToolkit.KEY_DRAW_BORDER, FormToolkit.TEXT_BORDER);

// or myControl.setData(FormToolkit.KEY_DRAW_BORDER, FormToolkit.TREE_BORDER);

toolkit.paintBordersFor(parent);

 public void createPartControl(Composite parent) {

  toolkit = new FormToolkit(parent.getDisplay());

  form = toolkit.createForm(parent);

  form.setText("Hello, Eclipse Forms");

  TableWrapLayout layout = new TableWrapLayout();

  form.getBody().setLayout(layout);

  Hyperlink link = toolkit.createHyperlink(form.getBody(),"Click here.", SWT.WRAP);

  link.addHyperlinkListener(new HyperlinkAdapter() {

   public void linkActivated(HyperlinkEvent e) {

    System.out.println("Link activated!");

   }

  });

  link.setText("This is an example of a form that is much longer and will need to wrap.");

  layout.numColumns = 2;

  TableWrapData td = new TableWrapData();

  td.colspan = 2;

  link.setLayoutData(td);

  Label label = toolkit.createLabel(form.getBody(), "Text field label:");

  Text text = toolkit.createText(form.getBody(), "");

  td = new TableWrapData(TableWrapData.FILL_GRAB);

  text.setLayoutData(td);

  Button button = toolkit.createButton(form.getBody(), "A checkbox in a form", <script type=text/javascript>

D(["mb","SWT.CHECK);\n  td \u003d new TableWrapData();\n  td.colspan \u003d 2;\n  button.setLayoutData(td);\n }

我们用了GridData相同的概念.一些变量拥有不同的名字(举个例子,colspan和rowspan,align和valign取自HTML TABLE的属性),但是你可以做相同的事--创建一个超链接和按钮占据两列的格子.因为空白(margins)和GridLayout是相同的,结果会看起来一样,除了超链接现在会包裹起来：

\n
图片8：一个使用TableWrapLayout的form

　　我们用了GridData相同的概念.一些变量拥有不同的名字(举个例子,colspan和rowspan,align和valign取自HTML TABLE的属性),但是你可以做相同的事--创建一个超链接和按钮占据两列的格子.因为空白(margins)和GridLayout是相同的,结果会看起来一样,除了超链接现在会包裹起来：

图片8：一个使用TableWrapLayout的form

 layout.numColumns = 3;

 Label label;

 TableWrapData td;

 

 label = toolkit.createLabel(form.getBody(), 

  "Some text to put in the first column", SWT.WRAP);

 label = toolkit.createLabel(form.getBody(),

  "Some text to put in the second column and make it a bit "+

  "longer so that we can see what happens with column "+

  distribution. This text must be the longest so that it can "+

  "get more space allocated to the columns it belongs to.", 

  SWT.WRAP);

 td = new TableWrapData();

 td.colspan = 2;

 label.setLayoutData(td);

 label = toolkit.createLabel(form.getBody(), 

  "This text will span two rows and should not grow the column.", 

  SWT.WRAP);

 td = new TableWrapData();

 td.rowspan = 2;

 label.setLayoutData(td);

 label = toolkit.createLabel(form.getBody(), 

  "This text goes into column 2 and consumes only one cell", 

  SWT.WRAP);

 label.setLayoutData(new TableWrapData(TableWrapData.FILL_GRAB));

 label = toolkit.createLabel(form.getBody(), 

  "This text goes into column 3 and consumes only one cell too", 

  SWT.WRAP);

 label.setLayoutData(new TableWrapData(TableWrapData.FILL));

 label = toolkit.createLabel(form.getBody(), 

  "This text goes into column 2 and consumes only one cell", 

  SWT.WRAP);

 label.setLayoutData(new TableWrapData(TableWrapData.FILL_GRAB));

 label = toolkit.createLabel(form.getBody(), 

  "This text goes into column 3 and consumes only one cell too", 

  SWT.WRAP);

 label.setLayoutData(new TableWrapData(TableWrapData.FILL));

 form.getBody().setBackground(form.getBody().getDisplay().

    getSystemColor(SWT.COLOR_WIDGET_BACKGROUND));

　　这个创建了一些有不同长度文本的label.有些labels占据多列,有些占据多行.为了让测试更加简单，我们把form的背景设置为组件背景,这样单元能够更简单看出来.当我们运行例子,我们会得到下面的样子：

图片9：TableWrapLayout留下的多余空间