韩顺平 java 图形界面编程.ppt

《韩顺平 java 图形界面编程.ppt》由会员分享，可在线阅读，更多相关《韩顺平 java 图形界面编程.ppt（40页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、主讲 韩顺平主讲：韩顺平主讲：韩顺平emailemail：主讲 韩顺平 java 图形化编程图形化编程主讲 韩顺平内容介绍内容介绍1.图形用户界面图形用户界面(gui)介绍介绍2.eclipse开发工具介绍开发工具介绍3.swing组件介绍组件介绍4.三大常用布局管理器三大常用布局管理器5.gui编程实战案例编程实战案例主讲 韩顺平目标目标1.初步掌握初步掌握swing组件的使用组件的使用2.知道什么是知道什么是awt、swing、swt、JFace3.掌握常用的布局管理器掌握常用的布局管理器4.学会使用学会使用eclipse做做java程序的开发程序的开发主讲 韩顺平图形用户界面图形用户界面

2、(gui)介绍介绍 先请各位看一个小图先请各位看一个小图,这就是用这就是用javajava编写的一个图形界面编写的一个图形界面,图形图形 用户界面用户界面(Graphics User Interface,GUI)(Graphics User Interface,GUI)是用户与程序交互的窗口是用户与程序交互的窗口,比命令行的界面比命令行的界面 更加直观并且更好操作。更加直观并且更好操作。主讲 韩顺平图形用户界面图形用户界面(gui)介绍介绍 先请各位再看一个先请各位再看一个 满汉楼餐饮系统满汉楼餐饮系统，这个系统功能完备，界面，这个系统功能完备，界面 简洁大方。大家学习完简洁大方。大家学习完j

3、avajava后，也能写出这样漂亮的软件后，也能写出这样漂亮的软件.主讲 韩顺平图形用户界面图形用户界面(gui)用什么开发用什么开发guigui 说起说起guigui开发开发,这里还有一个小故事这里还有一个小故事,想当年我学习想当年我学习guigui的时候的时候,被被awt,swing,swt,Jfaceawt,swing,swt,Jface这几个东东搞得是晕头转向这几个东东搞得是晕头转向.都不知道老师在都不知道老师在讲什么讲什么,现在兄弟我明白了现在兄弟我明白了,给大家讲讲是怎么回事给大家讲讲是怎么回事.Sun已经提供了一个跨已经提供了一个跨平台平台GUI开发工具包开发工具包AWT 抽象窗

4、口工具箱抽象窗口工具箱(Abstract Window Toolkit).Sun又创建了一个新的又创建了一个新的gui框架框架 swing,解决了解决了awt存在存在的的lcd问题问题 IBM认为认为swing比较消耗内比较消耗内存存,创建了一个新的创建了一个新的GUI库，库，这就是这就是SWTIBM为了方便开发为了方便开发SWT程序程序,在在SWT基础上又创基础上又创建了一个更易用建了一个更易用.功能强功能强大的图形包大的图形包“JFace”。主讲 韩顺平图形用户界面图形用户界面(gui)快速入门快速入门 我用不同的方式给大家演示一下开发我用不同的方式给大家演示一下开发guigui程序程序,

5、【案例案例:Demo8_1.java:Demo8_1.java】主讲 韩顺平eclipse开发工具介绍开发工具介绍 eclipseeclipse工具工具 用记事本开发程序显然是比较慢的用记事本开发程序显然是比较慢的,前面使用记事本开发完全是前面使用记事本开发完全是为了给大家打基础为了给大家打基础,在软件公司基本上是使用一个叫在软件公司基本上是使用一个叫eclipseeclipse的开发的开发工具来做工具来做javajava开发的。开发的。特别说明一下特别说明一下,从本讲开始从本讲开始,我们将使用我们将使用eclipseeclipse工工具开发具开发javajava程序程序.主讲 韩顺平ecli

6、pse开发工具介绍开发工具介绍 eclipseeclipse工具工具-介绍介绍 eclipseeclipse是个什么东东是个什么东东,我有三句话来说明我有三句话来说明:1.eclipse 1.eclipse最早是最早是ibmibm附属公司附属公司oti oti 开发的，一共投入了开发的，一共投入了40004000万美万美金，后来捐献给开源社区。金，后来捐献给开源社区。2.eclipse 2.eclipse 是一个开源的、可扩展的集成开发环境，已经成为是一个开源的、可扩展的集成开发环境，已经成为目前最流行的目前最流行的javajava开发工具。开发工具。3.eclipse 3.eclipse 安

