图形用户界面(GUI)设计1概要课件

《Java程序设计》

图形用户界面（GUI）设计（1）主讲教师：于洁E-Mail：xpgroup@1《Java程序设计》

图形用户界面（GUI）设计（1）主讲教复习数组和链表的区别ArrayList对象的创建ArrayList对象的应用2复习数组和链表的区别26.1GUI概述图形用户界面（GUI）提供给用户直观的操作界面和简化的操作手段Java提供java.awt包和javax.swing包进行各种GUI元素的设计JDK1.6提供的GUI36.1GUI概述图形用户界面（GUI）提供给用户直观的操作容器容器组件（控件）GUI的基本元素如按钮、菜单等必须放在一定的容器中4容器容器组件GUI的基本元素如按钮、菜单等必须放在一定的容器6.2容器容器：容纳各种组件（控件）的组件常用的容器：JFrame类：窗体有标题和缩放功能JPanel类：面板必须被添加到窗体中才能显示自身也可以包容其他JPanel对象56.2容器容器：容纳各种组件（控件）的组件5实践：启动BlueJ并创建工程（工程名：GUI）6实践：启动BlueJ并创建工程（工程名：GUI）6实践：创建类“窗体”和“面板”修改“窗体”和“面板”类的代码如下页7实践：创建类“窗体”和“面板”7实践：修改“窗体”的代码必须导入JFrame所在的包JFrame的常用方法8实践：修改“窗体”的代码必须导入JFrame所在的包JFr验证：“窗体”对象9验证：“窗体”对象9验证：“窗体”对象的方法点击BlueJ的菜单”View”—”ShowCodePad”在打开的代码框中输入如下代码，回车，查看窗体变化。再次输入上述代码，但是将false改为true。10验证：“窗体”对象的方法点击BlueJ的菜单”View”实践：修改“面板”的代码JPanel的常用方法11实践：修改“面板”的代码JPanel的常用方法11验证：“面板”对象创建“窗体”对象和“面板”对象各一个，向“窗体1”添加控件“面板1”12验证：“面板”对象创建“窗体”对象和“面板”对象各一个，向“6.3Swing组件（控件）1、标签JLabel（显示文字或图标）2、列表框JList（从列表中选择项目）3、按钮JButton……136.3Swing组件（控件）1、标签JLabel（显示文字实践：创建类“标签”、“列表框”、“按钮”14实践：创建类“标签”、“列表框”、“按钮”14实践：修改“标签”的代码15实践：修改“标签”的代码15实践：修改“列表框”的代码Java中的类默认都是Object类的子类16实践：修改“列表框”的代码Java中的类默认都是Objec实践：修改“按钮”的代码17实践：修改“按钮”的代码17验证：创建Swing对象"2008奥运会在哪里举办？"{"北京","悉尼","罗马”}新建“窗体”“面板”对象18验证：创建Swing对象"2008奥运会在哪里举办？"{"北验证：组装对象1、调用“面板1”的“添加控件”方法将“标签1”加入“面板1”2、调用“面板1”的“添加控件”方法将“列表框1”加入“面板1”3、调用“面板1”的“添加控件”方法将“按钮1”加入“面板1”19验证：组装对象1、调用“面板1”的“添加控件”方法将“标签1验证：组装对象4、调用“窗体1”的“添加控件”方法将“面板1”加入窗体120验证：组装对象4、调用“窗体1”的“添加控件”方法将“面板1验证：组装对象5、调用“窗体1”的“刷新”方法21验证：组装对象5、调用“窗体1”的“刷新”方法21验证：窗体的pack()方法在打开的代码框（CodePad）中输入如下代码，回车，查看窗体变化。22验证：窗体的pack()方法在打开的代码框（CodePad6.4容器布局Java提供了FlowLayout、GridLayout等多种布局管理器实现对Swing组件（控件）的布局管理让组件摆放在合适的位置236.4容器布局Java提供了FlowLayout、Grid实践：创建类“流式布局”、“表格布局”修改“流式布局”和“表格布局”代码如下页24实践：创建类“流式布局”、“表格布局”修改“流式布局”和“表实践：修改“流式布局”的代码25实践：修改“流式布局”的代码25实践：修改“表格布局”的代码26实践：修改“表格布局”的代码26实践：再次如下创建Swing对象"2008奥运会在哪里举办？"{"北京","悉尼","罗马”}新建“窗体”“面板”对象27实践：再次如下创建Swing对象"2008奥运会在哪里举办？实践：组装对象1、调用“面板1”的“添加控件”方法将“标签1”加入“面板1”2、调用“面板1”的“添加控件”方法将“列表框1”加入“面板1”3、调用“面板1”的“添加控件”方法将“按钮1”加入“面板14、调用“窗体1”的“添加控件”方法将“面板1”加入窗体15、调用“窗体1”的“刷新”方法28实践：组装对象1、调用“面板1”的“添加控件”方法将“标签1验证：创建“表格布局”对象1234调用“面板1”的“设置布局”方法设置为“表格布局1”29验证：创建“表格布局”对象1234调用“面板1”的“设置布局验证：“表格布局”效果调用“窗体1”的“刷新”方法30验证：“表格布局”效果调用“窗体1”的“刷新”方法30总结1、JavaGUI2、容器（JFrame、