netbean教程资料Word格式文档下载.docx
- 文档编号:1281357
- 上传时间:2023-04-30
- 格式:DOCX
- 页数:59
- 大小:492.90KB
netbean教程资料Word格式文档下载.docx
《netbean教程资料Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《netbean教程资料Word格式文档下载.docx(59页珍藏版)》请在冰点文库上搜索。
“新建项目”。
或者在“工具栏”单击“新建项目”图标。
2.在弹出窗口的“类别”窗格中选择“Java”,在“项目”窗格中选择“Java应用程序”。
单击“下一步”;
3.在“项目名称”中键入NumberAddition,在“项目位置”中键入本地文件目录以保存项目;
4.确认复选框“设置为主项目”已被勾选。
并确保复选框“创建主类”未被勾选。
5.点击“完成”
步骤2:
继续创建我们的界面。
我们需要一个Java容器来放置其他将被调用的GUI组件。
在此步骤中我们使用JFrame组件作为所需的容器。
我们将该容器放置在一个新建包中,该新建包位于“源包”中。
创建JFrame容器
1.在“项目”窗口右击NumberAddition,选择“新建”->
“JFrame窗体”。
2.在“类名”项键入NumberAdditionUI。
3.在“包”项键入。
4.单击“完成”。
IDE根据类NumberAdditionUI在 NumberAddition应用程序中创建了NumberAdditionUI窗体,并在GUIBuilder中打开NumberAdditionUI窗体。
包被设置为默认包。
添加组件:
下一步我们将通过“组件面板”为界面获得一个JPanel组件。
而后将向其中添加三个JLabels组件,三个JTextFields组件,三个JButtons组件。
如果您从未使用过GUIBuilder,应该先通过GUIBuildinginNetBeansIDE教程获得相关信息。
一旦您通过拖拽的方式添加了上述组件,JFrame应该显示如以下截图:
如果在您在IDE的右上角没有看到“组件面板”,请选择“窗口”->
“组件面板”调出。
1.首先在“组件面板”里选中JPanel组件并拖入JFrame中。
2.当JPanel组件高亮时,在其“属性”窗口点击位于Border项后的省略号(...)按钮来选择组件风格。
3.在Border对话框的列表里选择TitleBorder风格,并在“标题”项填入NumberAddition。
单击“确定”按钮保存并退出。
4.您现在将看到一个标有NumberAddition的空的JFrame组件,如上述截图。
请依据以上截图添加三个JLabels,三个JTextFields及三个JButtons。
重命名组件
在此步骤中我们将重命名刚添加进JFrame的组件的显示文本
1.双击jLabel1并更改其文本内容为FirstNumber
2.双击jLabel2并更改其内容为SecondNumber
3.双击jLabel3并更改其内容为Result
4.双击jTextField1,删除其示例文本。
您需要重新调整jTextField1的初始大小。
同样设置jTextField2及jTextField3。
5.双击jButton1,重命名为Clear.
6.双击jButton2,重命名为Add.
7.双击jButton3,重命名为Exit.
实现GUI界面将如以下截图:
步骤3:
在此步骤中,我们将为Add,Clear及Exit按钮赋上相应功能。
而jTextField1及jTextField2将用于用户输入,jTextField3则用于程序输出-我们将创建一个非常简单的加法计算器。
让我们开始吧。
让Exit按钮工作
为了将功能赋于按钮组件,我们必须分配一个事件处理器给每个需响应的事件。
这样我们可以知道用户是否“按下”了按钮,无伦是通过鼠标还是键盘操作。
因此,我们将使用事件监听器(ActionListener)来处理响应事件(ActionEvent)。
1.右击Exit按钮。
在弹出菜单中选择“事件”->
“Action”->
“actionPerformed”。
注意菜单中包含了许多您可以使用的事件处理!
当您选择了actionPerformed事件处理,IDE便会自动添加事件监听器(ActionListener)到Exit按钮中的并在监听器的actionPerformed方法内产生一个处理方法。
2.IDE会转到“源”窗口并将光标调整到您欲添加功能(无伦是鼠标还是键盘操作按下按钮时)的方法内。
如下所示:
privatevoidjButton3ActionPerformedevt){
floatnum1,num2,result;
num1=());
num2=());
result=num1+num2;
(result));
}
我们的项目已完成,现在可以生成并运行以查看其功能。
步骤4:
最后一步,生成及运行该项目。
1.选择“生成”->
“生成主项目”。
2.当“输出”窗格显示“成功生成”时,选择“运行”->
“运行主项目”。
3.如果您被提示项目NumberAddition没有设置主类时,您应该选择作为主类,并点击“确定”按钮。
4.您所创建的项目现在已成功运行了。
在这篇教程中您学会了怎样通过NetBeansGUIBuilder来关联各GUI组件。
事件处理的工作原理
这篇教程展示了如何响应一个简单的按钮事件。
当然还有更多的事件可让您的应用程序来响应。
IDE能帮您以列表的形式让您方便的找到您的GUI组件可实现的事件处理:
1.让我们返回到文件编辑器。
点击“设计”标签来回看GUIBuilder中的GUI版面。
2.右击任一GUI组件,选择弹出菜单中的“事件”。
现在,浏览菜单并了解都有些什么功能,您不需要选择任何选项。
3.或者,您可选择“窗口”菜单中的“属性”,在“属性”窗格中点击“事件”标签。
在“事件”标签中,您能预览及编辑事件处理器来关联当前的活动组件。
4.您能使您的程序响应如回车,单双击,三次点击,鼠标活动,窗口大小及聚焦改变等操作。
通过“事件”菜单您能自动地生成相应的事件处理器。
将有更多的事件处理会被您使用。
(参阅bestpracticesforEventhandling来自Sun网页JavaEventsTutorial.)
1.
那么,事件处理是怎样工作的呢每次当您从“事件”菜单选择事件时,IDE都自动帮您生成一个所谓的事件监听器,并关联您的组件。
浏览以下几步来了解事件处理的工作原理。
1.返回文件编辑器,点击“源”标签来查看GUI源代码。
2.滚动代码并留意方法jButton1ActionPerformed(),jButton2ActionPerformed()及jButton3ActionPerformed()。
这些方法便是刚才实现的,称为“事件处理器”(eventhandlers)。
3.现在将代码滚动到initComponents()方法。
如果您看不到这个方法,那么请查找一行标为GeneratedCode的代码,点击此行前方的“+”号来展开initComponents()方法。
4.首先,注意到蓝色的底色围绕着initComponents()方法。
这表明代码是IDE自动生成并且不允许再编辑的。
5.现在,浏览方法initComponents()。
在这些代码中,包含了用于初始化并设置您GUI组件位置的代码。
这些代码是您在“设计”模式下设置和编辑组件时自动生成和配置的。
6.在initComponents()中查找如下代码
("
Exit"
);
(new{
publicvoidactionPerformedevt){
jButton3ActionPerformed(evt);
});
这就是GUI组件添加事件监听器的地方,在此您为jButton3注册了一个事件监听器(ActionListener)。
而在这个ActionListener接口中的方法actionPerformed通过简单调用您之前设置的事件处理器jButton3ActionPerformed来处理响应事件。
现在这个按钮便能监听活动事件了。
当一个事件产生时,系统便通知监听器来执行您事件处理器中的代码来响应事件。
一般而言,要使GUI组件实现事件响应需要对组件注册监听器且实现事件处理。
如您所见,NetBeansIDE能帮您自动关联事件监听,因此您只需专注于各事件间的逻辑关系和内部联系而忽略实现细节。
在NetBeansIDE中设计SwingGUI
下载,这是供脱机阅读的zip文件
本教程将指导您完成使用NetBeansIDEGUI生成器为一个名为ContactEditor的应用程序创建图形用户界面(GraphicalUserInterface,GUI)的过程。
在该过程中,您将布置一个GUI前端,以便查看和编辑员工数据库中包括的各个员工的联系信息。
在本教程中,您将了解如何执行以下操作:
使用GUI生成器界面
创建GUI容器
添加组件
调整组件大小
对齐组件
调整组件锚点
设置自动调整组件大小行为
编辑组件属性
学完本教程大约需要30分钟。
注意:
只要看到
图标,即可单击它来查看GUI生成器功能的详细交互演示。
要学完本教程,您需要具备以下软件和资源。
软件或资源
要求的版本
NetBeansIDE
版本、或
JavaDevelopmentKit(JDK)
版本6或
版本5
入门指南
使用IDE的GUI生成器,用户无需深入了解布局管理器,便可以生成具有专业外观的GUI。
只需将组件置于所需的位置,即可设置窗体布局。
有关GUI生成器可视反馈的描述,可参见GUI生成器可视反馈图例。
由于IDE中的所有Java开发都是在项目内进行的,因此我们首先需要新建一个用来存储源文件及其他项目文件的ContactEditor项目。
IDE项目是一组Java源文件,外加与其关联的meta数据,其中包括特定于项目的属性文件、控制生成和运行设置的Ant生成脚本以及一个将Ant目标映射到IDE命令的文件。
尽管Java应用程序通常包括几个IDE项目,但是,在本教程中,我们将生成一个完全存储在单个项目中的简单应用程序。
创建新的ContactEditor应用程序项目:
1.选择“文件”>
“新建项目”。
或者,也可以单击IDE工具栏中的“新建项目”图标。
2.在“类别”窗格中选择"
Java"
节点,在“项目”窗格中选择“Java应用程序”。
单击“下一步”。
3.在“项目名称”字段中输入ContactEditor,然后指定项目位置。
4.将“使用专用文件夹存储库”复选框保留为取消选中状态。
(如果使用的是NetBeansIDE,则此选项不可用。
)
5.确保“设置为主项目”复选框处于选中状态,并清除“创建主类”字段。
6.单击“完成”。
IDE将在系统上的指定位置创建ContactEditor文件夹。
此文件夹包含项目的所有关联文件,其中包括其Ant脚本、用于存储源文件和测试的文件夹以及用于存储特定于项目的meta数据的文件夹。
要查看项目结构,请使用IDE的“文件”窗口。
创建GUI容器
创建新应用程序后,您可能已注意到“项目”窗口中的“源包”文件夹包含一个空的"
<
缺省包>
"
节点。
要继续生成界面,我们需要创建一个Java容器,以便放置所需的其他GUI组件。
在此步骤中,我们将使用JFrame组件创建一个容器,并将该容器置于一个新包中。
创建JFrame容器:
1.在“项目”窗口中,右键单击"
ContactEditor"
节点,然后选择“新建”>
“JFrame窗体”。
2.在“类名”中输入ContactEditorUI。
3.在“包”中输入。
IDE将在应用程序内创建ContactEditorUI窗体和ContactEditorUI类,并在GUI生成器中打开ContactEditorUI窗体。
请注意,包取代了缺省包。
返回页首
熟悉GUI生成器
现在,我们已为应用程序设置了一个新的项目,接下来让我们再花点时间来熟悉GUI生成器的界面。
要通过交互式演示来了解GUI生成器界面,请单击“查看演示”按钮。
查看演示
添加JFrame容器后,IDE会在一个编辑器标签中打开新创建的ContactEditorUI窗体,该标签具有一个包含几个按钮的工具栏,如上图所示。
ContactEditor窗体将在GUI生成器的“设计”视图中打开,并沿IDE的边缘自动出现三个其他窗口;
利用这些窗口,可以在生成GUI窗体时导航、组织和编辑这些窗体。
GUI生成器的各个窗口包括:
设计区域。
GUI生成器的主窗口,用于创建和编辑JavaGUI窗体。
通过使用工具栏的“源”和“设计”切换按钮,可以查看类的源代码或其GUI组件的图形视图。
使用其他工具栏按钮可以方便地访问常用命令,例如,在“选择模式”和“连接模式”之间切换、对齐组件、设置自动调整组件大小行为以及预览窗体。
检查器。
以树状分层结构的形式提供应用程序中所有组件(包括可视组件和非可视组件)的表示。
“检查器”还提供有关树中哪个组件当前正在GUI生成器中进行编辑的可视反馈,并允许您在可用面板中组织这些组件。
组件面板。
可用组件的可定制列表,其中包含JFC/Swing、AWT和JavaBeans组件以及布局管理器的标签。
此外,您也可以使用定制器在组件面板中创建类别以及删除和重新排列其中显示的类别。
“属性”窗口。
显示GUI生成器、“检查器”窗口、“项目”窗口或“文件”窗口中当前选定组件的属性。
如果单击“源”按钮,IDE将在编辑器中显示应用程序的Java源代码,其中包括由GUI生成器自动生成的代码部分,这些部分将以蓝色区域表示,称为“保护块”。
保护块是“源”视图中不可编辑的受保护区域。
当处于“源”视图中时,只能编辑显示在编辑器白色区域中的代码。
如果需要更改保护块内的代码,请单击“设计”按钮从IDE的编辑器返回至GUI生成器,以便对窗体进行必要的调整。
保存所做的更改时,IDE会更新文件的源代码。
还有一个供高级开发者使用的组件面板定制器,使用该定制器可以将JAR、库或其他项目中的定制组件添加到组件面板中。
主要概念
通过简化创建图形界面的工作流,IDE的GUI生成器解决了创建JavaGUI的核心问题,从而使开发者不必再使用复杂的Swing布局管理器。
这一点是通过扩展目前的NetBeansIDEGUI生成器功能以支持直观的“自由设计”模式(具有易于理解和使用的简单布局规则)来实现的。
设置窗体布局时,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生成器简化了创建JavaGUI的过程,但是在开始布局之前大体设计出界面的外观通常还是会很有帮助的。
许多界面设计者将此视为一种“最佳做法”技术,但对本教程来说,只需跳转至后面的预览GUI部分,浏览一下最终窗体应具有的外观即可。
由于我们已经将JFrame添加为窗体的顶层容器,因此下一步需要添加几个JPanel,以便使用带标题的边框将UI的多个组件归到其中。
请参见以下各图,并注意在完成此操作时IDE的“选取并放置”行为。
添加JPanel:
1.在“组件面板”窗口中,通过单击Swing类别中的“面板”组件并松开鼠标按钮,选择该组件。
2.将光标移到GUI生成器中窗体的左上角。
当组件的位置靠近容器的左上边缘时,将出现指示首选边距的水平和垂直对齐基准线。
在窗体中单击,将JPanel放在此位置上。
JPanel组件将出现在ContactEditorUI窗体中,并以橙色突出显示,表示它处于选中状态,如下图所示。
在松开鼠标按钮后,将出现小指示符来显示组件的锚点关系,并在“检查器”窗口中显示相应的JPanel节点。
接下来,需要调整JPanel的大小,为稍后在其中放置的组件留出空间,在此我们需要先花一些时间了解GUI生成器的另一个可视化功能。
要执行此操作,我们需要取消选中刚添加的JPanel。
由于尚未添加标题边框,因此将看不到该面板。
不过请注意,当将光标移动到JPanel上时,其边缘会变为浅灰色,这样便可以清楚地看见它的位置。
只需单击该组件内的任意位置,便可以重新选中它,并且将会再次出现大小调整控柄和锚点指示符。
调整JPanel的大小:
1.选中刚刚添加的JPanel。
小的方形大小调整控柄将会再次出现在组件周围。
2.单击并按住JPanel右边缘上的大小调整控柄,然后拖动直到靠近窗体边缘处出现对齐基准虚线。
3.松开大小调整控柄以调整组件大小。
按照建议的偏移将JPanel组件延伸至容器的左边距和右边距,如下图所示。
至此,我们已添加了用于容纳UI名称信息的面板,接下来需要重复该过程来添加另一个面板,它位于第一个面板正下方,用于容纳电子邮件信息。
请参见以下各图再次执行前面的两个任务,同时注意GUI生成器的建议位置。
请注意,建议的两个JPanel之间的垂直间距要比边缘处的间距小得多。
添加了第二个JPanel后,调整其大小,使它充满窗体的其余垂直空间。
由于我们需要在外观上区分出GUI上半部分和下半部分的功能,因此需要为每个JPanel添加边框和标题。
我们将首先使用“属性”窗口完成此操作,然后将尝试使用弹出式菜单完成此操作。
将标题边框添加到JPanel中:
1.选择GUI生成器中的顶部JPanel。
2.在“属性”窗口中,单击"
border"
属性旁边的省略号按钮(...)。
3.在出现的JPanel边框编辑器中,选择“可用边框”窗格中的“带标题的边框”节点。
4.在位于下方的“属性”窗格中,为“标题”属性输入Name。
5.单击“字体”属性旁边的省略号(...),然后为“字体样式”选择“粗体”,为“大小”输入12。
单击“确定”退出对话框。
6.选择底部JPanel并重复步骤2至5,但此次需要右键单击JPanel,然后使用弹出式菜单访问“属性”窗口。
为“标题”属性输入E-mail。
带标题的边框将被添加到两个JPanel组件中。
要查看以上操作过程的演示,请单击
查看演示。
将单个组件添加到窗体
现在,我们需要着手添加一些组件,它们实际上将提供联系人列表中的联系人信息。
在此任务中,我们将添加四个显示联系人信息的JTextField以及描述它们的JLabel。
执行此任务时,请注意GUI生成器显示的水平和垂直基准线,它们用于根据操作系统外观所定义的间距来建议首选组件间距。
这可确保在运行时自动呈现与目标操作系统的外观一致的GUI。
将JLabel添加到窗体中:
1.在“组件面板”窗口中,从Swing类别中选择“标签”组件。
2.将光标移到先前添加的NameJPanel上。
当出现基准线指示JLabel位于JPanel的左上角(此时与上边缘和左边缘之间存在较小的边距)时,请单击鼠标以放置此标签。
JLabel将被添加到窗体中,并且“检查器”窗口中将添加表示该组件的相应节点。
在继续操作之前,我们需要编辑刚添加的JLabel的显示文本。
尽管可以在任何时候编辑组件显示文本,但最简便的方法是在添加它们时进行编辑。
编辑JLabel的显示文本:
1.双击JLabel以选中其显示文本。
2.键入FirstName:
,然后按Enter键。
将显示JLabel的新
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- netbean 教程 资料
![提示](https://static.bingdoc.com/images/bang_tan.gif)