MyEclipse SWT/Swing设计器(下)

MyEclipse SWT/Swing设计器(上)一文中,小编为大家介绍了什么是SWT/ Swing设计器、创建一个UI元素以及如何设计视图。接下来小编继续为大家介绍另外几节内容,希望能够帮助到大家。

4. 源视图

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

  • 语法高亮
  • 内容/代码辅助
  • 代码格式化
  • 导入辅助
  • 快速修复
  • 集成的调试功能

源视图

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

Side-by-side视图

Stacked视图

通过选择Window>Preferences,然后选择WindowBuilder可以访问编辑器布局参数。

设置编辑器布局参数

5. 结构视图

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

结构视图的位置可以通过拖放或右键单击结构视图头部,并从菜单中选择Dock On来进行配置。

配置对接位置

您可以对接结构视图上、下、左、右的设计视图。

Docking位置

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

Detatching结构视图

5.1 组件树

组件树显示在设计视图中的所有组件之间的层次关系。

组件树

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

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

图标修饰符

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

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

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

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

5.2 属性视图

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

属性视图

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

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

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

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

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

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

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

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

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

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

6. 工具面板

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

添加组件到设计视图中,您可以:

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

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

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

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

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

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

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

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

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

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

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

重新定位面板

您也可以折叠或展开组件面板。

折叠面板

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

卸下面板

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

时间: 2024-08-29 13:22:24

MyEclipse SWT/Swing设计器(下)的相关文章

MyEclipse SWT/Swing设计器(上)

1. 什么是SWT/ Swing设计器? SWT/ Swing设计器是一个Java GUI设计器,这使得它非常容易创建Java GUI应用程序而无需花费大量时间来编写显示简单形式的代码.您可以使用WYSIWYG可视化设计器在几分钟之内创建复杂的视窗,同时生成Java代码.您也可以使用拖放操作来轻松地添加控件.添加事件处理程序到控件中.改变使用控件编辑器的各种属性.国际化您的应用程序等等.生成的代码并不需要额外的自定义库来编译和运行,并且SWT能反向工程处理大部分手写的Java GUI代码. 该编

在MyEclipse中安装SWT/Swing设计器

1. 安装SWT/ Swing组件 (1)选择Help>Choose Components. (2)在未选区域展开Enterprise,然后选择Swing Designer和SWT Designer组件. 选择可选组件 (3)点击move_right_icon来组件添加到选定的区域,然后单击Apply Changes. 添加SWT组件安装 重新启动MyEclipse,使更改生效. 2. 访问SWT/ Swing设计器 (1)在资源管理器中选择的一个项目,点击下拉箭头,然后选择一个组件来创建. 创

XForms 设计器使用手册

1. 概述 Designer 是一款所见即所得设计工具,使用该工具您能够从选项选用板中拖放控件来构建展现页面. GForms设计器支持中文及英文两种语言,具体所使用的语言由用户的电脑配置环境决定. 2. GForms透视图 为了更好的使用GForms设计器,请在打开Eclipse开发平台后,在右上角切换到GForms透视图: 请在透视图列表中选择"GForms",将工作台切换到如下布局: 3. 创建 3.1. 创建GForms工程 在GForms视图下,可以直接通过菜单:Fileàne

XForms设计器-----视图

视图是开发GForms表单的重要组成部分,GForms的相关视图包括:控件属性视图.模型视图.模型实例视图.Web Service视图及模型/实例属性视图. 视图选择 GForms视图打开方式:在WindowsàShow views,将弹出如下对话框,在对话框中选择"GForms设计器"下的某个视图即可: 控件属性视图 显示或配置在设计器"设计"及"辅助"两个选项卡中创建的控件. 模型视图 模型是GForms的核心要素,是整个GForms页面的重

Windows Phone 十二、设计器同步

在设计阶段为页面添加数据源 Blend或者VS的可视化设计器会跑我们的代码,然后来显示出来,当我们Build之后,设计器会进入页面的构造函数,调用InitializeComponent();方法来将UI渲染然后呈现给我们. DesignMode.DesignModeEnabled获取指示进程是否在设计模式下运行的值. d:DataContext="{d:DesignInstance Type=data:MainPageViewModel,IsDesignTimeCreatable=True}&q

基于Extjs的web表单设计器 第二节——表单控件设计

这一节介绍表单设计器的常用控件的设计. 在前面两章节的附图中我已经给出了表单控件的两大分类:区域控件.常用控件.这里对每个分类以及分类所包含的控件的作用进行一一的介绍,因为它们很重要,是表单设计器的基本元素,更是核心组成部门. 一.区域控件,它主要包含三个类型的控件:卡片区域.表格区域.混合区域.这三个控件是我们的其他控件的容器或者叫包装器,相当于VS里面的各种Panel.它们很重要,每种区域控件的作用都不一样,能够包含的控件类型也不大一样,它们三个区域相互配合使用,可以为我们的表单提供强大的支

文件中的类都不能进行设计,因此未能为该文件显示设计器 VS2008(Visual Studio 2008) x64

项目属性 运行平台x64 Form2 继承 Form1 , Form2 设计器 报错 64位dll  无法加载 DLL 找不到指定的模块 原因Vs2008(Visual Studio 2008)默认 没安装64编译器 安装参照:<http://blog.csdn.net/clever101/article/details/8844314> 安装sp1补丁会报这个, 安装目录:D:\Program Files (x86)\Microsoft Visual Studio 9.0\Microsoft

第4章(2) UI设计器

分类:C#.Android.VS2015:创建日期:2016-02-06 开发人员可以用以下两种方式声明UI:一是通过.xml文件(不带预览界面)或者.axml文件(带预览界面)来描述:二是用C#代码实现. 用.axml文件描述用户界面(UI)时,设计器分为[设计]视图和[源]视图.这种方式的优点是:可以尽可能地把表现与控制行为的代码分隔开.就是说,可以直接修改XML而不需要重新编译.另外,还可以让UI结构可视化以及调试都变得更容易. 1.布局文件(.xml和.axml) 在XML中声明UI之后

开源工作流引擎web设计器Activiti Modeler 5.17.0 与IE11的兼容性探究

一.源码下载 Activiti官网:http://activiti.org/ github:https://github.com/Activiti/Activiti 官网上下载的是lib库文件.文档和网站样例,推荐使用maven管理项目,可以不用下载库文件,直接下载源码,github上源码已经是5.18.0,但是官方还没有发布,从以下网址找到5.17.0的source code下载链接下载即可:https://github.com/Activiti/Activiti/releases,大小为20