java gui

目标：初步掌握swing组件的使用，指导什么是awt,swing,swt,JFace，掌握常用的布局管理器

GUI：Graphics User Interface

Sun公司已经提供了一个跨平台GUI开发工具包AWT，即抽象窗口工具集（Abstract Window Toolkit），这里面提供了很多类和接口，但是随着发展，出现了本地化的问题，在不同的系统运行界面效果不一样，所以SUN公司又创建了一个新的GUI框架swing，解决了awt存在的lcd问题。相当于awt的一次升级

IBM认为swing比较消耗内存，创建了一个新的GUI库，就是SWT，IBM为了方便开发SWT程序，在SWT基础上又创建了一个更易用，功能强大的图形包“JFace”。

我们主要学习swing。

快速入门：



【1】JFrame是Frame的子类，属于容器类组件，顶层容器，有一些常用方法

//JFrame是一个顶层容器类，可以添加其它swing组件

JFrame jf = new JFrame();

//给窗体设置标题

jf.setTitle("坦克大战");

//设置大小，按像素计算宽与高，像素是个密度单位，不是长度单位

jf.setSize(300,300);

//显示窗体

jf.setVisible(true);

//设置初始位置

jf.setLocation(100,200);

//关闭窗口，程序结束运行(JVM也退出)

jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

【2】JButton是AbstractButton的子类，属于容器类组件，可以加入别的组件，Swing包的按钮组件不只有JButton，还有单选按钮（JRadioButton），箭头按钮（BasicArrowButton），触发器按钮（JToggleButton）...

package com.zjz.gui;

import java.awt.*;

import javax.swing.*;

import javax.swing.plaf.basic.BasicArrowButton;

public class Demo8_1 extends JFrame{

JButton jb1 = null;

public static void main(String[] args) {

Demo8_1 demo8_1 = new Demo8_1();

}

public Demo8_1() {

//JFrame是一个顶层容器类，可以添加其它swing组件

JButton jb1 = new JButton("确认");

BasicArrowButton bab = new BasicArrowButton(1);

//给窗体设置标题

this.setTitle("坦克大战");

//设置大小，按像素计算宽与高，像素是个密度单位，不是长度单位

this.setSize(300,300);

//显示窗体

this.setVisible(true);

//设置初始位置

this.setLocation(100,200);

//关闭窗口，程序结束运行(JVM也退出)

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

//添加按钮

this.add(bab);

}

}

【3】布局管理器：组件在容器（比如JFrame）中的位置和大小是由布局管理器来决定的，所有的容器都会使用一个布局管理器，通过它来自动进行组件的布局管理。

种类：流式布局管理器（FlowLayout），边界布局管理器（BorderLayout），网格布局管理器（GridLayout），卡片布局管理器（GardLayout），网格包布局管理器（GridBagLayout），前三种是最常见的布局管理器

（1）BorderLayout将容器简单的划分为东南西北中5个区域，中间区域最大。这是JFrame窗体，JDialog对话框组件默认布局方法


/**

* BorderLayout案例

* 1.集成JFrame 2.定义需要的各个组件 3.在构造函数中创建组件

* 4.添加组件 5.对窗体进行设置

*/

package com.zjz.gui;

import java.awt.*;

import javax.swing.*;

public class Demo8_2 extends JFrame{

//定义组件

JButton jb1,jb2,jb3,jb4,jb5;

public Demo8_2() {

//创建组件

jb1 = new JButton("中部");

jb2 = new JButton("北部");

jb3 = new JButton("东部");

jb4 = new JButton("南部");

jb5 = new JButton("西部");

//添加各个组件

this.add(jb1,BorderLayout.CENTER);

this.add(jb2,BorderLayout.NORTH);

this.add(jb3,BorderLayout.EAST);

this.add(jb4,BorderLayout.SOUTH);

this.add(jb5,BorderLayout.WEST);

//设置窗体属性

this.setLocation(100,200);

this.setTitle("边界布局案例");

this.setSize(300,300);

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

this.setVisible(true);

}

public static void main(String[] args) {

Demo8_2 demo8_2 = new Demo8_2();

}

}