7、装后就可以开发安装后就可以开发java sejava se的项目了，但不能开发的项目了，但不能开发java eejava ee项目，需要安装项目，需要安装web web 开发插件开发插件(lomboz(lomboz或是或是myeclipe.)myeclipe.)eclipseeclipse的官网的官网:http:/www.eclipse.org主讲 韩顺平eclipse开发工具介绍开发工具介绍 eclipseeclipse工具工具-安装安装 在使用在使用eclipseeclipse开发开发java sejava se项目前项目前,我们应当安装以下软件：我们应当安装以下软件：1.jdk 1.jd

8、k；2.eclipse2.eclipse；下载下载jdk6.0 jdk6.0 的网址的网址:http:/http:/ 下载下载eclipseeclipse的地址如下的地址如下:http:/www.eclipse.orghttp:/www.eclipse.org 我给大家演示一下下载我给大家演示一下下载/安装安装/汉化的过程汉化的过程主讲 韩顺平eclipse开发工具介绍开发工具介绍 eclipseeclipse工具工具-使用使用 一个新的名词：一个新的名词：ide(ide(集成开发环境，比如集成开发环境，比如jcreatorjcreator、vs2005vs2005这些个开发工具都是这些个开发

9、工具都是ide)ide)为了让大家迅速的上手为了让大家迅速的上手eclipseeclipse开发工具，我们完成一个开发工具，我们完成一个小案例：小案例：1.1.建立一个建立一个java java 工程工程2.2.创建一个创建一个javajava文件文件Test.javaTest.java 该文件就输出跳出一个窗口该文件就输出跳出一个窗口:hello,:hello,顺平顺平!3.3.编译编译Test.javaTest.java文件文件,运行该文件运行该文件主讲 韩顺平swing 组件一览图组件一览图主讲 韩顺平swing 组件组件 窗体组件窗体组件 窗体组件窗体组件-为什么有为什么有?在图形用户

10、界面编程中在图形用户界面编程中,我们必须要用到窗体我们必须要用到窗体,也就是大家看到的也就是大家看到的那个窗口，这是最基本的。那个窗口，这是最基本的。先前我们看过一个图：这个就是先前我们看过一个图：这个就是swingswing的窗体组件的窗体组件JFrameJFrame做的做的,主讲 韩顺平swing 组件组件 窗体组件窗体组件 窗体组件窗体组件-深入讨论深入讨论 我们一起看一下我们一起看一下javajava的帮助文档的帮助文档.请大家以后也养成这样一个习惯请大家以后也养成这样一个习惯-多多看文档多多看文档.JFrame JFrame是是Frame Frame 的子类。的子类。属于属于容器类组

11、件容器类组件，顶层容器。，顶层容器。JFrame JFrame 有一些常用的方法有一些常用的方法,我演示几个最最常用的方法我演示几个最最常用的方法,通过通过javajava的帮助文档我们可以了解。的帮助文档我们可以了解。主讲 韩顺平swing 组件组件 按钮组件按钮组件 按钮组件按钮组件-为什么有为什么有?在图形用户界面编程中在图形用户界面编程中,我们在窗体中会经常使用到按钮我们在窗体中会经常使用到按钮,如下图所如下图所示示:我们在进行选择的时候我们在进行选择的时候,常常需要确认，所以按钮很重要。常常需要确认，所以按钮很重要。主讲 韩顺平swing 组件组件 按钮组件按钮组件 按钮组件按钮组件

12、-怎么用怎么用?只需要在窗体中添加按钮组件只需要在窗体中添加按钮组件(JButton)(JButton)即可即可完成完成,我们一起来完成这个简单的案例我们一起来完成这个简单的案例 (Demo8_2.java)(Demo8_2.java)主讲 韩顺平swing 组件组件 按钮组件按钮组件 按钮组件按钮组件-深入讨论深入讨论 我们一起看一下我们一起看一下javajava的帮助文档的帮助文档.请大家以后也养成这样一个习惯请大家以后也养成这样一个习惯-多多看文档多多看文档.JButton JButton是是AbstractButton AbstractButton 的子类。的子类。属于容器类组件属于容

