MyEclipse中的SWT/Swing设计器(下)

MyEclipse SWT/Swing设计器(上)一文中,小编为你们介绍了什么是SWT/ Swing设计器、建立一个UI元素以及如何设计视图。接下来小编继续为你们介绍另外几节内容,但愿可以帮助到你们。 html

4. 源视图

源视图是您手工编写代码以及查看生成代码的工具。源视图是标准的Java编辑器,同时它还提供如下功能: 框架

  • 语法高亮
  • 内容/代码辅助
  • 代码格式化
  • 导入辅助
  • 快速修复
  • 集成的调试功能
MyEclipse SWT/Swing设计器(下)
源视图

编辑器布局参数控件相对于该设计视图中源视图的位置。在默认状况下,它们有独立的标签、标注源码和设计(您能够选择首页)。同时还提供了其余选项来显示源视图和设计视图向上或向下的排列方式。 eclipse

MyEclipse SWT/Swing设计器(下)
Side-by-side视图
MyEclipse SWT/Swing设计器(下)
Stacked视图

经过选择Window>Preferences,而后选择WindowBuilder能够访问编辑器布局参数。 编辑器

MyEclipse SWT/Swing设计器(下)
设置编辑器布局参数

5. 结构视图

结构视图是由组件树和属性视图组成的。组件树显示在设计视图中的全部组件之间的层次关系,而属性视图显示属性和选定控件的事件,并提交文本字段、列表和其余控件,您能够编辑属性、标签和事件。 ide

结构视图的位置能够经过拖放或右键单击结构视图头部,并从菜单中选择Dock On来进行配置。 工具

MyEclipse SWT/Swing设计器(下)
配置对接位置

您能够对接结构视图上、下、左、右的设计视图。 布局

MyEclipse SWT/Swing设计器(下)
MyEclipse SWT/Swing设计器(下)
Docking位置

结构视图也能够做为一个独立的图。选择Window>Show View>Other,展开WindowBuilder而后选择Structure,或者右键单击结构视图,而后选择解压视图。关闭待机的结构视图将返回默认的位置,并内置在编辑器中。 性能

MyEclipse SWT/Swing设计器(下)
MyEclipse SWT/Swing设计器(下)
MyEclipse SWT/Swing设计器(下)
Detatching结构视图
5.1 组件树

组件树显示在设计视图中的全部组件之间的层次关系。 字体

MyEclipse SWT/Swing设计器(下)
组件树

树中的每一个组件显示其图标(与潜在的修饰符)、变量名和文本标签。组件能够被表示为局部变量和字段,变量名的定义在组件范围内必须是惟一的。 ui

图标修饰符用于表示是否一个组件定义了一个事件或显示自定义容器的公开组件。

图标修饰符

  • Exposed:子部件暴露在自定义的容器中。
  • Event:定义具备一个或多个事件处理程序的组件。

使用Expand All图标来展开树组件,使用Collapse All图标将其折叠。

右键单击书中的条目来在设计视图中访问相同的可用上下文菜单。您能够经过拖放在树组件中整理,删除可使用Delete键。

您能够在树中选择多个组件,并经过按住CTRL键添加单个选项或SHIFT键添加连续选项。

5.2 属性视图

属性视图显示属性和选定控件的事件,并提交文本字段、列表和其余控件,您能够编辑属性、标签和事件。在组件树或设计视图中选择一个控件来在属性视图中显示其属性。

MyEclipse SWT/Swing设计器(下)
属性视图

当多个控件被选中时,他们所共享的属性会在属性视图中被列出。若是选中的控件没有一个相同属性的值,则在属性视图中的属性字段为空。

在默认状况下,该属性视图显示正常属性。参数属性用粗体显示,专业属性用斜体显示(单击显示高级属性图标来显示它们)。灰色背景表示设置为它的默认值属性,而白色背景表示一个属性已经设置为非缺省值。单击还原默认值图标,属性设置会恢复为它的默认值。

