当前位置：文档之家 › [工学]SWT图形界面开发第8章

[工学]SWT图形界面开发第8章

  • 格式：ppt
  • 大小：2.51 MB
  • 文档页数：38

下载文档原格式

  / 38

合集下载

《Java面向对象程序设计》课件-第8章 图形用户界面

《Java面向对象程序设计》课件-第8章 图形用户界面
8.2 Swing常见组件
10
认识Swing常用组件
常用 组件
11
GUI编程的一般步骤
创建 窗口
创建 组件
安排 组件
处理 事件
显示 窗口
12
8.2.1 窗口JFrame
JFrame 类的常用方法
序号
方法原型
主要功能
1 JFrame()
默认构造方法，创建窗口
2 JFrame(String title)
✓ 缺点：依赖操作系统来绘制组件并实现功能，不同操作系统下显示不完 全一致。
✓ Sun公司不推荐使用
Swing
✓ Swing 是在AWT的基础上构建的一套新的Java图形界面库。 ✓ 优点：不再依赖操作系统的本地代码，不同操作系统下的显示完全一致。 ✓ Sun推荐使用
5
8.1.2 Swing结构及组件的分类
add(Component
comp,
将指定组件添加到此容器的给定位置上
void doLayout()
使此容器布置其组件
float getAlignmentX()
返回沿 x 轴的对齐方式
float getAlignmentY()
返回沿 y 轴的对齐方式
Component getComponent(int n)
《Java面向对象程序设计》
第8章 图形用户界面
1
内容导览
2
主要内容
8.1 Swing图形库 8.2 Swing常见组件 8.3 布局管理 8.4 事件处理 8.5 Swing其它组件 8.6 实例
3
8.1.1 AWT 和 Swing 8.1.2 Swing结构及组件的分类 8.1.3 ponent常用方法 8.1.4 tainer常用方法

Swing图形用户界面(GUI)设计

Swing图形用户界面(GUI)设计
18
9.5 标签
JLabel常用的方法
• void setText(String text): 定义该组件所能显示的文字。 • void setIcon(Icon icon): 定义该组件所能显示的图形。 • void setIconTextGap(int gap):定义文字和图形间的距离，单位 为像素。 • void setHorizontalAlignment(int alignment): 设置标记内容的 水平对齐方式（LEFT,CENTER,RIGHT,LEADING和 TRAILING）。 • void setHorizontalTextPosition(int alignment): 设置标记内文 字相对于图形的水平位置 （LEFT,CENTER,RIGHT,LEADING和TRAILING）。 • void setVerticalAlignment(int alignment): 设置标记内容的垂 直对齐方式（TOP，CENTER和BOTTOM）。 • void setVerticalTextPosition(int alignment): 设置标记内文字相 对于图形的垂直对齐方式（TOP，CENTER和BOTTOM ）。 19
6
例9-1
7
9.2 文本与字体
本章9.1节的“Hello World”程序中演示了默认字体字符 串的显示。 但是我们常常需要使用不同的字体，通过setFont()方法可 以改变字体。 可以根据字体名来指定字体。 想找出某个计算机上的可用字体，你可以通过调用 GraphicsEnvironment类的getAvaiilableFamilyNames 方法实现。 该方法返回包含所有可用字体名的字符串数组。 GraphicsEnvironment类描述了用户系统上的图形环境， 可以使用静态方法getLocalGraphicsEnviroment来得到 该类的一个实例。 下面是字体显示的例子：

Swing图形用户界面(GUI)设计

Swing图形用户界面(GUI)设计
第9章 Swing图形用户界面（GUI）设计 [内容提要] 本章讲述Java GUI的发展以及如何使用 强大的Java 2 Swing库进行GUI程序设计， 包括AWT和Swing的区别和联系、各种 常见组件和控件的使用。
1
9.1 Swing图形用户界面设计概述
SUN的AWT：Java处理图形用户界面的初始途 径。 AWT库处理图形的基本方法：把这些元素的创 建和行为交给目标平台上的本地GUI工具箱进 行处理。 理论上 “一次编写，随处运行”。 实际上“一次编写，随处调试”。 IFC（Internet Foundation Classes） Sun与Netscape合作开发出：Swing。
JMenuItem: 菜单项。 JPanel: 通用的轻量容器。 JPasswordField: 文本框（用来输入口令）。
4
JPopupMenu: 弹出式菜单。
JPopupMenu.Separator: 分隔线(弹出式菜单专用)。 JProgressBar: 进度条。 JRadioButton: 单选按钮。 JRadioButtonMenuItem: 单选菜单。 JScrollBar: 滚动条。
Swing的AWT关系
JApplet：ng.Applet的扩展版本。 JButton: 按钮或命令按钮。 JCheckBox: 复选框。 JCheckBoxMenuItem: 复选菜单项。 JComboBox: 组合框。 JComponent: Swing组件的基类。 JDialog: 对话框窗口的基类。 JLabel: 标签项。 JList: 列表框。 JMenu: 菜单。 JMenuBar: 菜单条。
8
例9-2
9
9.3 图形设计
Java 2D提供了和设备无关的坐标系统，它不仅 负责用户坐标和设备坐标的转换，还提供了一些 非常有用的二维绘图功能，包括几何图形、直线 式样、图像以及上一节的文本与字体处理。 一、Graphics2D Java2D的绘图环境是一个Graphics2D对象，他 源自于Graphics， 如果要使用Java2D的功能，需要将Graphics对象转 化为Graphics2D对象。

第十八章 图形界面开发--AWT,Swing,SWT

第十八章 图形界面开发--AWT,Swing,SWT

第十八章图形界面开发－－AWT，Swing，SWT第十八章图形界面开发－－AWT，Swing，SWT (1)18.1 图形界面简介 (1)18.1.1 概述 (2)18.1.2 Java的GUI类库发展简介 (3)18.1.3 标准图形界面的组成 (4)18.1.4 常见的可视化界面开发软件 (5)18.2 Applet开发 (6)18.2.1 Applet的HelloWorld开发 (6)18.2.2 Applet的运行方式 (7)18.2.3 Applet的生命周期 (13)18.2.4 Applet安全限制和签名Applet (15)18.2.5 Applet参数传递和JavaScript互操作 (19)18.2.6 从JDK的自带例子中学习Applet和图形界面编程 (29)18.3 使用Matisse4MyEclipse开发AWT/Swing应用 (30)18.3.1 安装开发插件 (30)18.3.2 可视化开发Applet (30)18.3.3 调整生成代码和换肤 (39)18.3.4 开发UDP局域网聊天桌面应用 (41)18.3.5发布应用、启动文件制作 (52)18.4 使用Jigloo插件开发SWT/Swing应用 (59)18.4.1 Jigloo插件的下载安装 (59)18.4.2 搭建SWT开发环境 (60)18.4.3 使用Jigloo开发SWT应用 (65)18.4.4 Jigloo开发SWT的常见问题 (69)18.4.5 Jigloo 开发 Swing应用 (71)18.5 参考资料 (73)18.5.1 网址 (73)18.5.2 Java应用播放声音的代码示例 (74)18.5.3 JavaScript 包的英文参考文档 (78)16.5.4 Eclipse中插件的安装 (83)18.6 小结 (84)18.1 图形界面简介本节简要讨论图形界面，由于定位是开发为主，所以理论之处的讲解并不多，希望读者理解，并自行寻找更多资料补充自学。

8.1 Swing图形用户界面程序设计

8.1 Swing图形用户界面程序设计

第8章Swing图形用户界面程序设计8.0：GUI概述Java语言提供两种图形用户界面，即AWT（早期版本）和Swing（增强了功能、减少了平台相关性）。

一方面：Swing图形用户界面比AWT图形用户界面可以克服更多的操作系统不同所带来的图形界面或交互方式上的差别；另一方面：Swing图形用户界面还增加了功能，可以定制指定的操作系统风格的图形用户界面。

8.1：组件和容器组件和容器是Swing图形用户界面的组成部分。

在Swing图形用户界面程序设计中，要求按照一定的布局方式将组件和容器的组合添加到给定的容器中。

这样，通过组件和容器的组合就形成图形用户界面。

然后通过事件处理的方式实现在图形界面上的人机交互。

8.1.1 整体介绍容器本身也是组件。

按组件和容器的用途来分：顶层容器、一般容器、专用容器、基本控件、不可编辑信息组件和可编辑组件。

1：顶层容器主要有三种：小应用程序（Applet和JApplet）、对话框（Dialog 和JDialog）和框架（Frame和JFrame）。

这三种容器在AWT图形用户界面中对应的类分别是java.applet.Applet、java.awt.Dialog和java.awt.Frame；在Swing图形用户界面中对应的类分别是javax.swing.JApplet、javax.swing.JDialog和javax.swing.JFrame，这些名称均以“J”开头。

小应用程序主要用来设计嵌入在网页中运行的程序；对话框通常用来设计具有依赖关系的窗口；框架主要用来设计应用程序的图形界面。

2：一般容器包括面板（Jpanel）、滚动窗格（JScrollPane）、分裂窗格（JSplitPane）、选项卡窗格（JTabbedPane）和工具条（JtoolBar）。

面板通常是只有背景色的普通容器；滚动窗格具有滚动条；分裂窗格是用来装两个组件的容器；选项卡窗格允许多个组件共享相同的界面空间；工具条通常将多个组件（通常是带图标的按钮组件）排成一列或一排。

图形界面开发(复习)ppt课件

图形界面开发(复习)ppt课件

可编辑课件
9
事件监听器的两种实现方式
2 从事件适配器派生
Swing（SWT）类库对具有两个或两个以上 方法的事件监听器接口都设计了一个对应的事 件适配器类，对各个方法做了空实现。
Swing（SWT）应用程序的事件监听器就可 以从相应的事件适配器类派生，在事件监听器 类中只实现需要的方法。
可编辑课件
可编辑课件
3
1.4.1可视化程序设计的概念
可视化程序设计，也称为可视化编程，是以 “所见即所得”的编程思想为原则，通过直 观的操作方式进行界面的设计，并即时在设 计环境看到其在运行环境的实际表现结果， 从而实现编程工作的可视化，及程序代码的 自动生成。
其实质是设计过程可视化，设计结果即时呈 现。通俗描述就是“看着画”界面。
10
例3.2 在学生成绩管理系统的用户登录界面中，规定用 户名必须是由字母和数字组成，否则为非法用户名。给 用户名文本框jTextFieldUserName设计并注册一个校 验器，防止输入非法字符。
【分析】文本字段（JTextField）组件可以监听KeyEvent 事件，在文本字段输入时发生。通过KeyEvent对象的 getKeyChar方法可以获取用户击键所对应的字符。因此 ，可以设计KeyEvent事件的监听器，在typedText方法 中监测用户输入内容，防止输入非法用户名。
（3）在【项目名称】字段中输入项目名称，然后指定 项目位置。
（4）将【使用专用文件夹存储库】复选框保留为取消 选中状态。
（5）单击【创建主类】复选框，设置为取消选中状态
（未打钩√）。
可编辑课件
6
（6）单击【完成】按钮。
“口令”字段JPasswordField的设计

网络程序设计java第08章Swing图形用户界面程序设计new


javax.swing.JButton
javax.swing. JToggleButton
javax.swing.JCheckBox
javax.swing.JRadioButton
2019/10/18
13
示例
【例8-3】J_Button.java,命令式按钮、复选框和单选按钮例程
2019/10/18
• 设置最多显示列表项的项数
– 滚动条(Scrollbar)会自动加上
2019/10/18
15
示例
【例8-4】J_Lines.java,组合框、列表框、文本区域和滚动窗格例程
2019/10/18
16
框架(JFrame)
• Swing组件从功能分可以分成三种，分别是顶层组件，中间 组件和基本组件。JFrame就是顶层组件，简单的描述也就是 可以独立显示的组件。而中间组件是可以充当载体，但是不 能独立显示的组件，可以把基础组件放在其中，但是还是要 依托在顶层容器内才可以显示。基础组件则是实现人机交互 的基本组件。
22
FlowLayout
• 是一种最基本的布局管理器 • 是 java.awt.Applet、java.awt.Panel 和
javax.swing.JPanel的默认布局方式 • 在容器中，从左到右依次放置GUI组件 • 当组件排到容器一行的末尾时，则从下一
行开始接着排列组件 • 每行组件的对齐方式可以是: 左对齐、中间
• 当鼠标左键单击按钮组件时，能触发特定 的事件
• 在Java中, 广义的按钮包括:
– 命令式按钮(JButton) – 复选框(JCheckBox) – 单选按钮(JRadioButton)
2019/10/18

工学第9章图形用户界面设计

public void paint(Graphics g) {
int x[ ] = { 30,90,100,140,50,60,30 }; int y[ ] = { 30,70,40,70,100,80,100 }; int pts = x.length; g.drawPolygon(x,y,pts); } }
public void paint(Graphics g) {
g.drawRect(10,10,60,60); g.fillRect(80,10,60,60); } }
Applet多媒体编程-图形
import java.awt.*; import java.applet.*; public class PolyApplet extends Applet {
Object
Component
Container
Window
JComponent
Dialog
Swing: 可以看作是AWT的改良版，而不是替代AWT，是对 AWT的提高和扩展。
Swing中的类是从AWT中继承的，有些Swing类直接扩展 AWT中对应的类。
omponent)是图形用户界面的基本组成元素，
凡是能够以图形化方式显示在屏幕上并能够与用户进 行交互的对象均为组件，如菜单、按钮、标签、文本 框、滚动条等。
可编辑控件： JColorChooser,JFileChooser,JTextArea
AWT包结构
Component
Canvas
Container
TextComponent
Button
Panel
Window
TextField
Applet
Frame
Dialog

