MyEclipse SWT/Swing设计器(上)

1. 什么是SWT/ Swing设计器?

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

该编辑器是由以下几部分组成:

  • Design View——主视觉布局区域。
  • Source View——编写代码并查看生成的代码。
  • Structure View——构成Component Tree和Property Pane。
    • Component Tree——显示所有组件之间的层次关系。
    • Property Pane——显示所选组件的属性和事件。
  • Palette——提供快速访问工具包的特定部分。
  • Toolbar——提供访问常用的命令。
  • Context Menu——提供访问常用的命令。

该编辑器还具有以下主要特点:

  • 双向代码生成——读取和写入几乎任何格式和反向工程处理大部分手写代码。
  • 国际化(i18n)/本地化——外部化组件串,创建和管理资源包。
  • 自定义Composites & Panels——创建自定义可重用的组件。
  • Factories——创建自定义的factory类和方法。
  • 可视化继承——创建可视化组件的层次结构。
  • 事件处理——添加事件处理程序的组件。
  • 菜单编辑——直观地创建和编辑菜单栏、菜单项和弹出的菜单。
  • 变形——将一个组件的类型转换为另一个。

Swing设计器包含了必要的创建窗口、表单和其他UI元素的工具。

Swing设计器

2. 创建一个UI元素

使用SWT/ Swing设计器为项目的一部分创建一个新的UI元素类。选择File>New>Other,然后展开WindowBuilder并在众多组件中选择一个,通过向导继续完成元素的细节。

选择一个UI元素来创建

在您完成向导并创建完成UI元素之后,Swing设计器打开并允许您在设计元素时使用设计视图或源视图。

2.1 选择布局管理器

在编写Java应用程序时,您可能想使用布局来具体看看窗口。布局控件的位置和大小都在容器中。布局类是布局抽象类的子类。SWT和Swing提供了几个标准的布局类,您可以编写自定义布局类。其他UI工具包嵌入在每个面板类型的隐含布局管理器中。

在Java中,位置和尺寸不会自动产生。应用程序可以决定尺寸和放置的最初容器,或者调整的监听器。另一种选择是指定一个布局类来定位和尺寸大小。如果没有大小,那么他们为零并且不能被看见。

布局管理器设置尺寸和位置是基于各种因素的,例如:

  • 布局管理器的布局规则
  • 布局管理器的属性设置
  • 布局数据关联的各个组件
  • 容器的大小

每种布局管理器都具有各自的性能优势和缺点。基于网格的布局和基于约束的布局时最有用和强大的标准布局,但它们也最为复杂。当使用设计视图时,您可以根据自身需求来改变布局。该工具可以根据需求来调整正在运行的代码。改变布局可以通过添加布局管理器容器的源代码,或者在设计面板上使用组件面板的布局工具来选择一个复合布局。

3. 设计视图

设计视图是虚拟画板。您可以添加或删除组件、编辑布局属性、直接编辑标签以及查看您的整体设计的演变。

编辑表单设计

在设计视图中选择组件使其能显示在属性视图中,并且您可以编辑其属性。这也可以为组件选择手柄。对于一些布局管理器和同类控件的布局属性来说,选择手柄可以让您更改选定控件布局的性能。在设计视图中改变的所有属性也会在属性视图中有相应的变化。根据生效的布局管理器,行和列标题可能在首部区域中可见。

右键单击一个组件来从组件树中访问相同的上下文菜单。您可以在调色板中选择它们来添加组件,然后按Delete键将其删除。

3.1 选择组件

在调色板中使用工具选择一个或多个部件。按住Shift或Ctrl键可选择多个部件。

选择组件

在调色板中使用橡皮圈选框工具选择多个部件。按住Alt键并拖动到自动启动选框工具。

用选框工具选择

3.2 编辑组件文本

有编辑按钮(包括复选和单选按钮)、标签、文本域、组和表列文本属性的快捷方式。首先在设计视图中选择组件,然后按空格键来显示一个编辑框,在其中可以设置组件的文本属性。

编辑组件文本

3.3 移动组件

当您在设计视图中移动组件时,布局管理器会提供一种特有的拖动反馈。在像x,y导向一样布局的绝对布局中,live组件被显示使用工具提示移动出其当前位置。提供动态捕捉/对齐点来方便配合其他组件或窗口余量的组件。

在x,y-oriented布局中移动组件