13、器类组件,可以加入别的组件可以加入别的组件.Swing Swing包的按钮组件不只有包的按钮组件不只有JButton,JButton,还有还有 单选按钮单选按钮(JRadioButton)(JRadioButton)、箭头按钮、箭头按钮(BasicArrowButton)(BasicArrowButton)、触发器按钮、触发器按钮(JToggleButton).(JToggleButton).这些按钮我们在后面会讲解。这些按钮我们在后面会讲解。主讲 韩顺平三大布局管理器三大布局管理器-介绍介绍 布局管理器布局管理器 介绍介绍 概念概念 组件在容器组件在容器(比如比如JFrame)JFrame)

14、中的位置和大小是由布局中的位置和大小是由布局 管理器来决定的。所有的容器都会使用一个布局管管理器来决定的。所有的容器都会使用一个布局管 理器理器,通过它来自动进行组件的布局管理。通过它来自动进行组件的布局管理。种类种类 javajava共提供了五种布局管理器共提供了五种布局管理器:流式布局管理器流式布局管理器 (FlowLayout)(FlowLayout)、边界布局管理器边界布局管理器(BorderLayout)(BorderLayout)、网格布局管理器网格布局管理器(GridLayout)(GridLayout)、卡片布局管理器、卡片布局管理器(CardLayout)(CardLayou

15、t)、网格包布局管理器网格包布局管理器(GridBagLayout)(GridBagLayout)。其中前三种是最常见的布局。其中前三种是最常见的布局管理器。管理器。主讲 韩顺平三大布局管理器三大布局管理器-边界布局边界布局 边界布局边界布局BorderLayout BorderLayout 介绍介绍 边界布局边界布局(BorderLayout)(BorderLayout)将容器简单的划分为东南将容器简单的划分为东南西北中西北中5 5个区域，中间区域最大。个区域，中间区域最大。JFrameJFrame窗体，窗体，JDialogJDialog对话框组件默认布局方法对话框组件默认布局方法主讲 韩顺

16、平三大布局管理器三大布局管理器-边界布局边界布局 边界布局边界布局BorderLayout BorderLayout 使用使用 我们对我们对Demo8_2.javaDemo8_2.java改进改进,让它可以显示不同的按让它可以显示不同的按钮组件钮组件(JButton)(JButton)。这里请大家注意这里请大家注意 边界布局的使用。边界布局的使用。主讲 韩顺平三大布局管理器三大布局管理器-边界布局边界布局 边界布局边界布局BorderLayout BorderLayout 注意事项注意事项1.1.不是五个部分都必须添加不是五个部分都必须添加.2.2.中部组件会自动的调节大小中部组件会自动的调节

17、大小.3.JFrame,JDialog 3.JFrame,JDialog 默认布局管理器就是默认布局管理器就是 BorderLayoutBorderLayout。主讲 韩顺平三大布局管理器三大布局管理器-流式布局流式布局 流式布局流式布局FlowLayout FlowLayout 介绍介绍 请大家看一个组件布局图请大家看一个组件布局图:FlowLayout FlowLayout布局布局,按照组件的添加次序将按钮组件按照组件的添加次序将按钮组件(当然也可以当然也可以是别的组件是别的组件)从左到右放置在容器中。当到达容器的边界时从左到右放置在容器中。当到达容器的边界时,组件将组件将放置在下一行中。

18、放置在下一行中。FlowLayout FlowLayout 可以以左对齐、居中对齐、以右对齐可以以左对齐、居中对齐、以右对齐的方式排列组件的方式排列组件 。主讲 韩顺平三大布局管理器三大布局管理器-流式布局流式布局 流式布局流式布局FlowLayout FlowLayout 使用使用 我们为大家演示一下如何用流式布局来部署组件我们为大家演示一下如何用流式布局来部署组件(Demo8_3.java)(Demo8_3.java)这里请大家注意这里请大家注意 流式布局的使用。流式布局的使用。主讲 韩顺平三大布局管理器三大布局管理器-流式布局流式布局 流式布局流式布局FlowLayout FlowLay

19、out 注意事项注意事项1.1.不限制他所管理的组件大小不限制他所管理的组件大小,允许他们有最佳大小允许他们有最佳大小2.2.当容器被缩放时当容器被缩放时,组件的位置可能变化组件的位置可能变化,但组件的但组件的大小不变。大小不变。3.3.默认组件是居中对齐默认组件是居中对齐,可以通过可以通过FlowLayout(intFlowLayout(int align)align)函数来指定对齐方式函数来指定对齐方式.主讲 韩顺平三大布局管理器三大布局管理器-网格布局网格布局 网格布局网格布局GridLayout GridLayout 介绍介绍 请大家看一个组件布局图请大家看一个组件布局图:GirdLa