网络程序设计java第08章Swing图形用户界面程序设计new


javax.swing.JButton
javax.swing. JToggleButton
javax.swing.JCheckBox
javax.swing.JRadioButton
2019/10/24
13
示例
【例8-3】J_Button.java,命令式按钮、复选框和单选按钮例程
2019/10/24
2019/10/24
30
示例
【例8-8】J_CardLayout.java,卡片布局管理器例程
2019/10/24
31
BoxLayout
• BoxLayout允许多个组件在容器中沿水平方 向或竖直方向排列，不换行、换列。
2019/10/24
32
示例
【例8-9】J_CardLayout.java,卡片布局管理器例程
• 当鼠标左键单击按钮组件时，能触发特定 的事件
• 在Java中, 广义的按钮包括:
– 命令式按钮(JButton) – 复选框(JCheckBox) – 单选按钮(JRadioButton)
2019/10/24
12
按钮类的层次结构
javax.swing.JComponent
javax.swing.AbstractButton
14
组合框(JComboBox)
• 组合框(JComboBox)
– 可以从下拉式的列表框中选取其中的列表项 – 有时也称为下拉框(drop-down list)
• 类JComboBox中的方法
– getSelectedIndex( )
• 返回当前被选中的项
– setMaximumRowCount( n )
2019/10/24

