首页 > 学院 > 开发设计 > 正文

Eclipse Forms设计漂亮UI之布局

2019-11-18 15:46:47
字体:
来源:转载
供稿:网友
  增加一些内容

  现在我们已经有一个view能够成功运行了.我们可以往里面增加一些内容.Eclipse forms有一个body,我们可以这样创建内容.
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!");    }   });  }
  form的body是标题下面的可用空间,因为这个空间是一个SWT Composite,它能做为其它组件的parent。在上面的代码里,我们为body设置了layout,然后创建了一个超链接。超链接是由Eclipse Forms提供的为数不多的组件之一,我们可以为超链接增加监听器,这样能够在用户点击它时做出反应。

  升级后的视图应该看起来象这样:

Eclipse Forms设计漂亮UI之布局(图一)

图3:一个有超链接的简单form.

  超链接组(Hyperlink Groups)

  Form tookit有一个"超链接组"对象.每个创建出的超链接都加入这个组对象中.超链接为多个角色服务.它们定义了这个组中所有超链接在正常、hover、激活不同状态下的颜色.它们根据小组中链接不同的状态来改变颜色.它们根据小组中链接不同的状态来改变下划线风格.

  当你要改变超链接组对象的默认设置时,可以通过toolkit的getHyperlinkGroup()方法来获得超链接组对象.

  创建普通组件

  Eclipse Forms的一个设计目标就是让能够在编辑器/视图中创建普通SWT组件.因为form的body是一个普通composite,你能够在它里面使用任何layout和组件.但是,记住"原生的"SWT组件有一个组件背景.我们现在通过它们的构造方法创建一些组件.
  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),一个文本框(text field)和一个复选框(checkbox).结果如下:

Eclipse Forms设计漂亮UI之布局(图二)
图4:一个拥有直接用它们的构造器创建出的SWT组件的form

   这张图片怎么回事?我们创建的组件的背景直接和系统窗口背景相匹配,而不是和form的背景匹配.另外,文本框看起来还好是因为这张截图是在Windows xp下截的.在其它操作系统上,它会看起来是有一个3D边框的空白条.为了解决这个问题,我们会用toolkit的工厂方法来创建这些组件:
  Label label = toolkit.createLabel(form.getBody(), "Text field label:"); 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表