在网格化布局中,不同的反馈取决于单元格指针的结束。如果一个指针定位在一个开放的单元格上,单元格突出显示为绿色并且指针显示为一个绿色的对勾。如果指针被防止在一个行或列的边界上,那么行或列边界高亮显示为黄色,指示一个新的行或列将被插入。如果指针定位在一个填充的单元格上,该区域以红色突出显示,同时指针显示为一个红色的负号。

在面向网格布局中移动组件

3.4 调整组件

当您在设计视图中调整组件时,尺寸反馈提供的是专用的布局管理器。在一个像x,y导向一样布局的绝对布局中,轮廓新的尺寸使用工具能显示出当前的大小。提供动态捕捉/对齐点来方便配合其他组件或窗口余量的组件。调整组件时还捕捉到调整组件参数的首选大小,或者在同一个parent的其他成分(垂直或水平)的尺寸。

在x,y-oriented布局中调整组件

在网格布局中,调整组件使其跨越了多个行和列。在调整操作期间,单元格中被占据的组件会显示为绿色。

在面向网格布局中调整组件

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

时间: 2024-10-08 14:43:10

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

MyEclipse SWT/Swing设计器(下)

在MyEclipse SWT/Swing设计器(上)一文中,小编为大家介绍了什么是SWT/ Swing设计器.创建一个UI元素以及如何设计视图.接下来小编继续为大家介绍另外几节内容,希望能够帮助到大家. 4. 源视图 源视图是您手工编写代码以及查看生成代码的工具.源视图是标准的Java编辑器,同时它还提供以下功能: 语法高亮 内容/代码辅助 代码格式化 导入辅助 快速修复 集成的调试功能 源视图 编辑器布局参数控件相对于该设计视图中源视图的位置.在默认情况下,它们有独立的标签.标注源码和设计(您

在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)在资源管理器中选择的一个项目,点击下拉箭头,然后选择一个组件来创建. 创

visual studio 设计器上出现蓝色的点和箭头

visual studio 设计器上出现蓝色的点和箭头: 突然发现打开visual studio 的时候出现了很多蓝色的点和箭头,解决办法是:按组合快捷键 Ctrl+R,Ctrl+W 或 Ctrl+E,Ctrl+S  事实上很多时候我们希望看看代码和代码之间究竟空了多少距离,似乎肉眼看并不明显,Visual Studio 给我们提供了这样的功能.我们先看一段平常的代码,如下图所示: 这时候我们单机"编辑"--“高级”--“查看空白”命令,如下图所示: 再看看代码,如下图所示: 一个空格

Winform窗体设计器上的菜单及工具栏上的图标不见恢复解决方案

前段时间有朋友问我,他在设计窗体的时候由于资源文件未找到, 运行后发现窗口中的菜单栏上没有任何菜单项,工具栏上的图标按钮也都不见了, 遇到这种情况,不要急着把该窗体的资源文.设计文件和代码文件删除,否则又要从头开始,得不偿失. 这时,首先看自己的窗体资源文件是否缺少图标文件,打个比方对于窗体BrowseQuestion, 首先打开BrowseQuestion.resx文件,如果没有缺少图标文件,则打开BrowseQuestion.designer.cs文件, 打开窗体设计器自动生成的代码并展开,

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

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

第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

基于Extjs的web表单设计器 第七节——取数公式设计之取数公式的使用

基于Extjs的web表单设计器 基于Extjs的web表单设计器 第一节 基于Extjs的web表单设计器 第二节——表单控件设计 基于Extjs的web表单设计器 第三节——控件拖放 基于Extjs的web表单设计器 第四节——控件拖放 基于Extjs的web表单设计器 第五节——数据库设计 基于Extjs的web表单设计器 第六节——界面框架设计 基于Extjs的web表单设计器 第七节——取数公式设计之取数公式定义 基于Extjs的web表单设计器 第七节——取数公式设计之取数公式的使用

.net web 开发平台- 表单设计器 一(web版)

如今为了适应需求的不断变化,动态表单设计器应运而生.它主要是为了满足界面的不断变化和提高开发速度.比如:一些页面客户可能也无法确定页面的终于布局,控件的位置,在哪种情况下显示或不显示等可能须要随时改动.为了应对这些需求而不去多次改动源码进行公布,就能够在项目中使用动态表单设计器.如今分享一下我做的动态表单设计器的设计思路,共同学习. 想做一个表单设计器,首先要确定是做c/s的还是b/s.我考虑到以后的发展方向是c/s向b/s转化,所以就选择了b/s的方向,并且做b/s比做c/s要简单非常多.在做