015GUI-容器和版面配置.ppt

图形用户界面(GUI)设计 图形用户界面设计概述 布局管理器 常用Swing组件 鼠标和键盘事件 图形用户界面设计概述 什么是GUI—Graphics User Interface 生成GUI的类库—java.awt(abstract window toolkit) GUI的构成—一组图形界面成分和界面元素 各种元素和成分的分类： 容器、控制组件、用户定义成分 实现GUI工作—— （1）创建图形界面成分、元素: 界面 （2）定义图形界面成分、元素：动作事件 GUI支持包 java.awt包 包含和提供大量进行GUI设计所使用的了和接口,包括绘制图形、设置字体和颜色、控制组件、处理事件等内容，它是程序设计的基础。 javax.swing包 提供了从按钮到可拆分面板和表格的所有组件。它是第二代GUI设计工具包，它以AWT为基础且新增和改进了一些组件。 但是，Swing并没有代替AWT。在Java1.1中，AWT事件处理模型有了根本改变。Swing使用的仍然是Java1.1的事件处理模型。 GUI标准组件概述 构建程序的图形用户界面的主要任务： （1）创建各界面组件并排列成图形用户界面的物 理外观。 （2）定义组件对不同事件的响应，从而完成图形 用户界面功能。 组成图形用户界面的成分： （1）用户自定义成分； （2）容器； （3）控制组件。 容器、组件、布局和观感 用户定义成分 用户定义的成分只能起到装饰、美化的作用，不能影响用户的动作，也不具有交互功能。 AWT包结构 Component Container Window Frame Dialg Panel Applet MenuComponent GUI中的框架 在Java中，顶层窗口称为框架。 在AWT库中，对应于框架的类是Frame， 在Swing库中，相应的类是JFrame。 JFrame类扩展了Frame类。 大部分AWT组件在Swing中都有等价的组件，它们在表示形式上差一个“J”。 框架是一个容器，我们可以在这个容器中放入其他一些图形用户界面组件，如按钮、菜单等，从而组成一个功能完善的程序。 Swing类结构简化图 JComponent结构图 Container AWT的容器，其他的awt元件必须放在容器中 Frame 是一个窗口的元件 能独立存在出现在界面上 例子： FrameTest Pannel 不能独立存在 需要放在一个容器中，Frame或者是浏览器 Applet 例子：AppletPanelTest 版面配置 什么是Layout？ 各个平台的像素(pixel)和坐标不同 分辨率的改变 五个基本的Layout类 BorderLayout FlowLayout CardLayout GridLayout GridBagLayout BorderLayout 边界布局把容器分为五个区： 北区NORTH 、南区SOUTH 、 东区EAST 、西区WEST 、 中区CENTER 各区的分布规律是： 上北下南，左西右东 每个区最多只能容纳5个控件。 Frame中的pack和setSize pack：调整到窗体的最佳大小 setSize：设置窗体的大小 FlowLayout 顺序布局是面板(Panel)和它的子类Applet的默认布局方式。 默认居中对齐 元件从左到右，由上到下的排列 在顺序布局方式下，一个组件使用容器的add方法就可以把自己加入到容器的组件队列中。由于顺序布局功能有限，不能很好地控制组件的排列，所以常用在组件较少的情况下，组件较多时可以采用其它布局方式。可使用容器的setLayout方法改变组件布局方式。 CardLayout 卡片布局： 将组件像卡片一样叠放起来，每次只显示一个 使用卡片布局： 首先要创建一个卡片布局管理器对象，然后用setLayout(card)设定容器的布局方式。 通过add(字符串编号,组件)方法来加入组件。 显示一个组件时要通过布局管理器的show方法，它需要两个参数：容器对象名和组件的字符串编号。 GridLayout 网络布局： 把容器区域分成若干个网络，每个网络可以放置一个组件，这种布局方式对数量众多的组件很合适。 创建网络布局管理器时： 可以给出网格的行数和列数。 网格数可比组件数多，但不能少。如果希望某个网格为空白，可为它加上一个空的标签。 在网格布局中也可以用setLayout添加间距。 缺点：所有组件被设置为大小相同。 元件由左到右，上到下，放在大小相等的格中 GridBagLayout 用于复杂界面设计 网格限制类：GridBagConstraints gridx：组件X轴坐标 gridy：组件Y轴坐标 g