Eclipse Forms设计漂亮UI之布局

　　增加一些内容

　　现在我们已经有一个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提供的为数不多的组件之一，我们可以为超链接增加监听器，这样能够在用户点击它时做出反应。

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



图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).结果如下：


图4：一个拥有直接用它们的构造器创建出的SWT组件的form

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

  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);

　　这个视图现在会看来更好些了：


图5：一个拥有用form toolkit的工厂方法创建出的SWT组件的form

　　由form toolkit提供的工厂方法是为了方便。Toolkit没有函盖所有情况，甚至是SWT组件集合,而且明显没有为你可能有的自己定制的组件提供这一便利.当你需要使一个SWT组件与form统一时,你应该使用一个方法:FormToolkit.adapt(Control control, boolean trackFocus，boolean trackKeyboard).所有的工厂方法各自分别调用了这个适配方法。

　　达到"平滑"的视觉效果

　　一个在PDE编辑器中Eclipse Forms的可看出的属性是组件的"平滑"视觉效果.以前所有没有3D边框的组件在窗口中看起来不错,但是在编辑器或视图中就不行.这个支持写在FormToolkit类中.但是,在一些系统上它是通过一些定制达到的.举个例子,看一下这张从PDE编辑器(2.1版本)中的截图：



图片6：Eclipse 2.1中Eclipse Forms的平滑视觉效果.

　　象表格,文本类,复选框等,是加上一个平滑的1个象素宽的边框.这些边框不是来自组件自己(SWT.BORDER风格没有用到).另外,如果设置一下,tookit会为每个组件的parent增加一个paint监听器,在paint事件发生时为组件加上边框.要想这样的话,你需要为你创建的象文本,表格,树等组件的每个composite调用paintBordersFor(parent).每个parent只需要调用一次方法就足够了：不需要为每个组件这样调用.

　　Form toolkit知道哪个组件需要一个定制的边框.但是,你可能新创建了一个不在原来名单中的组件,它也需要一个边框.你可以通过象下面这样的代码给toolkit一个提示：

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);

　　你可以在上面这张图中看出,象树和表格这样的"结构化(structural)"的组件有和文本区域不同的边框风格并且你可以选择和你的组件相符合的那个.注意用toolkit的工厂方法创建出的组件不需要这样做.

　　因为Eclipse 3.0和在Windows XP上,当javaw.exe.manifest文件在Java虚拟机bin文件夹中时,没有边框产生出来.(这篇文章里我所有截图都是在Windows XP下截的).这个文件--你可以在 SWT home page上下载--告诉toolkit为本地组件使用XP皮肤.用XP皮肤,象文本,表格和树是已经平滑的并且不需要再去调整.为了让你的代码拥有可移植性,你可以总是调用paintBordersFor(Composite)方法,让toolkit去根据不同操作系统来决定该怎么做。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有