韩顺平_java_图形界面编程

nullnull主讲 韩顺平主讲：韩顺平email：hanshunping@tsinghua.org.cn java 图形化编程主讲 韩顺平 java 图形化编程内容介绍主讲 韩顺平内容介绍图形用户界面(gui)介绍 eclipse开发工具介绍 swing组件介绍 三大常用布局管理器 gui编程实战 案例 全员育人导师制案例信息技术应用案例心得信息技术教学案例综合实践活动案例我余额宝案例 目标主讲 韩顺平目标初步掌握swing组件的使用 知道什么是awt、swing、swt、JFace 掌握常用的布局管理器 学会使用eclipse做java程序的开发图形用户界面(gui)主讲 韩顺平图形用户界面(gui)■ 介绍 先请各位看一个小图,这就是用java编写的一个图形界面,图形 用户界面(Graphics User Interface,GUI) 是用户与程序交互的窗口,比命令行的界面 更加直观并且更好操作。 图形用户界面(gui)主讲 韩顺平图形用户界面(gui)■ 介绍 先请各位再看一个 满汉楼餐饮系统，这个系统功能完备，界面 简洁大方。大家学习完java后，也能写出这样漂亮的软件. 图形用户界面(gui)主讲 韩顺平图形用户界面(gui)■ 用什么开发gui 说起gui开发,这里还有一个小故事,想当年我学习gui的时候,被 awt,swing,swt,Jface这几个东东搞得是晕头转向.都不知道老师在 讲什么,现在兄弟我明白了,给大家讲讲是怎么回事. Sun已经提供了一个跨 平台GUI开发工具包AWT 抽象窗口工具箱 (Abstract Window Toolkit).Sun又创建了一个新的gui 框架 swing,解决了awt存在 的lcd问 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 IBM认为swing比较消耗内 存,创建了一个新的GUI库， 这就是SWTIBM为了方便开发SWT 程序,在SWT基础上又创 建了一个更易用.功能强 大的图形包“JFace”。 图形用户界面(gui)主讲 韩顺平图形用户界面(gui)■ 快速入门 我用不同的方式给大家演示一下开发gui程序, 【案例:Demo8_1.java】 eclipse开发工具介绍主讲 韩顺平eclipse开发工具介绍■ eclipse工具 用记事本开发程序显然是比较慢的,前面使用记事本开发完全是 为了给大家打基础,在软件公司基本上是使用一个叫eclipse的开发 工具来做java开发的。 特别说明一下,从本讲开始,我们将使用eclipse工 具开发java程序. eclipse开发工具介绍主讲 韩顺平eclipse开发工具介绍■ eclipse工具-介绍 eclipse是个什么东东,我有三句话来说明: 1.eclipse最早是ibm附属公司oti 开发的，一共投入了4000万美 金，后来捐献给开源社区。 2.eclipse 是一个开源的、可扩展的集成开发环境，已经成为 目前最流行的java开发工具。 3.eclipse 安装后就可以开发java se的项目了，但不能开发 java ee项目，需要安装web 开发插件(lomboz或是myeclipe..) eclipse的官网: http://www.eclipse.orgeclipse开发工具介绍主讲 韩顺平eclipse开发工具介绍■ eclipse工具-安装 在使用eclipse开发java se项目前,我们应当安装以下软件： 1. jdk ；2. eclipse； 下载jdk6.0 的网址: http://www.sun.com 下载eclipse的地址如下:http://www.eclipse.org 我给大家演示一下下载/安装/汉化的过程 eclipse开发工具介绍主讲 韩顺平eclipse开发工具介绍■ eclipse工具-使用 一个新的名词：ide (集成开发环境，比如 jcreator、vs2005这些个开发工具都是ide) 为了让大家迅速的上手eclipse开发工具，我们完成一个 小案例： 1. 建立一个java 工程 路基工程安全技术交底工程项目施工成本控制工程量增项单年度零星工程技术标正投影法基本原理 2. 创建一个java文件Test.java 该文件就输出跳出一个窗口: hello,顺平! 3. 编译Test.java文件,运行该文件swing 组件一览图主讲 韩顺平swing 组件一览图swing 组件 窗体组件主讲 韩顺平swing 组件 窗体组件■ 窗体组件-为什么有? 在图形用户界面编程中,我们必须要用到窗体,也就是大家看到的 那个窗口，这是最基本的。 先前我们看过一个图：这个就是swing的窗体组件JFrame做的, swing 组件 窗体组件主讲 韩顺平swing 组件 窗体组件■ 窗体组件-深入讨论 我们一起看一下java的帮助文档.请大家以后也养成这样一个习惯 -多多看文档. ①JFrame是Frame 的子类。 ②属于容器类组件，顶层容器。 ③JFrame 有一些常用的方法,我演示几个最最常用的方法,通过 java的帮助文档我们可以了解。swing 组件 按钮组件主讲 韩顺平swing 组件 按钮组件■ 按钮组件-为什么有? 在图形用户界面编程中,我们在窗体中会经常使用到按钮,如下图所 示: 我们在进行选择的时候,常常需要确认，所以按钮很重要。swing 组件 按钮组件主讲 韩顺平swing 组件 按钮组件■ 按钮组件-怎么用? 只需要在窗体中添加按钮组件(JButton)即可 完成,我们一起来完成这个简单的案例 (Demo8_2.java) swing 组件 按钮组件主讲 韩顺平swing 组件 按钮组件■ 按钮组件-深入讨论 我们一起看一下java的帮助文档.请大家以后也养成这样一个习惯 -多多看文档. ①JButton是AbstractButton 的子类。 ②属于容器类组件,可以加入别的组件. ③Swing包的按钮组件不只有JButton ,还有 单选按钮 (JRadioButton)、箭头按钮(BasicArrowButton)、触发器按钮 (JToggleButton).. 这些按钮我们在后面会讲解。 三大布局管理器 ---介绍主讲 韩顺平三大布局管理器 ---介绍■ 布局管理器 –介绍 ①概念 组件在容器(比如JFrame)中的位置和大小是由布局 管理器来决定的。所有的容器都会使用一个布局管 理器,通过它来自动进行组件的布局管理。 ②种类 java共提供了五种布局管理器:流式布局管理器 (FlowLayout)、边界布局管理器(BorderLayout)、 网格布局管理器(GridLayout)、卡片布局管理器(CardLayout)、 网格包布局管理器(GridBagLayout)。其中前三种是最常见的布局 管理器。三大布局管理器 ---边界布局主讲 韩顺平三大布局管理器 ---边界布局■ 边界布局BorderLayout –介绍 边界布局(BorderLayout)将容器简单的划分为东南 西北中5个区域，中间区域最大。 JFrame窗体，JDialog对话框组件默认布局方法三大布局管理器 ---边界布局主讲 韩顺平三大布局管理器 ---边界布局■ 边界布局BorderLayout –使用 我们对Demo8_2.java改进,让它可以显示不同的按 钮组件(JButton)。 这里请大家注意 边界布局的使用。 三大布局管理器 ---边界布局主讲 韩顺平三大布局管理器 ---边界布局■ 边界布局BorderLayout –注意事项 1.不是五个部分都必须添加. 2.中部组件会自动的调节大小. 3.JFrame ,JDialog 默认布局管理器就是 BorderLayout。 三大布局管理器 ---流式布局主讲 韩顺平三大布局管理器 ---流式布局■ 流式布局FlowLayout –介绍 请大家看一个组件布局图: FlowLayout布局,按照组件的添加次序将按钮组件(当然也可以 是别的组件)从左到右放置在容器中。当到达容器的边界时,组件将 放置在下一行中。FlowLayout 可以以左对齐、居中对齐、以右对齐 的方式排列组件 。三大布局管理器 ---流式布局主讲 韩顺平三大布局管理器 ---流式布局■ 流式布局FlowLayout –使用 我们为大家演示一下如何用流式布局来部署组件(Demo8_3.java) 这里请大家注意 流式布局的使用。 三大布局管理器 ---流式布局主讲 韩顺平三大布局管理器 ---流式布局■ 流式布局FlowLayout –注意事项 1.不限制他所管理的组件大小,允许他们有最佳大小 2.当容器被缩放时,组件的位置可能变化,但组件的 大小不变。 3.默认组件是居中对齐,可以通过FlowLayout(int align) 函数 excel方差函数excelsd函数已知函数     2 f x m x mx m      2 1 4 2拉格朗日函数pdf函数公式下载 来指定对齐方式. 三大布局管理器 ---网格布局主讲 韩顺平三大布局管理器 ---网格布局■ 网格布局GridLayout –介绍 请大家看一个组件布局图: GirdLayout布局,听其名而知其意,它将容器分割成多行多列,组 件被填充到每个网格中,添加到容器中的组件首先放置在左上角的 网格中,然后从左到右放置其它的组件,当占满该行的所有网格后, 接着继续在下一行从左到右放置组件。三大布局管理器 ---网格布局主讲 韩顺平三大布局管理器 ---网格布局■ 网格布局GridLayout –使用 我们为大家演示一下如何用网格布局来部署组件(Demo8_4.java) 这里请大家注意 网格布局的使用。 三大布局管理器 ---网格布局主讲 韩顺平三大布局管理器 ---网格布局■ 网格布局GridLayout –注意事项 1.组件的相对位置不随容器的缩放而变化,但大小会 变化。 2.所有组件的大小相同。 3.可以通过GridLayout(int rows,int cols,int hgap,int vgap)来指定网格的行/列,水平间隙/垂 直间隙。 参数说明: rows: 行数 cols: 列数 hgap: 垂直间隙 vgap: 水平间隙 三大布局管理器 ---小结主讲 韩顺平三大布局管理器 ---小结■ 开发GUI程序步骤 1.继承Jframe 2.定义需要的组件 3.创建组件 4.设置布局管理器 5.添加组件 6.显示窗体 swing组件 ---面板组件主讲 韩顺平swing组件 ---面板组件■ 面板组件(Jpanel)-为什么有? 在图形用户界面编程中,如果只是普通的组件布局,我们用前面 讲的三种布局管理器就可以解决,但是在比较复杂的布局要求时,就 需要使用布局管理器的组合使用,比如下图: swing组件 ---面板组件主讲 韩顺平swing组件 ---面板组件■ 面板组件(JPanel)-怎么用? JPanel :面板组件，非顶层容器， 一个界面只可以有一个JFrame窗体组件，但可以有多个Jpanel 面板组件，而JPanel上也可使用FlowLayout,BorderLayout, GirdLayout等各种布局管理器，这样可以组合使用达到较为复杂的 布局效果。案例(Demo8_5.java) ,可以做图说明原理。swing组件 ---面板组件主讲 韩顺平swing组件 ---面板组件■ 面板(JPanel)组件-注意事项 我们一起看一下java的帮助文档.请大家以后也养成这样一个习惯 -多多看文档。 ①JPanel是JComponent 的子类。 ②属于容器类组件，可以加入别的组件. ③默认布局管理器是 流式布局(FlowLayout) swing组件 --- 文本框/密码框/标签主讲 韩顺平swing组件 --- 文本框/密码框/标签■ 几个常用组件 在图形用户界面编程中,我们常常会提供用户登陆界面,比如登录到 会员管理系统、登录到工资管理系统、仓库管理系统等,如下图: 这个时候我们就会用到: 1.文本框(JTextField) 2.密码框(JPasswordField) 3.标签(JLable) 见案例(Demo8_6.java)swing组件 --- 复选框/单选框主讲 韩顺平swing组件 --- 复选框/单选框■ 几个常用组件 在图形用户界面编程中,我们常常会提供用户注册界面,如下图: 这个时候我们就会用到: 1.复选框组件(JCheckBox) 2.单选框组件(JRadioButton) 见案例(Demo8_7.java) 特别说明: 同一组单选按钮必须先创建 ButtonGroup,然后把单选框 组件放入到ButtonGroup中 swing组件 --- 下拉框/列表框/滚动窗格组件主讲 韩顺平swing组件 --- 下拉框/列表框/滚动窗格组件■ 几个常用组件 在图形用户界面编程中,我们常常会提供用户调查界面,如下图: 这个时候我们就会用到: 1.下拉框组件(JComboBox) 2.列表框组件(JList) 3.滚动窗格组件(JScrollPane) 见案例(Demo8_8.java) 特别说明: 一般来说,列表框组件+滚动窗格组 件是结合使用的.目的是让列表框中的选项可以有滚动条支持。swing组件 --- 总结主讲 韩顺平swing组件 --- 总结■ 总结 1.本章我们讲解了swing的常用组件(JFrame 、 JButton、JPanel、JLable、JTextField、 JPasswordField、JCheckBox、JRadioButton、 JComboBox、JScrollPane、JList),当然swing 组件还有很多，我就不一一讲解了,在后面用的 时候再讲解。 2.三大布局管理器(BorderLayout、FlowLayout 、GridLayout)，这个大家要灵活使用。从而满足 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 的需要gui编程实战---金山词霸主讲 韩顺平gui编程实战---金山词霸■ 金山词霸 涉及到新的swing组件: ①拆分窗格 ：JSplitPane 属于容器类组件 案例【Demo8_9.java】gui编程实战---qq聊天界面主讲 韩顺平gui编程实战---qq聊天界面■ qq聊天界面 涉及到新的swing组件: ①JTextArea 多行文本框组件 案例【Demo8_10.java】 gui编程实战---qq登录界面主讲 韩顺平gui编程实战---qq登录界面■ qq登录界面 涉及到新的swing组件: ①JTabbedPane 选项卡窗格（页签组件） 案例【Demo8_11.java】 gui编程实战---记事本界面主讲 韩顺平gui编程实战---记事本界面■ 记事本界面 涉及到新的swing组件: ①菜单组件 JMenuBar 菜单条组件 树干 JMenu 菜单组件 树枝 JMenuItem 菜单项组件 树叶 ②二级菜单制作 JMenu里面可以嵌套JMenu ③工具条组件 JToolBar 容器类组件 案例【Demo8_12.java】