Java图形用户界面编程：Swing、AWT和SWT

Java图形用户界面编程：Swing、AWT和SWT引言Java是一种广泛使用的编程语言，它具有跨平台和面向对象的特性。

其中一个重要的应用领域是图形用户界面（GUI）编程。

在Java中，有多种GUI库可供选择，其中包括Swing、AWT和SWT。

本文将介绍这三种GUI库的特点和用法。

第一章：SwingSwing是Java提供的一个用于构建GUI的库。

它提供了丰富的组件，可以用于创建按钮、标签、文本框、下拉框等常用的GUI控件。

Swing还支持布局管理器，用于帮助开发人员设计和管理GUI界面的布局。

Swing的一个重要特点是它是基于Java的轻量级组件库。

这意味着Swing的组件不依赖于底层操作系统的GUI库，而是完全用Java代码实现。

这使得Swing 的界面在不同操作系统上具有一致的外观和行为。

使用Swing编写GUI界面非常简单。

开发人员只需要创建Swing组件对象，并将它们添加到容器中。

然后，可以使用事件监听器来处理用户操作，例如按钮点击或文本输入。

Swing还提供了一些高级功能，例如绘图和自定义组件。

开发人员可以使用Swing提供的绘图工具绘制图形，或者创建自己的组件来满足特定的需求。

