Eclipse---可视化界面设计
基于Eclipse平台的插件开发
＜ ｕ ｃ ａ ｓ ” ｃ ｍ ｗ ｌ ｓ ｗ ｓ ． ｄ ． ａ ｅ ｐ ｌ ｃ ｔ ｏ ”／ ｒ ｎ ｌ ｓ＝ ｏ ．ｐ ｕ． ｉｅ ｉｅ Ｇｍ Ａｐ ｉａ ｉｎ ＞
＜ ａｐ ｉａ ｉｎ ／ ｐ ｌｃ ｔｏ ＞
＜ ｅ ｔｎ ｉｎ ＞ ／ ｘ ｅ ｓｏ
通 过 对系统 设 计的 分析 ，进 入 实施阶 段 。 （ ）系 统实 现 二 当用 户在 游戏 场景 设 计器 中把 所有 游戏 所设 计器 以后 ，开始进 入 游戏 事件 编辑 页 面 ，编 辑游 戏元 素 。该 页面 分成 四个 部 分 ，包括 ：事 件 窗 口、 对 象 窗 口、动 作 窗 口以及 注释 窗 口 ，用 户 第一 件事 是要 新 建游 戏
＜ ｘｔ ｌｓ ｏ ｅ ｅｌ ｉ ｎ Ｉ ＝” Ｇａ ｅ ｐｐ” ｄ ｍＡ
Ｇ 。 ｂ。 。 Ｏ ｊｄ
Ｐ ｉｔ ｏ ｎ ＝” ｏ ｇ ｅ ｌ ｐ ｅ ｃ ｒ ． ｕ ｔ ｍ ． ｐ ｉ ａ ｉ ｎ ” ＞ ｒ ． ｃ ｉｓ ．ｏ ｅｒｎ ｉｅａ ｌｃ ｔｏ ｓ ＜ｐ ｌｃ ｔｏ ＞ ａ ｐ ｉａ ｉｎ
一
每 个 场景 一个 事件 处 理器 类 ，它根 据 ．ｄ 文件 自动 生成 。 ｇｌ 在游 戏 ｍ ｄ ｅ 构 造 时建 立起游 戏对 象 ，在 设置 游戏 场景 时 ， ｉ ｌｔ 建立 场 景 中各 个 实体 的 实例 ，在 ｒｎ函数 中 ，游 戏 引擎将 游戏 场 ｕ 景 映射 到实 际 的运 行 环境 中，然后 不 断刷 新各个 ｓ ｒｔ 的位 置 、 ｐ ｉｅ 刷 新 游戏 的显 示 、检 测 可能 发生 的事 件 ，在事 件 发生 后 以事件 作 为参 数 ， 回调事 件监 听器 中相应 监 听参数 ，从而 驱动 整个 游戏 的
控 制事 件 ：键盘 事件 、 定 时事件 自定义 事件 当用户 定 义好 游戏 事件 ，系统 将弹 出游 戏 对象 输入 框 ，游 戏 （ 上接 第 １ ３页 ） ７
eclipse 操作技巧
eclipse是一个基于插件的开源项目，功能很强大，除了java外，通过安装插件可以编写大多数常用语言，可以说是一个非常强大，全面的ide开发工具。
所以这里有必要介绍一下它的一些使用技巧，便于开发。
这些技巧包括常用菜单、界面的操作和快捷键的使用。
◆Eclipse可以建立多个工作区，每个工作区是一个文件目录，所有的相关文件都存放在这个目录下，在启动时会有对话框提示选择工作区。
启动以后看到的就是工作台，工作台包含多个透视图，每个透视图又包含多个不同的窗口。
◆Eclipse可以设置文件的关联打开程序，操作方法：Window->Preferences->General->Editors->File Associations.◆Eclipse可以以方法为独立的编辑单位和以类为编辑单位之间进行切换，操作方法：点击按钮[show source of selected Element only]。
◆Eclipse的窗口可以通过点击右上角的标签大小化、恢复的操作，类似于Window的操作。
◆Eclipse中可以实现目录折叠恢复功能，操作方法：点击视图上方的折叠、恢复标签。
◆Eclipse提供了自动刷新功能以避免每次在Eclipse以外更改文件后手工刷新，操作方法：window->Preferences->General->Workspace->选中Refresh automatically。
◆Eclipse中打开一个Java文件，鼠标点击一个元素（类、方法），会在Declarition窗口中直接显示这个元素的源代码，类似于以前的Open Declarition功能（通过Ctrl+鼠标左键）。
另外还可以在Javadoc视图中显示这个元素的javadoc。
◆Eclipse中可以显示行号，操作方法：Window->Preference->General->Editors->TextEditors->选中show line numbers。
使用eclipse开发可视化界面windowsbuilder
使⽤eclipse开发可视化界⾯windowsbuilder
这是我以前在百度⽂库写的⼀篇⽂章，主要讲解在eclipse中安装windowbuder插件让java也能像c++那样进⾏可视化开发，废话不多说，直接开始
Window builder安装
然后右键对应版本后⾯的link，复制链接地址
点击help----->inseal new sol...... 下⾯图⽚
点击后把复制的地址粘贴在框中
全部选中后点next
等待安装完成，时间较长
⽤法
正常创建java⼯程和包，创建图形界⾯时如下，点击other
选择window。
然后点击 finish
在name中填写类名
点击design进⼊设计图形
布局⽅式最好选择这个，可以根据坐标选择部件位置，拖到哪就放到哪
设置时点⼀下absolute ... 然后再画布上点⼀下
点击部件后⿏标移动到画布上出现部件，单击放在⿏标指针位置
Jbutton部件双击进⼊源码，在指针所在位置编写按钮点击事件执⾏的代码
Lable textfield等部件添加⿏标或键盘事件
上图的key和mouse分别为⿏标事件和键盘事件，点击右边最上⾯⼀个进⼊代码中编写事件执⾏的代码。
创建⼀个⾯板bb
在⾥⾯放⼊三个按钮
把这个⾯板添加到主页⾯中
在initialize⽅法中创建bb()类的对象，并设置位置和⼤⼩进⼊画布查看
⾃⼰定义的⾯板已经添加到主⾯板中了。
eclipse 的 variable 窗口用法
eclipse 的 variable 窗口用法Eclipse 的 Variable 窗口是用来查看和调试程序中的变量的工具。
以下是 Eclipse Variable 窗口的用法：1. 打开 Variable 窗口：在调试模式下，你可以通过菜单栏中的"窗口(Window)" -> "显示视图(View)" -> "Variables" 打开Variable 窗口。
你也可以使用快捷键 Alt + Shift + Q，然后按 V，再按 V 打开 Variable 窗口。
2. 监视变量：你可以通过将需要监视的变量拖拽到 Variable 窗口中，来监视变量的值的变化。
当程序执行到断点时，Variable 窗口会显示该变量的当前值。
你可以右键点击一个变量，然后选择 "监视(Watch)"，将该变量添加到监视列表中。
3. 修改变量的值：在调试过程中，你可以在 Variable 窗口中修改某个变量的值。
右键点击一个变量，然后选择 "修改值(Change Value)"，然后输入要修改的值即可。
4. 显示变量的类型和作用域：Variable 窗口会显示每个变量的类型和作用域。
你可以通过展开变量来查看它们的详细信息。
5. 搜索变量：你可以使用 Variable 窗口的搜索功能来查找特定的变量。
在搜索框中输入变量名，Variable 窗口会自动定位和显示匹配的变量。
6. 查看变量的引用：右键点击一个变量，然后选择 "查找引用(Find References)"，可以查看变量在程序中的所有引用位置。
最后，需要注意的是，Variable 窗口只在调试模式下可用，当你没有在调试模式下运行程序时，该窗口将不可用。
Eclipse的插件
Eclipse插件大观Properties Editor 点击次数：6615Properties Editor 编辑java的属性文件，并可以自动存盘为Unicode格式Colorer Take 点击次数：4102Colorer Take 为上百种类型的文件按语法着色XMLBuddy 点击次数：5464XMLBuddy 编辑xml文件Code Folding 点击次数：3136Code Folding 加入多种代码折叠功能（比eclipse自带的更多）Easy Explorer 点击次数：2469Easy Explorer 打开在eclipse中选定文件所在的目录。
Fat Jar 点击次数：3618Fat Jar 打包插件，可以方便的完成各种打包任务，可以包含外部的包等RegEx Test 点击次数：2253RegEx Test 测试正则表达式Jigloo GUI Builder 点击次数：4166Jigloo GUI Builder ＪＡＶＡ的ＧＵＩ编辑插件Profiler 点击次数：2623Profiler 性能跟踪、测量工具，能跟踪、测量ＢＳ程序AdvanQas 点击次数：1201AdvanQas 提供对if/else等条件语句的提示和快捷帮助（自动更改结构等)Log4E 点击次数：3340Log4E Log4j插件，提供各种和Log4j相关的任务，如为方法、类添加一个logger等VSSPlugin 点击次数：2935VSSPlugin VSS插件Implementors 点击次数：2179当追踪方法代码时，Eclipse默认是转到方法的接口类，而接口中是只有方法名称没有具体的实现代码，此插件提供了追踪到具体实现类的实现代码的功能。
Call Hierarchy 点击次数：1595Call Hierarchy 显示一个方法的调用层次EclipseTidy 点击次数：2369EclipseTidy基于HTML Tidy提供校验和格式化HTML/XML文件的功能Checkclipse 点击次数：2527Checkclipse 检查代码的风格、写法是否符合规范Hibernate Synchronizer 点击次数：14526Hibernate Synchronizer Hibernate插件，自动映射等VeloEclipse 点击次数：3328Velocity插件在线更新地址: http://log4e.jayefem.de/updateEditorList 点击次数：1161方便的列出所有打开的EditorMemoryManager 点击次数：2007内存占用率的监视TomcatPlugin 点击次数：7280支持Tomcat插件lomboz 点击次数：9638Lomboz是Eclipse的一个J2EE的插件，它将很多Java应用服务器、J2EE组件和Web应用开发集成到Eclipse 中，可以帮助Java开发者使用Eclipse建立、测试、部署J2EE应用。
EclipseRCP教程
最近在客户端软件开发过程中，使用到了Eclipse RCP的若干技术，有种相见很晚的感觉。
尽管自己在日常开发中也使用了SWT中的若干技术，在运用了Theme之后看起来也让人眼前一亮，但是比起RCP 就相当于闭门造车了，例如下面两幅图片，就是SWT技术和RCP 技术开发出的不同界面，后者看起来是不是很炫呢，用流行的话来讲，就是使用户的体验更rich了，呵呵。
SWT界面：Eclipse RCP界面：好了，既然Eclipse RCP开发出的界面如此漂亮，那我们就可以借助Eclipse RCP平台中各类UI组件来改善应用程序上的UI缺陷，通过RCP平台上的各类丰富的GUI视图，来打造赏心悦目的应用程序。
但是在RCP开发的过程中，UI视图之间是相互依赖的，需要进行交互，目前国内教程对这一步骤往往语焉不详，下文就以实例的形式详细介绍Eclipse RCP View视图之间的交互机制，并总结了开发过程中的一些注意事项，避免大家绕了弯路，呵呵。
(一)下载最新的Eclipse RCP开发环境开发RCP的首要前提是下载RCP开发环境，从/上可以下载，下载之后是个zip格式文件，解压到任何目录下都可以直接运行，前提是装好jdk。
在Eclipse的官方网站上，针对不同的开发环境，已经为我们打好了不同的package，只要下载专门用来开发RCP的package即可。
当然如果你已经安装了Eclipse普通开发环境，想增加RCP相关的开发功能，需要通过Eclipse的update功能来添加就可以了，不过后者采用在线安装的方式，容易引起packge插件下载不全，导致开发时出现莫明其妙的错误，因此推荐第一种方案。
(二)新建并运行Eclipse RCP项目Eclipse安装并启动完毕之后，我们可以以插件的形式新增一个RCP模块，在该模块的基础上再添加不同的视图，这样就为下一步打下了良好的基础：在Eclipse的Package Explorer中单击右键，选择菜单第一项“new”，在弹出的子菜单中选择“other”，在对话框中如下图选择：在弹出对话框的“project name”栏中填入自己的项目名称，例如“hellorcp“，其余选项保持默认状态，点击下一步，在Plugin content对话框中“Rich Client Application”中，选择"YES"，如下图所示：选择YES表示除了新建一个插件之外，还愿意将其转换成一个RCP应用，以便以后脱离Eclipse开发环境而独立部署，而插件是不能独立运行的，必须依附Eclipse而运行。
eclipse可视化工具使用方法
eclipse可视化工具使用方法一、简介Eclipse是一款开源的集成开发环境（IDE），是Java开发最常用的工具之一。
它提供了丰富的功能和插件，使开发者能够更高效地编写、调试和管理代码。
本文将介绍如何使用Eclipse的可视化工具，以及如何充分利用这些工具提升开发效率。
二、安装与配置1. 下载Eclipse在Eclipse官网上下载最新版本的Eclipse安装包，并解压到本地目录。
2. 安装Eclipse打开解压后的文件夹，运行eclipse.exe。
首次运行Eclipse时，需要选择一个工作空间，用于存储项目文件。
3. 配置Eclipse在Eclipse的菜单栏中选择“Window”->“Preferences”，可以进行各种个性化配置。
- 在“General”->“Appearance”中，可以选择主题、字体和颜色等外观设置。
- 在“Java”->“Code Style”中，可以设置代码格式化规则，使代码更易读。
- 在“Java”->“Editor”->“Content Assist”中，可以配置代码自动补全功能。
- 在“Java”->“Build Path”中，可以添加外部库和设置编译路径。
三、常用可视化工具1. 导航视图（Package Explorer）导航视图显示项目的目录结构，可以方便地浏览和管理项目文件。
在Eclipse的左侧窗口中，找到“Package Explorer”选项卡。
2. 编辑器（Editor）编辑器是Eclipse的核心功能之一，用于编辑和查看代码。
在Eclipse的右侧窗口中，找到“Editor”选项卡。
可以在编辑器中输入代码，进行语法高亮、代码折叠等操作。
3. 调试器（Debugger）调试器可以帮助开发者在代码执行过程中进行调试和排错。
在Eclipse的底部窗口中，找到“Debug”选项卡。
可以设置断点、单步执行、查看变量的值等。
Java图形用户界面ppt课件
18
1.4 布局管理器-FlowLayout
1. FlowLayout
FlowLayout 是Panel，Applet的缺省布局管理器。其组件的放 置规律是从上到下、从左到右进行放置，如果容器足够宽，第一 个组件先添加到容器中第一行的最左边，后续的组件依次添加到 上一个组件的右边，如果当前行已放置不下该组件，则放置到下 一行的最左边。
11
1.2 组件和容器
容器(Container)也是一个类，实际上是Component的 子类，因此容器本身也是一个组件，具有组件的所有 性质，但是它的主要功能是容纳其它组件和容器。
布局管理器（LayoutManager）：每个容器都有一个布 局管理器，当容器需要对某个组件进行定位或判断其 大小尺寸时，就会调用其对应的布局管理器。
Java图形用户界面
Java界面设计的用途
Java 的图形界面工具包，可以用于工具类软 件开发、管理类软件开发、通用客户端开发 、银行客户端软件开发、Eclipse 插件开发等 方向。在许多知名的大型软件中，都能够见 到 Java 的身影，如思维导图软件、Eclipse、 IDEA 开发环境等。
5
如何选择 GUI 工具包
AWT、Swing、SWT是 Java 中的三大 GUI 工具包，其中 Swing 是最灵活、 强大的 GUI 工具包，所以在界面开发 中，首选 Swing ，它可以胜任绝大多 数开发工作。
6
本讲内容
1、AWT事件处理模型 2、布局管理器 3、Swing简介 4、Swing组件和容器
为了使我们生成的图形用户界面具有良好的平台无关 性，Java语言中，提供了布局管理器这个工具来管理 组件在容器中的布局，而不使用直接设置组件位置和 大小的方式。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
用Eclipse进行可视化Java界面设计2005-04-01 11:58作者：陈先波出处：csdnblog责任编辑：方舟前言最近，Eclipse开源项目终于推出了期待已久的Visual Editor Project(VEP)。
VE项目使得功能强大的eclipse平台在java开发方面又增加了一个可视化java组件开发利器。
它让java开发者再也不用依赖其它的IDE产品来做GUI界面方面的工作。
所有的开发，从应用程序界面到业务逻辑的开发，现在都可以在eclipse平台上完成。
本文将引导开发者如何安装配置并使用Visual Editor。
关于Visual Editor开始介绍之前，来看一个笔者用Visual Editor(以下简称VE)设计的一个java程序界面：怎么样，其可视化的界面设计，一点也不逊于其它的Java可视化界面开发工具。
Visual Editor是一个开源的eclipse编辑器。
它同JDT、PDE等其它eclipse的工具项目一样，是一个全新的eclipse工具项目。
它可以进行可视化的编辑java GUI程序，也能编辑可视化的Java Bean组件。
它能与eclipse的Java Editor集成在一起，当在Visual Editor 中编辑图形界面时，会立即反馈到java Editor中的代码。
反之亦然。
VE是一个可视化开发的一个framework，当前版本的VE是0.5.0RC1版，本版本的VE支持Swing和AWT的可视Java组件开发。
由于这个framework设计的具有通用性，它也可以很容易的实现C++或其它语言下可视化开发。
其将来的版本(从1.0开始)，将会支持SWT的开发。
更多的关于Visual Editor的信息，请看参考资料的相关链接。
下载与安装由于Visual Editor是用纯java编写的，所以它应该可以在任何操作系统上运行。
但当前的VE版本是0.5.0RC1，只在windows和linux平台上经过测试。
所以如果你使用的是这两种操作系统之外的其它操作系统，你应该先阅读VE的readme文件，安装和使用VE 前，必须先安装以下版本的eclipse和相关支持类库：Eclipse build 2.1.2 (build page) (download zip)EMF build 1.1.1: (build page) (download zip)GEF Build 2.1.2: (build page) (download zip)为了方便中国的开发者，eclipse也提供了一个中文语言包，下载安装后，elcipse环境将变成全中文的界面。
在本文中，笔者用的eclipse也安装了此中文语言包。
之后就可以从以下地址下载Visual Editor了：/vep….下载后的VE是一个zip档案，请将其压缩包中plugins和features目录下的内容解压到eclipse安装目录的相应目录中即可。
如果你的eclipse是运行着的，请关闭并重新启动eclipse。
开始一个设计任务现在，所有程序安装完成，笔者将用一个例子，来讲解Visual Editor的使用。
在这个例子中，笔者要设计一个邮件发送面板，下面是它的草图：此面板包括发送人，接收人，邮件主题，邮件内容以及发送和清除按钮，进入Visual Editor启动eclipse平台。
刚开始，你可能觉得eclipse并没有什么变化。
先别急，请新建一个项目，点击"文件"菜单下的"新建"子菜单，选择并建立一个新的"java项目"。
然后在工具栏上的"新建Java类" 图标上，点击右边的小箭头，将展开如下图的菜单：在此菜单上，多了一个"Visual Calss"的子菜单,这就是进入Visual Editor的入口之一。
点击"Visual Class"，弹出如下的对话框：在此对话框中，要求输入类的名称（如标记○1）位置），在这里我们输入"MessagePanel"，以及你想要继承的可视类（如标记○2位置）。
你可以选择继承来自swing或AWT的任何界面组件，如要继承其它类型的类，请选择"other"并点击"浏览"按钮来选择你要继承的类。
在此处，我们选择"panel"和Swing选项，继承JPanel，然后点击"完成"按钮，大家就可以见到Visual Editor的界面了：由于eclipse工作台高度的可定制性，读者现在看到的界面并非VE初始的布局，而是经过笔者按喜好的方式重新布局过的透视图，但是这并不会影响读者理解本文内容。
如图中1所示，是VE的工具面板，提供"选取"、"框选"等选择工具。
还有Swing组件，Swing容器，Swing菜单以及AWT控件设计工具。
在面板下方有"Design"和"Source"两个页签，用来切换设计界面和Java源代码视图。
图中2是VE的工具栏，包括工具面板中的一些常用按钮。
图中3是"Java Beans"视图和"属性"视图，两个视图可以切换显示。
"Java Beans"视图用树形结构即时显示设计中用到的各种Java Bean组件层次。
而"属性"视图显示显示当前所选中的Java bean组件的属性值列表，你可以在此列表中编辑各项Java Bean的属性值。
图中灰色矩形区域即是我们最开始选择的JPanel，所有的工作就从它开始。
摆设Swing组件做过Swing GUI界面设计的人都知道，Java应用程序界面上的元素位置是用LayoutManager来管理的。
JPanel的预设布局管理器是FlowLayout。
VE目前支持所有的传统的布局管理器（这里所指的传统布局管理器是指JDK1.4之前的布局管理器。
可惜的是VE目前还不支持从JDK1.4开始有的SpringLayout）。
要设置JPanel的layout，请先在设计界面中选中JPanel，再切换到"属性"视图，找到"layout"属性，如下图所示：图中显示了JPanel的预设LayoutManager。
在"layout"属性的右边，可以通过点击组合框来指定不同类型的LayoutManager。
不同的LayoutManager会在属性编辑器中显示不同的参数，如果选择GridLayout，属性编辑器中的layout属性将显示另外几种不同的参数，如下图如示：先前的FlowLayout的三个参数alignment, horizontal gap和vertical gap变成了GridLayout的另外四种参数：columns, horizontal gap, rows, vertical gap。
为了方便设计，笔者在这个例子中将采用null，即不用任何LayoutManager来设计界面。
布局设置好后，就可以在JPanel上摆置各种Swing组件了。
按照我们最开始设计的草图，界面上要摆上四个Label：From, To, Subject, Message。
以及四个文本组件，其第四个应该是TextArea, 用于编辑多行文本。
我们在工具面板上选好相关组件，然后在JPanel 上拖选出一个矩形，组件即按相应大小和位置显示在此矩形区域。
再在"属性"视图中编辑每个JLabel和JButton的"text"属性为相应的值。
现在来看看下面笔者"画"出来的界面：看看，设计的如何？笔者不是画家，"画"出来的界面显得有些凌乱。
没关系，VE也提供一些工具按钮来让我们调整各个组件的位置。
请点击VE工具栏上的"Show alignment window"按钮：显示如下图的视窗：通过此视窗，可以将所选组件向上下左右各个方向对齐。
还可以使所选组件具有相同高度和宽度。
来看看下图经过调整位置后的界面布局：现在看起来是不是美观多了？添加事件处理经过前面的步骤，VE的可视化设计的任务就基本上完成了。
在我们设计的界面中，有"Send"和"Clear"按钮。
我们再来看看VE是如何为它们添加事件处理的。
在设计界面的"Send"按钮上点击鼠标右键，弹出菜单，如下图：在"Event"菜单项中，可以看到一个"actionPerformed"事件。
如果要添加其它类型的事件，可以点击"Add Events"选择其它类型的事件。
我们点击"actionPerformed"事件后，在"Java Beans"视图的"jButton-"Send""组件下面，多了一个"actionPerformed"事件类型，如下图所示：在"Java Beans"视图中，选中"actionPerformed"事件，再VE的窗口中，从"Design"切换到"Source"视图。
在上图标记1的代码区域，就是我们刚刚添加的按钮事件。
笔者在事件中调用了一个send方法，如图中标记2代码区域。
具体的发送邮件的代码笔者在这里就不实现了。
同样的方法，一样可以为另一个按钮"Clear"添加事件。
在程序中使用自定义的组件在前面我们设计好了自己的Java组件，现在我们来看看如何在自己的程序中――一个窗口中来调用这个组件。
使用前面介绍的方法，在工具栏上点击"新建Java类"按钮，建立一个JFrame的Visual Class类。
你也可以在通过菜单"文件"->"新建"->"Visual Class"来寻一个JFrame类。
在这里，我们将这个类命名为"MyApp"。
当VE窗口出现时，可以看到一个空白的JFrame显示在设计视图中。
此时，点击VE 的工具面板上的" Choose Bean"按钮，然后在弹出的对话框中输入我们设计的Java组件的类名"MessagePane"，再点击"确定"。