不是五个部分必须添加，中部组件会自动调节大小

（2）流式布局FlowLayout

它不限制它所管理的组件大小，允许他们有最佳大小。当容器被缩放时，组件的位置可能变化，但是组件的大小不会变化。默认组件采用居中对齐方式，可以通过FlowLayout(int align)函数来改变，还可以禁止用户改变窗体大小 setResizable(false);

/**

* 功能：流式布局案例

*/

package com.zjz.gui;

import java.awt.*;

import javax.swing.*;

public class Demo8_3 extends JFrame{

JButton jb1,jb2,jb3,jb4,jb5,jb6;

public Demo8_3() {

jb1 = new JButton("关羽");

jb2 = new JButton("张飞");

jb3 = new JButton("赵云");

jb4 = new JButton("马超");

jb5 = new JButton("黄忠");

jb6 = new JButton("魏延");

//设置布局管理器

this.setLayout(new FlowLayout(FlowLayout.LEFT));//默认居中对齐

this.add(jb1);

this.add(jb2);

this.add(jb3);

this.add(jb4);

this.add(jb5);

this.add(jb6);

this.setTitle("流式布局案例");

this.setSize(300,300);

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

this.setLocation(0,0);

this.setVisible(true);

this.setResizable(false);//禁止用户改变窗体大小

}

public static void main(String[] args) {

Demo8_3 demo8_3 = new Demo8_3();

}

}

（3）网格布局GridLayout

将容器分割成多行多列，组件被填充到每个网格中，添加到容器中的组件首先放置在左上角的网格中，然后从左到右放置其它的组件，当占满该行后，接着继续在下一行从左到右放置组件

组件的相对位置不随容器的缩放而变化，但大小会变化，所有组件的大小相同

可以通过GridLayout(int rows,int cols,int hgap,int vgap)来指定网格的行/列，水平间隙/垂直间隙

（4）组合使用创建较为复杂的界面————————JPanel

它是面板组件，非顶层容器。一个界面只可以有一个JFrame窗体组件，但可以有多个JPanel面板组件，而JPanel上也可以使用FlowLayout,BorderLayout,GridLayout等各种布局管理器，这样可以组合使用达到较为复杂的布局效果。JPanel的布局默认为FlowLayout。

/**

* 功能：多种布局管理器的使用

*/

package com.zjz.gui;

import java.awt.*;

import javax.swing.*;

public class Demo8_6 extends JFrame{

JPanel jp1,jp2;

JButton jb1,jb2,jb3,jb4,jb5,jb6;

public static void main(String[] args) {

Demo8_6 demo8_6 = new Demo8_6();

}

public Demo8_6() {

jp1 = new JPanel();

jp2 = new JPanel();

jb1 = new JButton("西瓜");

jb2 = new JButton("苹果");

jb3 = new JButton("荔枝");

jb4 = new JButton("葡萄");

jb5 = new JButton("桔子");

jb6 = new JButton("香蕉");

jp1.add(jb1);

jp1.add(jb2);

jp2.add(jb3);

jp2.add(jb4);

jp2.add(jb5);

this.add(jp1,BorderLayout.NORTH);

this.add(jp2,BorderLayout.SOUTH);

this.add(jb6,BorderLayout.CENTER);

this.setTitle("布局综合案例");

this.setSize(200,200);

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

this.setLocation(200,200);

this.setVisible(true);

}

}

（5）其它的一些常用控件：

例如文本框：JTextField

密码框：JPasswordField

标签： JLabel

/**

* 功能：常用控件

*/

package com.zjz.gui;

import java.awt.*;

import javax.swing.*;