20、yout GirdLayout布局布局,听其名而知其意听其名而知其意,它将容器分割成多行多列它将容器分割成多行多列,组组件被填充到每个网格中件被填充到每个网格中,添加到容器中的组件首先放置在左上角的添加到容器中的组件首先放置在左上角的网格中网格中,然后从左到右放置其它的组件然后从左到右放置其它的组件,当占满该行的所有网格后当占满该行的所有网格后,接着继续在下一行从左到右放置组件。接着继续在下一行从左到右放置组件。主讲 韩顺平三大布局管理器三大布局管理器-网格布局网格布局 网格布局网格布局GridLayout GridLayout 使用使用 我们为大家演示一下如何用网格布局来部署组件我们为大家演

21、示一下如何用网格布局来部署组件(Demo8_4.java)(Demo8_4.java)这里请大家注意这里请大家注意 网格布局的使用。网格布局的使用。主讲 韩顺平三大布局管理器三大布局管理器-网格布局网格布局 网格布局网格布局GridLayout GridLayout 注意事项注意事项1.1.组件的相对位置不随容器的缩放而变化组件的相对位置不随容器的缩放而变化,但大小会但大小会变化。变化。2.2.所有组件的大小相同。所有组件的大小相同。3.3.可以通过可以通过GridLayout(int rows,int cols,int GridLayout(int rows,int cols,int hga

22、p,int vgap)hgap,int vgap)来指定网格的行来指定网格的行/列列,水平间隙水平间隙/垂垂直间隙。直间隙。参数说明参数说明:rows:rows:行数行数 cols:cols:列数列数hgap:hgap:垂直间隙垂直间隙 vgap:vgap:水平间隙水平间隙主讲 韩顺平三大布局管理器三大布局管理器-小结小结 开发开发GUIGUI程序步骤程序步骤1.1.继承继承JframeJframe2.2.定义需要的组件定义需要的组件3.3.创建组件创建组件4.4.设置布局管理器设置布局管理器5.5.添加组件添加组件6.6.显示窗体显示窗体主讲 韩顺平swing组件组件-面板组件面板组件 面板

23、组件面板组件(Jpanel)-(Jpanel)-为什么有为什么有?在图形用户界面编程中在图形用户界面编程中,如果只是普通的组件布局如果只是普通的组件布局,我们用前面我们用前面讲的三种布局管理器就可以解决讲的三种布局管理器就可以解决,但是在比较复杂的布局要求时但是在比较复杂的布局要求时,就就需要使用需要使用布局管理器的组合使用布局管理器的组合使用,比如下图比如下图:主讲 韩顺平swing组件组件-面板组件面板组件 面板组件面板组件(JPanel)-(JPanel)-怎么用怎么用?JPanel:JPanel:面板组件，非顶层容器，面板组件，非顶层容器，一个界面只可以有一个一个界面只可以有一个JFr

24、ameJFrame窗体组件，但可以有多个窗体组件，但可以有多个JpanelJpanel面板组件，而面板组件，而JPanelJPanel上也可使用上也可使用FlowLayout,BorderLayout,FlowLayout,BorderLayout,GirdLayoutGirdLayout等各种布局管理器，这样可以组合使用达到较为复杂的等各种布局管理器，这样可以组合使用达到较为复杂的布局效果。案例布局效果。案例(Demo8_5.java),(Demo8_5.java),可以做图说明原理。可以做图说明原理。主讲 韩顺平swing组件组件-面板组件面板组件 面板面板(JPanel)(JPanel)

25、组件组件-注意事项注意事项 我们一起看一下我们一起看一下javajava的帮助文档的帮助文档.请大家以后也养成这样一个习惯请大家以后也养成这样一个习惯-多多看文档。多多看文档。JPanelJPanel是是JComponentJComponent 的子类。的子类。属于容器类组件，可以加入别的组件属于容器类组件，可以加入别的组件.默认布局管理器是默认布局管理器是 流式布局流式布局(FlowLayout)(FlowLayout)主讲 韩顺平swing组件组件-文本框文本框/密码框密码框/标签标签 几个常用组件几个常用组件 在图形用户界面编程中在图形用户界面编程中,我们常常会提供用户登陆界面我们常常会

