没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
上面是我们需要完成的最终GUI界面
在 NetBeans IDE 中设计 Swing GUI - 教程
http://netbeans.org/kb/docs/java/quickstart-gui_zh_CN.html[2010-11-25 11:09:55]
HOME / Docs & Support
在 NetBeans IDE 中设计 Swing GUI
下载 quickstart-gui.zip,其中包含以下内容:
可脱机阅读的教程 HTML 文件。
GUI 生成器功能的详细交互式演示(.swf 文件)。
本教程将指导您完成使用 NetBeans IDE GUI 生成器为一个名为 ContactEditor 的应用程序创建图形用
户界面 (Graphical User Interface, GUI) 的过程。在该过程中,您将布置一个 GUI 前端,以便查看和
编辑员工数据库中包括的各个员工的联系信息。
在本教程中,您将了解如何执行以下操作:
使用 GUI 生成器界面
创建 GUI 容器
添加组件
调整组件大小
对齐组件
调整组件锚点
设置自动调整组件大小行为
编辑组件属性
学完本教程大约需要 30 分钟。
要学完本教程,您需要具备以下软件和资源。
软件或资源 要求的版本
NetBeans IDE
版本 6.9、6.8 或 6.7
Java Development Kit (JDK)
版本 6
quickstart-gui.zip
包含演示的 zip 文件
入门指南
使用 IDE 的 GUI 生成器,用户无需深入了解布局管理器,便可以生成具有专业外观的 GUI。只需将组件置于所需的位置,即可设
置窗体布局。
有关 GUI 生成器可视反馈的描述,可参见 GUI
生成器可视反馈图例。
创建项目
由于 IDE 中的所有 Java 开发都是在项目内进行的,因此我们首先需要新建一个用来存储源文件及其他项目文件的
ContactEditor
项目。IDE 项目是一组 Java 源文件,外加与其关联的 meta 数据,其中包括特定于项目的属性
文件、控制生成和运行设置的 Ant 生成脚本以及一个将 Ant 目标映射到 IDE 命令的
project.xml
文件。尽管
Java 应用程序通常包括几个 IDE 项目,但是,在本教程中,我们将生成一个完全存储在单个项目中的简单应用程
序。
要创建新的
ContactEditor
应用程序项目,请执行以下操作:
1. 选择“文件”>“新建项目”。或者,也可以单击 IDE 工具栏中的“新建项目”图标。
2. 在“类别”窗格中选择 "Java" 节点,在“项目”窗格中选择“Java 应用程序”。单击“下一步”。
3. 在“项目名称”字段中输入
ContactEditor
,然后指定项目位置。
4. 将“使用专用文件夹存储库”复选框保留为取消选中状态。
5. 确保“设置为主项目”复选框处于选中状态,并清除“创建主类”字段。
Training
Java Programming Language
Developing Applications for the
Java EE Platform
Support
Oracle Development Tools
Support Offering for NetBeans
IDE
Documentation
General Java Development
External Tools and Services
Java and JavaFX GUIs
Java EE & Java Web
Development
Web Services Applications
NetBeans Platform (RCP) and
Module Development
PHP Applications
JavaScript and Dynamic
Languages
C/C++ Applications
Mobile Applications
Sample Applications
Demos and Screencasts
More
FAQs
Contribute Documentation!
Docs for Earlier Releases
在 NetBeans IDE 中设计 Swing GUI - 教程
http://netbeans.org/kb/docs/java/quickstart-gui_zh_CN.html[2010-11-25 11:09:55]
6. 单击“完成”。
IDE 在系统上的指定位置创建
ContactEditor 文件夹。此文件夹包含项目的所有关联文件,
其中包括其 Ant 脚本、用于存储源文件和测试的文件夹以及用于存储特定于项目的 meta 数据
的文件夹。要查看项目结构,请使用 IDE 的“文件”窗口。
创建 JFrame 容器
创建新应用程序后,您可能已注意到“项目”窗口中的“源包”文件夹包含一个空的 "<缺省包>" 节点。要继续生成界
面,我们需要创建一个 Java 容器,以便放置所需的其他 GUI 组件。在此步骤中,我们将使用
JFrame 组件创建一
个容器,并将该容器置于一个新包中。
要添加
JFrame 容器,请执行以下操作:
1. 在“项目”窗口中,右键单击 "ContactEditor" 节点,然后选择“新建”>“JFrame 窗体”。
或者,也可以选择“新建”>“其他”>“Swing GUI 窗体”>“JFrame 窗体”以查找 JFrame 窗
体。
2. 输入
ContactEditorUI 作为类名。
3. 在“包”中输入
my.contacteditor。
4. 单击“完成”。
IDE 在
ContactEditorUI.java 应用程序内创建 ContactEditorUI 窗体和
ContactEditorUI 类,并在 GUI 生成器中打开 ContactEditorUI 窗体。请注
意,
my.contacteditor 包取代了缺省包。
返回页首
熟悉 GUI 生成器
现在,我们已为应用程序设置了一个新的项目,接下来让我们再花点时间来熟悉 GUI 生成器的界面。
注意:要通过交互式演示了解 GUI 生成器界面,请在 zip
文件夹中打开下载的 quickstart-
gui_swfs/001_gui_builder_ui.html 文件。
添加 JFrame 容器后,IDE 会在一个编辑器标签中打开新创建的 ContactEditorUI 窗体,该标签具有一个包含几个按钮的工具
栏,如上图所示。ContactEditor 窗体在 GUI 生成器的“设计”视图中打开,并沿 IDE 的边缘自动出现三个其他窗口;利用这些窗
口,可以在生成 GUI 窗体时导航、组织和编辑这些窗体。
GUI 生成器的各个窗口包括:
设计区域。GUI 生成器的主窗口,用于创建和编辑 Java GUI 窗体。通过使用工具栏的“源”和“设计”切换按钮,可以查看
类的源代码或其 GUI 组件的图形视图。使用其他工具栏按钮可以方便地访问常用命令,例如,在“选择模式”和“连接模
在 NetBeans IDE 中设计 Swing GUI - 教程
http://netbeans.org/kb/docs/java/quickstart-gui_zh_CN.html[2010-11-25 11:09:55]
式”之间切换、对齐组件、设置自动调整组件大小行为以及预览窗体。
检查器。以树状分层结构的形式提供应用程序中所有组件(包括可视组件和非可视组件)的表示。“检查器”还提供有关树中
哪个组件当前正在 GUI 生成器中进行编辑的可视反馈,并允许您在可用面板中组织这些组件。
组件面板。可用组件的可定制列表,其中包含 JFC/Swing、AWT 和 JavaBeans 组件以及布局管理器的标签。此外,您也
可以使用定制器在组件面板中创建类别以及删除和重新排列其中显示的类别。
“属性”窗口。显示 GUI 生成器、“检查器”窗口、“项目”窗口或“文件”窗口中当前选定组件的属性。
如果单击“源”按钮,IDE 将在编辑器中显示应用程序的 Java 源代码,其中包括由 GUI 生成器自动生成的代码部分,这些部分将以
蓝色区域表示,称为“保护块”。保护块是“源”视图中不可编辑的受保护区域。当处于“源”视图中时,只能编辑显示在编辑器白色区
域中的代码。如果需要更改保护块内的代码,请单击“设计”按钮从 IDE 的编辑器返回至 GUI 生成器,以便对窗体进行必要的调
整。保存所做的更改时,IDE 会更新文件的源代码。
注意:还有一个供高级开发者使用的组件面板管理器,使用该管理器可以将 JAR、库或其他项目中的定制组件添加到组件面板中。
要通过组件面板管理器添加定制组件,请选择“工具”>“组件面板”>“Swing/AWT 组件”。
返回页首
主要概念
通过简化创建图形界面的工作流,IDE 的 GUI 生成器解决了创建 Java GUI 的核心问题,从而使开发者不必再使用复杂的 Swing
布局管理器。这一点是通过扩展目前的 NetBeans IDE GUI 生成器功能以支持直观的“自由设计”模式(具有易于理解和使用的简
单布局规则)来实现的。设置窗体布局时,GUI 生成器将提供可视基准线,用于建议最佳组件间距和对齐方式。在后台,GUI 生成
器会将您的设计理念转化为使用新的 GroupLayout 布局管理器和其他 Swing 结构实现的功能性 UI。由于它使用动态布局模型,
因此使用 GUI 生成器生成的 GUI 在运行时将按预期方式工作,同时会在不改变组件之间的定义关系的情况下进行相应的调整以适
应所做的任何更改。只要您调整窗体大小、转换语言环境或指定不同的外观,GUI 就会根据目标外观的插入和偏移量自动进行调
整。
自由设计
在 IDE 的 GUI 生成器中,只需像使用绝对定位那样将组件放在所需的位置,便可以生成窗体。GUI 生成器将确定
需要哪些布局属性,然后自动生成代码。您无需关注插入量、锚点以及填充之类的问题。
自动组件定位(对齐放置)
将组件添加到窗体时,GUI 生成器将提供可视反馈,协助您根据操作系统的外观来定位组件。GUI 生成器针对组件
应在窗体中放置的位置提供一些有帮助的内联提示和其他可视反馈,并自动使组件沿基准线对齐。它根据已放在窗
体中的组件的位置提出这些建议,同时使填充仍保持灵活性,以便在运行时能够正确地呈现不同的目标外观。
可视反馈
GUI 生成器还提供有关组件锚点和链接关系的可视反馈。通过这些指示符,可以快速识别各种定位关系和组件锁定
行为,这些关系和行为将影响 GUI 在运行时的显示和行为方式。这加快了 GUI 的设计过程,使您能够快速创建具
有专业外观和相应功能的可视界面。
返回页首
先打基础
现在,您已熟悉了 GUI 生成器的界面,接下来该着手开发 ContactEditor 应用程序的 UI 了。在此部分,我们将介绍如何使用
IDE 的组件面板将所需的各种 GUI 组件添加到窗体中。
有了 NetBeans 的“自由设计”模式,您将不必再费力地使用布局管理器来控制容器内组件的大小和位置。您需要做的就是将所需的
组件拖放(或选取并放置)到 GUI 窗体中,如下面提供的各图所示。
添加组件:基础
尽管 IDE 的 GUI 生成器简化了创建 Java GUI 的过程,但是在开始布局之前大体设计出界面的外观通常还是会很
有帮助的。许多界面设计者将此视为一种“最佳做法”技术,但对本教程来说,只需跳转至后面的预览
GUI 部分,浏
览一下最终窗体应具有的外观即可。
由于我们已经将 JFrame 添加为窗体的顶层容器,因此下一步需要添加几个 JPanel,以便使用带标题的边框将 UI
的多个组件归到其中。请参见以下各图,并注意在完成此操作时 IDE 的“选取并放置”行为。
添加 JPanel:
剩余16页未读,继续阅读
资源评论
- yao19911222013-05-25基础教程~简单易懂
- woshilisao2013-05-14这是官方的教程吧,官网上可不可以下
- CocoPig2013-11-24骗子,竟然是官网一个简单的布局教程,就是拖动按钮放上去就完了
hatom
- 粉丝: 46
- 资源: 49
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功