《Java程序设计》课程的主要目标有三： 一、掌握Java语言的语法，能够较为深入理解Java语言机制，掌握Java语言面向对象的特点。 二、掌握JavaSE中基本的API，掌握在集合、线程、输入输出、图形用户界面、网络等方面的应用。三、能够编写有一定规模的应用程序，养成良好的编程习惯，会使用重构、设计模式、单元测试等方式提高代码的质量。 本课程要求学习者有一定的程序设计基础，如学过C或者C++语言。
10.2 实现界面的三步曲:组件、布局、事件
Loading...
來自 Peking University 的課程
Java程序设计
175 個評分
Explore Related Videos
At Coursera, you will find the best lectures in the world. Here are some of our personalized recommendations for you
從本節課中
图形用户界面
本章将介绍图形用户界面的(GUI)基本组成和主要操作，包括AWT组件、布局管理、事件处理、绘制图形、显示动画、使用Swing组件等，在本章的最后还介绍了基于GUI的应用程序的一般建立方法，包括使用菜单、工具栏、剪贴板等。
與講師見面
唐大仕博士
北京大学信息科学技术学院
嗨，你好。下面一起来学习实现图形用户界面的三步曲。
要创建一个图形用户界面呢，我们需要三步。
第一步呢需要有组件，也就是说按钮啊、文本框啊
我们要放上去。第二步呢，指定布局。那就有了这些组件，我们放到哪个地方，这个位置关系。
我们叫布局。第三个呢，叫做响应时间，也就是说当这个按钮点击了以后
我们要做一定的处理要编写一定的代码。这样就叫响应事件。
那么组件、布局和事件。
这是我们实现图形界面的三个基本步骤。
当然要实现这几个步骤，我们最简单呢就是
用这种集成开发环境里面的窗体设计器，也就是这种
直接可视化的应用设计。那在Eclipse当中比较方便，我们在项目上 点右键，创建一个它叫Windows
Builder里面有一个Swing Designer 就是Swing组件的设计器。创建一个Jframe，
然后我们就可以在上面呢进行工作。注意呢它这里呢有一个 源代码模式或设计模式，我们到设计模式呢
就可以做这个工作。那这些工作呢，就是我们刚才说的，一个是要创建组件
然后呢指定布局，我们可以指定为绝对布局等等。
然后呢把这些组件加上去，再添加事件。那么这些呢都可以用
在直接在这个图形界面里面就可以设计。
我们演示一下。请看这里。那我们进到这个设计器以后，它这一组
下面就有一个source或design两种模式，那这两种模式呢我们到design模- 式下面呢
就可以对这样一个Jframe，就是一个窗口。
那这个窗口我们点右键可以呢看它有一个Set Layout
设定布局，那这个布局呢有很多我们后面会逐点讲到。
那么绝对布局呢就是你可以任意放置的意思，实际上就是没有布局。
然后我们后面还有其他的，比如说流式布局啊等等，后面会讲到。那这是指定布局。
然后呢，这里面它有个工具箱，这个工具箱上面呢有很多的组件。
我们可以把需要的组件放在那，比如说这里常用到标签
文本框、按钮等等。那我们这里呢把它放一个按钮，放上来。
这是一个。那么对于任何一个这个组件呢，我们又可以点右键，
可以给你看到属性，啊，propetise。那这个属性呢就在这个属性窗口里面，
这个属性窗口里面我们可以设置，比如说设置它 的这个文本,
txt，那我们可以设定为 比如说叫做Say
Hello等等 那这时可以设定
它的各种属性，这是一个。同时呢，我们还可以呢很重要的一个工作呢，
就是指定它的事件，这个要添加事件处理器
那么这些事件处理机可以响应各种各样的事件，比如说我们这里有鼠标的事件，
然后呢有按那个key有这个键盘的事件， 然後后当然我们这里呢对按钮最常见的就是
Action这个事件，Action就是动作事件， 然后我们按了回车，或者是鼠标点击了这个按钮，有个动作
那我们就可以添加这个事件。所以它的这几步呢在 图形化这个界面是很方便的，那
对于Netbeans呢也是类似的，它也兴建一个Swing Gui的窗体，那这个窗体呢也可以指定布局
然后呢插入这些组件，然后指定事件等等。当然我们从代码的角度来看呢
也是要这几步，也是要这几步，那么最重要的呢是一个是
使用JFrame，也就是我们所说的这个带框架的窗口，或者我们直接叫窗口也行。
就是JFrame这个创建窗口，这个创建窗口呢我们
在写的时候呢也要把组件给加进去，呃，再加进去，也要设定布局
然后我们设定布局，或者加组件能用代码来实现
其中呢要注意的是我们一些要点，比如说
要把一个JFrame设为它可以关闭，平时你打这个关键钮它是没有用的，
我们要写一句话，要写setDefaultClostOperation就是EXIT_- ON_CLOSE
让它关闭的时候啊整个程序又退出，这句话呢是经常写的。
另外一个呢，对于这些我们顶层的容器呢， 它在添加组件的时候呢，要写一个getContentPane()
getContentPane().add，那么这么一个
这种顶层组件呢它里面都有一个面板，叫做内容面板，那我们加对象呢是
直接加到那个内容面板里头。那么在早期的AWT组件呢它没有内容面板就直接用Add
那对于这个呢我们要getContent.Pane()，那当然它这个直接写add也可以
因为呢它这个addd的方法呢它调用了就是getContentPane().add 另外呢setLayout的也是，setLayout的呢
也可以呢直接写，直接写setLayout。我们下面看一下啊代码
请看这里。我们图形化界面呢组常用的是这个JFrame.
自己的一个窗口呢就是extend继承那个JFrame 那么继承的时候呢，这些窗口的那些功能呢完全继承下来咯
我们只需要做一些自己的工作，比如说 我们这里声明一个JLabel标签
然后在构造方法里头呢，调用父类的构造方法，同时呢这就是这几个重要的工作
第一个New创建这个组件，比如说创建一个标签对象。
然后呢要不然把它加进去，要加到这个Content Pane点add
加上它，但是我们可以直接写add，这个add的方法呢它内部调用的
就是这个加到内容面板上，然后再做一些其他处理，比如说设定大小
这个也很重要，设定可关闭，就是说它的默认的关闭操作。
就是退出。那我们在运用程式里面呢就可以
new这样的对象，然后setVisible(true)把它显示出来。这个程序呢 运行一下它效果是这个样子的
请看看那个效果，这就是一个带框架的窗口
我们简称为窗口。然后呢上面呢加了一个标签Label这个对象。
这是基本的一个步骤，
我们下面呢再看一个使用按钮，那这个按钮呢要处理事件。
这个处理事件呢我们有多了一个按钮对象addActionListener
那就添加一个事件的监听器，就是事件的处理器。
那这个事件监听器呢我们下面看看代码怎么写 请看这里这个代码呢就比刚才呢稍微复杂一点点
我们这里呢就加了一个JButton一个按钮， 对象，两个按钮对象，还有一个文本框对象，
然后在构造方法里头，我们做了一些处理，比如说设定它的
属性，这里呢是ToolTip就是小提示，鼠标指上去那个小提示。
然后甚至还可是设置Icon，设定它的图标。设一个图标，我们有一个图片文件
来作为这个图标。然后呢要把设定这个内容面板上面要设定
layout，那这个呢可以直接省略，把前面给省略掉直接写SetLayout也可以
这里呢是流动式布局FlowLayout，流动式布局，我们后面会详细讲。
那么这个布局呢我们可以把对象呢放上去add，add，再add，把这三个对象放上去。
然后我们再设定一些大小啊，可关闭啊等等。下面一个就比较关键，
就是我们要new一个ActionListener，这个ActionListener呢
它实际上呢是一个事件处理，这个事件处理呢就 里面有一个方法叫做actionPerformed
这实际上就是个接口了，我们实现这样一个接口，然后里面最重要的实现这个actionP- erformed
当这个对象事件发生以后，现在是action动作事件
这个动作事件呢是一个参数，这个事件发生以后我们做一些工作，这里呢
是这个事件得到它的这个 原始对象，也就是是那一个对象发出来的事件
把它转换成一个JButton，因为我们知道它是一个JButton按钮
然后getText，然后把这个Text呢
再放到这个文本框里面去，setText。所以这样一个动作
这是我们有这个监听器，当然我们要用addActiongListener，把这个- 监听器呢
加到这个按钮1或按纽2上面，那主程序呢main函数
就是new这样一个Frame对象，然后把它显示出来。
我们运行一下，看看效果。
那这里呢就加了几个按钮和一个文本框。
然后还有的按钮呢有这个图标 然后我们点击这个按钮，它就在这里显示呢
这个文本，相应的文本信息。这就是刚才说的事件响应，同样的我们按按钮2
因为它也有个事件，所以它说按钮2pressed。对于窗体
设计器生成的代码呢跟它类似，那有的时候我们可以查看这样的代码
然后呢学习一下。在复杂的对象的时候呢，我们 用这个窗体设计器还是很方便的，它会自动生成代码
我们浏览一下看看这样生成的代码长什么样子。你看这里，这是自动生成的代码，它也是一样的 我们这里呢Frame
extend JFrame，里面呢有相应的 这个对象，相应的这个对象，但在main函数里面呢
它最重要的就是new了一个这个Frame对象，然后setVisible
而在构造函数里头，它主要做的事情呢也
是一样的，设定一些比如说可关闭呐，设定一下大小啊， 然后setLayout，设定它的布局
然后呢要把这些对象要加进去，那对象要加进去，同时呢也有事件，
事件呢它自动生成了addActionListener，里面呢也有一个actionP- erformed，然后我们就可以在里面呢
手工的添写我们最关心的这个代码。
