WEB开发网
开发学院WEB开发Jsp Eclipse Forms设计漂亮UI之布局 阅读

Eclipse Forms设计漂亮UI之布局

 2008-01-05 08:15:59 来源:WEB开发网   
核心提示:增加一些内容现在我们已经有一个view能够成功运行了.我们可以往里面增加一些内容.Eclipse forms有一个body,我们可以这样创建内容.
  增加一些内容

  现在我们已经有一个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:"); 

Tags:Eclipse Forms 设计

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接