public class Demo8_7 extends JFrame{

JPanel jp1,jp2,jp3;

JLabel jl1,jl2;

JTextField jtf;

JPasswordField jpf;

JButton jb1,jb2;

public Demo8_7() {

jp1 = new JPanel();

jp2 = new JPanel();

jp3 = new JPanel();

jl1 = new JLabel("用户名");

jl2 = new JLabel("密 码");

jb1 = new JButton("确定");

jb2 = new JButton("取消");

jtf = new JTextField(10);//10为宽度

jpf = new JPasswordField(10);

this.setLayout(new GridLayout(3,1));

this.add(jp1);

this.add(jp2);

this.add(jp3);

jp1.add(jl1);jp1.add(jtf);

jp2.add(jl2);jp2.add(jpf);

jp3.add(jb1);jp3.add(jb2);

this.setTitle("常用控件");

this.setSize(200,200);

this.setLocation(200,200);

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

this.setVisible(true);

}

public static void main(String[] args) {

Demo8_7 demo8_7 = new Demo8_7();

}

}

再比如：单选框JRadioButton 复选框JCheckBox

同一组单选按钮必须先创建ButtonGroup，然后把单选框组件放入到ButtonGroup中，但是在JPanel中添加控件时并不是添加ButtonGroup，而还是一个个添加JRadioButton

package com.zjz.gui;

import java.awt.*;

import javax.swing.*;

public class Demo8_8 extends JFrame{

JPanel jp1,jp2,jp3;

JLabel jl1,jl2;

ButtonGroup bg;

JRadioButton jrb1,jrb2;

JCheckBox jcb1,jcb2,jcb3;

JButton jb1,jb2;

public static void main(String[] args) {

Demo8_8 demo8_8 = new Demo8_8();

}

public Demo8_8() {

jp1 = new JPanel();jp2 = new JPanel();jp3 = new JPanel();

jl1 = new JLabel("你喜欢的运动");jl2 = new JLabel("你的性别");

jb1 = new JButton("注册用户");jb2 = new JButton("取消注册");

jcb1 = new JCheckBox("足球");jcb2 = new JCheckBox("篮球");jcb3 = new JCheckBox("网球");

jrb1 = new JRadioButton("男");jrb2 = new JRadioButton("女");

bg = new ButtonGroup();

bg.add(jrb1);bg.add(jrb2);

this.setLayout(new GridLayout(3,1));

jp1.add(jl1);jp1.add(jcb1);jp1.add(jcb2);jp1.add(jcb3);

jp2.add(jl2);jp2.add(jrb1);jp2.add(jrb2);

jp3.add(jb1);jp3.add(jb2);

this.add(jp1);

this.add(jp2);

this.add(jp3);

this.setSize(300,150);

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

this.setVisible(true);

}

}






以上基本实现了简单的登录和注册界面，我们常常还用到用户调查界面，如下图：这个时候我们就会用到：

下拉框组件（JComboBox），列表框组件（JList），滚动窗格组件（JScrollPane）

一般来说，列表框组件+滚动窗格组件是结合使用的，目的是让列表框中的选项可以有滚动条支持

package com.zjz.gui;

import java.awt.*;

import javax.swing.*;

public class Demo8_9 extends JFrame{

JPanel jp1,jp2;

JLabel jl1,jl2;

JComboBox jcb1;

JList jlist;

JScrollPane jsp;

public static void main(String[] args) {

Demo8_9 demo8_9 = new Demo8_9();

}

public Demo8_9() {

jp1 = new JPanel();

jp2 = new JPanel();

jl1 = new JLabel("你的籍贯");

jl2 = new JLabel("旅游地点");

String[] jg = {"北京","上海","天津","重庆"};

jcb1 = new JComboBox(jg);

String[] dd = {"九寨沟","故宫","长城","天安门"};

jlist = new JList(dd);

jlist.setVisibleRowCount(2);

jsp = new JScrollPane(jlist);

this.setLayout(new GridLayout(2,1));

jp1.add(jl1);

jp1.add(jcb1);

jp2.add(jl2);

jp2.add(jsp);

this.add(jp1);this.add(jp2);

this.setSize(300,300);

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

this.setVisible(true);

}

}