您能够经过单击属性标题或值来选择一个属性。当一个属性被选中后,显示的是编辑器而不是它的值,所以您可以改变该属性的值。在大多数的属性编辑器中,Enter输入要使用的值,ESC返回之前的值。若是您选中一个属性,可使用箭头键之间的导航性能。

属性视图支持简单的属性,如字符串和整数;复杂的属性包括一些其余的属性,如布局和布局数据。复杂的属性标题前会显示正负号,能够展开/收起集中不一样方式的复杂属性:

  • 双击属性标题或值
  • 点击正负号
  • 选择属性,而后按加号键展开,减号键收起

一些属性,如字符串、颜色、字体和图像,能够点击更多按钮来访问提供的自定义属性编辑器。

属性的状态(展开或折叠)被保存在所选的控件当中。若是您在一个控件中选择 "style"属性,而后再选择其余控件,那么"style"属性仍然被展开。这使您能够快速更改style属性值而无需一次一次的展开。一旦您决定不更改style值,您能够折叠style属性同时其余空间的属性也会折叠。

属性视图支持选择的属性,即属性的值应该从一些列表中选择。例如,复杂的"style"属性的"type"属性时一个属性按钮,您能够经过如下方式改变其值:

  • 在列表中双击更改值的属性值到下一个值(或第一个值,若是当前值是最后一个值)
  • 选择属性,按空格键便可展开列表,而后用箭头更改值
  • 选择属性,而后按Delete键来更改默认值

右键单击属性视图来访问属性窗格上下文菜单。

6. 工具面板

该面板可快速访问特定工具包组件以及您能够安装的自定义组件。面板分为可扩展、折叠或隐藏的类别。

添加组件到设计视图中,您能够:

  • 在面板中选择并经过单击拖放到设计框架或组件树所须要的位置上。
  • 使用选择组件命令从选择组件窗口中选择小部件的类型。

当在面板中选择部件时,您能够经过按住CTRL键来为设计视图添加相同类型的多个部件 。 当在面板中选择部件时,您能够经过按住CTRL键来为设计视图添加相同类型的多个部件 。

您能够经过右键单击面板的任何地方自定义面板来访问面板上下文菜单,或从上下文菜单中打开面板管理器。

下面的命令是每一个面板共有的:

  • Selection
  • Marquee
  • Choose component
  • Tab Order
常见的面板命令

Selection:选择一个或多个部件。按住Shift或Ctrl键来选择多个部件。

MyEclipse SWT/Swing设计器(下)

Marquee:橡皮圈选择多个部件。按住ALT键,开始拖动来自动激活选框工具。

MyEclipse SWT/Swing设计器(下)

Choose component:在编辑器中添加组件。输入类的名称,或从历史记录列表中选择。您能够右键单击列表中的项目,从历史中删除。

MyEclipse SWT/Swing设计器(下)
MyEclipse SWT/Swing设计器(下)

Tab Order:设置组件的标签顺序。

  • 首先在顶层容器中选择(如JFrame中)。
  • 激活标签顺序工具。
  • 点击所需顺序的组件。
    • 点击一个组件超过一次可增长它的索引。
    • SHIFT+Click排除某个部分。
    • CTRL+Click选定的指数移动到另外一个组件。
  • 经过选择其余工具(如Selection)停用标签顺序工具。
MyEclipse SWT/Swing设计器(下)

面板的位置能够经过拖放或右键打击面板标题,并从菜单中选择Dock On来配置。该面板能够对接到设计视图中的左或右面。

MyEclipse SWT/Swing设计器(下)
从新定位面板

您也能够折叠或展开组件面板。

MyEclipse SWT/Swing设计器(下)
折叠面板

该面板也能够做为一个独立的视图。选择Window>Show View>Other,展开WindowBuilder,而后选择面板或右键单击面板并选择解压视图。关闭待机面板视图将返回默认的位置,并内置在编辑器中。

MyEclipse SWT/Swing设计器(下)
MyEclipse SWT/Swing设计器(下)
MyEclipse SWT/Swing设计器(下)
卸下面板

MyEclipse官方中文网上线,欢迎下载交流!

相关文章
相关标签/搜索