要完成本教程,您需要具备以下软件和资源。
软件或资源 | 要求的版本 |
---|---|
NetBeans IDE中 | 版本6.9,7.0,7.1,或7.2 |
Java开发工具包(JDK) | 6或7版本 |
入门
IDE的GUI Builder使得它可以创建具有专业外观的图形用户界面的布局管理器没有深入了解。你可以把你的形式,通过简单地把您想要的组件。
对于GUI Builder的视觉反馈的说明,您可以使用GUI Builder可视化反馈的传奇。
创建项目
因为所有的Java IDE开发的项目内发生的,我们首先需要创建一个新的ContactEditor项目,用于存储源和其他项目文件。IDE项目是一组Java源文件和其相关的元数据,包括项目特定的属性文件的Ant构建脚本控制构建和运行设置,和Ant目标映射到IDE命令的project.xml文件。尽管Java应用程序通常由多个IDE项目,在本教程中,我们将构建一个简单的应用程序,它完全存储在一个单一的项目。
要创建一个新的ContactEditor应用程序项目:
- 选择“文件”>“新建项目”。或者,您可以单击New Project IDE工具栏中的图标。
- 在“类别”窗格中,选择Java节点,并在“项目”窗格中,选择“Java应用程序”。单击“下一步”。
- 在“项目名称”字段中输入的ContactEditor,并指定项目位置。
- 保留使用专用文件夹存储库“复选框未选中。
- 确保“设置为主项目”复选框被选中,清除“创建主类字段。
- 单击“完成”。
IDE将创建的ContactEditor在您的系统上的文件夹,在指定的位置。此文件夹包含所有项目的相关文件,包括其Ant脚本,用于存储源和测试的文件夹,文件夹中的项目特定的元数据。要查看项目的结构,使用IDE的“文件”窗口。
创建一个JFrame容器
在创建新的应用程序,你可能已经注意到,在“项目”窗口中的源包文件夹中包含一个空的<缺省包 节点。要继续建立我们的界面,我们需要创建一个Java容器内,我们将放置所需的其他GUI组件。在这一步中,我们将创建一个容器使用JFrame的组成部分,并放置在容器中,一个新的包。
要添加一个JFrame的容器:
- 在“项目”窗口中,右键单击的ContactEditor节点并选择“新建”>“JFrame窗体”。
或者,你可以找到一个JFrame窗体中选择“新建”>“其他”>“Swing GUI窗体JFrame窗体”。- 输入的ContactEditorUI作为类名。
- 包的输入my.contacteditor。
- 单击“完成”。
IDE创建的ContactEditorUI的和形式的ContactEditorUI的 类在ContactEditorUI.java应用程序和GUI Builder中打开了的ContactEditorUI的形式。请注意,my.contacteditor包替换默认的包。
熟悉了GUI builder
现在,我们已经成立了一个新的项目,我们的应用程序,让我们一分钟的时间来熟悉一下GUI Builder的界面。
注:要探索的GUI Builder界面的交互式演示,查看桂生成器(SWF)的截屏。
当我们添加JFrame容器,IDE 编辑“选项卡中打开新创建的ContactEditorUI的形式与工具栏包含几个按钮,如上图中所示。ContactEditor窗体在GUI Builder的“设计”视图中打开和三个其他窗口会自动沿IDE的边缘,使您能够浏览,组织和编辑图形用户界面形式,为您打造。
GUI Builder的各种窗口包括:
- 设计区域。 GUI Builder的主窗口,用于创建和编辑Java GUI形式。工具栏的Source按钮,您可以查看类的源代码,“设计”按钮允许您查看的GUI组件的图形视图,“历史记录”按钮,您可以访问本地的文件的变化历史。其他工具栏按钮提供了方便的访问常用命令,例如选择和连接模式之间进行选择,对齐组件,设置组件自动调整大小行为,预览形式。
- 导航仪。提供的所有组件,包括可视和非可视化,在您的应用程序树层次结构的表示。导航树中的哪些组件当前正在编辑的GUI Builder中,以及允许你在可用面板中组织组件,还提供视觉反馈。
- 调色板。一个自定义列表的可用组件,包含JFC / Swing的,AWT和JavaBeans组件,以及布局管理器的选项卡。此外,您可以创建,删除和重新安排使用定制的调色板中显示的类别。
- “属性”窗口,显示当前选择的GUI Builder中的组件的属性浏览器窗口,Projects窗口或文件窗口。
如果您单击“源”按钮,IDE会显示在编辑器中的代码部分由GUI Builder自动生成的应用程序的Java源代码的灰色地带(他们变成蓝色时选择),受保护的块。保护块保护区,在“源”视图中编辑。在Source视图中,您可以编辑代码出现在编辑器中的白色区域。如果你需要保护块内的代码进行修改,单击“设计”按钮返回IDE的编辑器的GUI Builder,可以进行必要的调整形式。当您保存更改时,IDE会更新文件的来源。
注:对于高级开发人员,调色板管理器,使您可以自定义组件添加JAR,库或其他项目的调色板。要添加自定义的组件,通过调色板管理器,选择“工具”>“> Swing / AWT组件。
关键概念
IDE的GUI Builder创建的图形界面简化工作流程,解决了Java GUI创建的核心问题,从Swing布局管理器的复杂性,使开发人员。它通过扩展当前的NetBeans IDE GUI Builder来支持简单的“免费设计”的范式,简单的布局,很容易理解和使用的规则。当你躺在你的形式,GUI Builder将提供可视化的指导方针,建议最佳间距和对齐方式的组件。在后台,GUI Builder将设计成一个功能的用户界面,使用新的GroupLayout布局管理器和其他Swing构造决定。因为它使用的图形用户界面的动态布局模型,建立了GUI builder的行为,你会期望在运行时调整以适应不改变已定义的组件之间的关系所做的任何更改。当您调整窗体大小,切换地点,或指定不同的外观和感觉,你的GUI目标的外观和感觉的插入和偏移量自动调整,以尊重。
<免费设计
在IDE的GUI Builder,你可以建立你干脆把您想要的地方,就像你使用绝对定位的组件形式。GUI Builder可以断定哪些布局属性是必需的,然后会自动生成你的代码。你不必担心自己的插入,锚定,填充,等等。
自动组件定位(抓取)
当您添加组件到窗体时,GUI Builder将提供可视化反馈,帮助定位组件根据您的操作系统的外观和感觉。GUI Builder提供的有用内联提示及其他有关的视觉反馈,元件应放置在窗体上的,自动将组件抓取到沿准线的位置。提出这些建议的基础上的位置已经被放置在窗体的组件,同时允许填充保持灵活性,使得不同的目标外观和感觉在运行时正确渲染。
可视化反馈
GUI Builder还提供可视化反馈关于组件锚定和链接关系。这些指标使您能够快速识别的各种定位关系和组件固定影响GUI的出现,并在运行时的行为。这加快了GUI设计过程中,使您能够快速创建具有专业外观的可视化界面。