26、提供用户登陆界面,比如登录到比如登录到会员管理系统、登录到工资管理系统、仓库管理系统等会员管理系统、登录到工资管理系统、仓库管理系统等,如下图如下图:这个时候我们就会用到这个时候我们就会用到:1.1.文本框文本框(JTextField)(JTextField)2.2.密码框密码框(JPasswordField)(JPasswordField)3.3.标签标签(JLable)(JLable)见案例见案例(Demo8_6.java)(Demo8_6.java)主讲 韩顺平swing组件组件-复选框复选框/单选框单选框 几个常用组件几个常用组件 在图形用户界面编程中在图形用户界面编程中,我们常常会提

27、供用户注册界面我们常常会提供用户注册界面,如下图如下图:这个时候我们就会用到这个时候我们就会用到:1.1.复选框组件复选框组件(JCheckBox)(JCheckBox)2.2.单选框组件单选框组件(JRadioButton)(JRadioButton)见案例见案例(Demo8_7.java)(Demo8_7.java)特别说明特别说明:同一组单选按钮必须先创建同一组单选按钮必须先创建 ButtonGroup,ButtonGroup,然后把单选框然后把单选框 组件放入到组件放入到ButtonGroupButtonGroup中中主讲 韩顺平swing组件组件-下拉框下拉框/列表框列表框/滚动窗格

28、组件滚动窗格组件 几个常用组件几个常用组件 在图形用户界面编程中在图形用户界面编程中,我们常常会提供用户调查界面我们常常会提供用户调查界面,如下图如下图:这个时候我们就会用到这个时候我们就会用到:1.1.下拉框组件下拉框组件(JComboBox)(JComboBox)2.2.列表框组件列表框组件(JList)(JList)3.3.滚动窗格组件滚动窗格组件(JScrollPane)(JScrollPane)见案例见案例(Demo8_8.java)(Demo8_8.java)特别说明特别说明:一般来说一般来说,列表框组件列表框组件+滚动窗格组滚动窗格组件是结合使用的件是结合使用的.目的是让列表框中

29、的选项可以有滚动条支持。目的是让列表框中的选项可以有滚动条支持。主讲 韩顺平swing组件组件-总结总结 总结总结 1.1.本章我们讲解了本章我们讲解了swingswing的常用组件的常用组件(JFrame(JFrame、JButtonJButton、JPanelJPanel、JLableJLable、JTextFieldJTextField、JPasswordFieldJPasswordField、JCheckBoxJCheckBox、JRadioButtonJRadioButton、JComboBoxJComboBox、JScrollPaneJScrollPane、JList),JList

30、),当然当然swingswing组件还有很多，我就不一一讲解了组件还有很多，我就不一一讲解了,在后面用的在后面用的时候再讲解。时候再讲解。2.2.三大布局管理器三大布局管理器(BorderLayout(BorderLayout、FlowLayoutFlowLayout、GridLayout)GridLayout)，这个大家要，这个大家要灵活使用灵活使用。从而满足设计的需要。从而满足设计的需要主讲 韩顺平gui编程实战编程实战-金山词霸金山词霸 金山词霸金山词霸 涉及到新的涉及到新的swingswing组件组件:拆分窗格拆分窗格 ：JSplitPane JSplitPane 属于容器类组件属于容

31、器类组件 案例案例【Demo8_9.javaDemo8_9.java】主讲 韩顺平gui编程实战编程实战-qq聊天界面聊天界面 qqqq聊天界面聊天界面 涉及到新的涉及到新的swingswing组件组件:JTextArea JTextArea 多行文本框组件多行文本框组件 案例案例【Demo8_10.javaDemo8_10.java】主讲 韩顺平gui编程实战编程实战-qq登录界面登录界面 qqqq登录界面登录界面 涉及到新的涉及到新的swingswing组件组件:JTabbedPane JTabbedPane 选项卡窗格（页签组件）选项卡窗格（页签组件）案例案例【Demo8_11.java

32、Demo8_11.java】主讲 韩顺平gui编程实战编程实战-记事本界面记事本界面 记事本界面记事本界面 涉及到新的涉及到新的swingswing组件组件:菜单组件菜单组件 JMenuBar JMenuBar 菜单条组件菜单条组件 树干树干 JMenu JMenu 菜单组件菜单组件 树枝树枝 JMenuItem JMenuItem 菜单项组件菜单项组件 树叶树叶 二级菜单制作二级菜单制作 JMenuJMenu里面可以嵌套里面可以嵌套JMenuJMenu 工具条组件工具条组件 JToolBar JToolBar 容器类组件容器类组件 案例案例【Demo8_12.javaDemo8_12.java】