第二章：AWTAWT（Abstract Window Toolkit）是Java提供的另一个GUI库。

它是Java 最早的GUI库，也是Swing的前身。

与Swing不同，AWT的组件是依赖于底层操作系统的GUI库实现的。

AWT提供了一组基本的GUI组件，例如按钮、标签、文本框等。

它还提供了布局管理器，用于帮助开发人员设计和管理GUI界面的布局。

AWT与Swing相比，它的外观和行为更加依赖于底层操作系统。

这意味着AWT 的界面在不同操作系统上可能会有所差异。

使用AWT编写GUI界面的过程与使用Swing类似。

开发人员只需要创建AWT 组件对象，并将它们添加到容器中。

然后，可以使用事件监听器来处理用户操作。

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

7
}
}
final Combo c = new Combo(s, SWT.READ_ONLY); c.setBounds(50, 50, 150, 65); String items[] = {"Item One", "Item Two", "Item Three", "Item Four", "Item Five"}; c.setItems(items); s.open(); while(!s.isDisposed()){ if(!d.readAndDispatch()) d.sleep(); } d.dispose();
String item = c.getText( );
12
这会返回所选项目的String值。如果你需要索引值，可 以用下面的方式：
int i = c.getSelectionIndex( );
getSelectionIndex()会返回所选项目的索引值（零基 准），若没有项目被选取时则返回-1。
SWT 图形用户界面设计
1
第八章 SWT Combo
四种基本SWT widget的class中的最后一种是Combo。 Combo是用来让用户从一组项目选择或是输入不在项目中的 文字来收集信息。它结合了List与Text这两个class的功能， 因此叫做combo。 因为Combo是两种class的结合，所以必须要分别以两种 class的观点来考虑。这一章会先从List的观点来查看 Combo，然后再以Text的观点继续下去。
c.select(0);
因为Combo是由text部分加上list部分所组成，你也可 以通过设定text字段的文字来使某个项目被选取。这对 以SWT.READ_ONLY样式创建出的Combo建出的则不会起作用：
8
这里用的是setItems()来将项目加到list中。虽然会 增加所需的程序代码行数，但是add()也可以很容易地 用在此处。
9
combo box比listbox多了一项好处。如你所见的， combo box所占的面积比类似功能的listbox要小。 combo box中的“list”部分在用户按下箭头按钮之前 是隐藏起来的，如图8-2所示。
13
8.5 程序化地选取项目
如同List，有时候程序化地让Combo中的项目不经用户 而被选取是很有用处的。例如，假设你需要window开启 的时候已经选取了默认的项目，如图8-4所示。在这种 情况下，你需要强制选取适当的项目。
14
对Combo进行程序化地选取与在List中进行选取一样的--对select()这个method做调用就可以。下面这行程序 导致第一个项目被选取：
10
当用户从list中选取一个项目后，drop-down的部分又 会被隐藏起来且该项目会显示在如图8-3所示的text部 分中。
11
8.4 取得选取项目的值
在创建combo之后，主要会对combo执行的交互就是判别 用户选取了那个项目。 由于几个原因，在Combo上取得被选取的项目会比在 List上容易得多。首先，因为所有的combo都是单选的， 你无需担心要去分解多重选择的array来判别哪些项目 被选取。 第二个原因是combo中text字段与list的双重用途。当 用户从list中选出一个项目之后，text的部分就会显示 出所选的项目。要判别是哪个项目，可以使用下面的程 序代码：
5
你也可以创建出String对象的array来保存项目，然后 对setItems()做一次调用：
String items[] = {"Item One", "Item Two", "Item Three", "Item Four", "Item Five"};
c.setItems(items);
4
8.2 为Combo List加入项目
如同List对象，你可以使用两种机制来将项 目加到Combo中。第一种是使用add()这个 method：
c.add("Item One"); c.add("Item Two"); c.add("Item Three"); c.add("Item Four"); c.add("Item Five");
6
8.3 创建可运作的Combo List
例8-1会创建出有5个项目加入到list中的Combo对象。
Example 8-1. A Combo example class import org.eclipse.swt.SWT; import org.eclipse.swt.graphics.Image; import org.eclipse.swt.widgets.*; public class ComboExample { Display d; Shell s; ComboExample() { d = new Display(); s = new Shell(d); s.setSize(250,250); s.setImage(new Image(d, "c:\\icons\\JavaCup.ico")); s.setText("A Combo Example");
2
8.1 创建Combo List
如同所有的widget，你必须通过创建出Combo的
instance并传入所想要的样式参数来将Combo加到Shell
或其他的容器中。
对Combo来说，有三种基本的样式---SWT.DROP_DOWN、
SWT.READ_ONLY、SWT.SIMPLE。
3
下面这段程序代码会创建Combo、设定Combo 的大小与位置：
final Combo c = new Combo(s, SWT.READ_ONLY); c.setBounds(50, 50, 150, 65); 前面的程序代码创建出SWT.READ_ONLY样式的Combo。 SWT.READ_ONLY让用户仅能在Combo中显示的list部分作 出单一的选择，并禁止在text中输入没有出现在list中 的任何文字。