Java 图形化界面设计（GUI）实战练习（代码）

关于Java图形化界面设计，基础知识网上可搜，下面简单介绍一下重点概念，然后就由浅入深代码实例。

程序是为了方便用户使用的，Java引入图形化界面编程。

1.JFrame 是容器类

2.AWT 是抽象窗口组件工具包，是 Java 最早的用于编写图形节目应用程序的开发包。

3.Swing 是为了解决 AWT 存在的问题而新开发的包，它以 AWT 为基础的。

代码实例1：

package com.zhouzhou;
//练习网格布局
import java.awt.*;
import javax.swing.*;

public class Demo9 extends JFrame {
    // 定义组件
    int size = 9;
    JButton jbs[] = new JButton[size];

    public static void main(String[] args) {
        // 创建实例
        Demo9 de = new Demo9();
    }

    // 构造函数
    public Demo9() {

        // 创建组件
        for (int i = 0; i < size; i++) {
            jbs[i] = new JButton(String.valueOf(i));
        }
        // 设置网格布局,这里只有前两个参数（行/列）3和3 的话，网格没有空隙
        this.setLayout(new GridLayout(3, 3, 10, 10));

        // 添加组件
        for (int i = 0; i < size; i++) {
            this.add(jbs[i]);
        }
        // 设置窗体属性
        this.setTitle("网格布局案例");
        this.setSize(300, 400);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setLocation(200, 200);

        // 显示
        this.setVisible(true);
    }
}

代码实例2：

package com.zhouzhou;

import java.awt.*;
import javax.swing.*;

public class Demo10 extends JFrame {
    // 定义组件
    JPanel jp1, jp2;
    JButton jb1, jb2, jb3, jb4, jb5, jb6;

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        Demo10 de = new Demo10();
    }

    // 构造函数
    public Demo10() {
        // 创建组件

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

        jb1 = new JButton("西瓜");
        jb2 = new JButton("苹果");
        jb3 = new JButton("荔枝");
        jb4 = new JButton("葡萄");
        jb5 = new JButton("桔子");
        jb6 = new JButton("香蕉");

        // 设置布局管理器，
        //JPanel布局默认是BorderLoyout// 添加JPanel
        //JPanel属于容器类组件，可以加入别的组件
        jp1.add(jb1);
        jp1.add(jb2);
        
        jp2.add(jb3);
        jp2.add(jb4);
        jp2.add(jb5);

        // 把jpanel 加入JFrame
        this.add(jp1, BorderLayout.NORTH);
        this.add(jb6, BorderLayout.CENTER);
        this.add(jp2, BorderLayout.SOUTH);

        this.setSize(300, 400);
        this.setLocation(200, 200);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);
    }
}

代码实例3：

package com.zhouzhou;

import java.awt.*;

import javax.swing.*;

public class Demo11 extends JFrame {

    // 定义组件
    JPanel jp1, jp2, jp3;
    JLabel jlb1, jlb2;
    JButton jb1, jb2;
    JTextField jtf1;
    JPasswordField jpf1;

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        Demo11 d1 = new Demo11();

    }

    // 构造函数
    public Demo11() {

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

        jlb1 = new JLabel("用户名");
        jlb2 = new JLabel("密    码");

        jb1 = new JButton("登录");
        jb2 = new JButton("取消");

        jtf1 = new JTextField(10);

        jpf1 = new JPasswordField(10);// 设置布局管理(上面忘记：extends JFrame，这里出错了)
        this.setLayout(new GridLayout(3, 1));

        // 加入各个组件
        jp1.add(jlb1);
        jp1.add(jtf1);

        jp2.add(jlb2);
        jp2.add(jpf1);

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

        // 加入到JFrame
        this.add(jp1);
        this.add(jp2);
        this.add(jp3);

        this.setSize(250, 150);
        this.setTitle("登录");
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);
    }
}

代码实例4：

package com.zhouzhou;

import java.awt.*;

import javax.swing.*;

public class Demo12 extends JFrame {

    // 定义组件
    JPanel jp1, jp2, jp3;
    JLabel jlb1, jlb2;
    JCheckBox jcb1, jcb2, jcb3;
    JRadioButton jrb1, jrb2;
    JButton jb1, jb2;
    // 单选设置
    ButtonGroup bg, bg2;

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        Demo12 d2 = new Demo12();

    }

    // 构造函数
    public Demo12() {
        jp1 = new JPanel();
        jp2 = new JPanel();
        jp3 = new JPanel();

        jlb1 = new JLabel("你喜欢的运动");
        jlb2 = new JLabel("你的性别");

        jcb1 = new JCheckBox("足球");
        jcb2 = new JCheckBox("篮球");
        jcb3 = new JCheckBox("网球");
        // 下面可以设置单选
        // ButtonGroup bg2=new ButtonGroup();
        // bg2.add(jcb1);
        // bg2.add(jcb2);
        // bg2.add(jcb2);

        jrb1 = new JRadioButton("男");
        jrb2 = new JRadioButton("女");
        // 一定要把jrb1，jrb2放入到一个ButtonGroup里面
        ButtonGroup bg = new ButtonGroup();
        bg.add(jrb1);
        bg.add(jrb2);

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

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

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

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

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

        // 加入到JFrame
        this.add(jp1);
        this.add(jp2);
        this.add(jp3);

        this.setSize(300, 200);
        this.setTitle("用户注册界面");
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);

    }
}

代码实例5：

package com.zhouzhou;

import java.awt.*;

import javax.swing.*;

public class Demo13 extends JFrame {
    // 定义组件
    JPanel jp1, jp2;
    JLabel jlb1, jlb2;
    JComboBox jcb1;
    JList jl1;
    JScrollPane jsp;

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        Demo13 d3 = new Demo13();
    }

    public Demo13() {

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

        jlb1 = new JLabel("您的籍贯是");
        jlb2 = new JLabel("您喜欢旅游的地区");

        String[] jg = { "北京", "上海", "天津", "重庆", "江苏" };
        jcb1 = new JComboBox(jg);

        String[] jg2 = { "故宫", "长城", "九寨沟", "天安门", "火星" };
        jl1 = new JList(jg2);
        // 设置你希望显示多少个选项
        jl1.setVisibleRowCount(1);
        jsp = new JScrollPane(jl1);

        // 布局管理
        this.setLayout(new GridLayout(3, 1));

        // 添加组件
        jp1.add(jlb1);
        jp1.add(jcb1);

        jp2.add(jlb2);
        jp2.add(jsp);

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

        this.setSize(300, 400);
        this.setTitle("下拉框练习");
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);

    }

}

代码实例6：

package com.zhouzhou;

import java.awt.*;
import javax.swing.*;

public class Demo14 extends JFrame {

    // 定义组件
    JSplitPane jsp;
    JList jList;
    JLabel jl1;

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        Demo14 d4 = new Demo14();

    }

    public Demo14() {

        // 创建组件
        String[] words = { "boy", "gril", "bird", "box" };
        jList = new JList(words);

        // JLabel可以放置图片
        jl1 = new JLabel(new ImageIcon("images/1.jpeg"));

        // 拆分窗格
        jsp = new JSplitPane(JSplitPane.HORIZONTAL_SPLIT, jList, jl1);
        // 可以手动伸缩变化
        jsp.setOneTouchExpandable(true);

        // 设置布局管理器，它本身就是borderLayout布局，就不用再设置了

        // 添加组件
        this.add(jsp);

        this.setSize(400, 300);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);

    }
}

代码实例7：

package com.zhouzhou;

import java.awt.*;

import javax.swing.*;

public class Demo15 extends JFrame {

    // 定义组件
    JTextArea jta = null;// 多行文本框
    JScrollPane jsp = null;
    JPanel jp1 = null;// 面板
    JComboBox jcb = null;// 下拉框组件
    JTextField jtf = null;// 文本框
    JButton jb = null;

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        Demo15 d5 = new Demo15();

    }

    // 构造函数
    public Demo15() {
        // 多行文本框会根据情况自己调节大小
        jta = new JTextArea();
        jsp = new JScrollPane(jta);
        jp1 = new JPanel();
        String j2[] = { "北京", "商行", "农行", "师大", "附中", "哈尔滨" };
        jcb = new JComboBox(j2);
        // 文本框最好设置初值
        jtf = new JTextField(10);
        jb = new JButton("发送");
        // 布局管理
        // this.setLayout(new GridLayout(1, 1));
        // 添加
        jp1.add(jcb);
        jp1.add(jtf);
        jp1.add(jb);
        // 多行文本框是放在这里(JFrame)的!!!
        // 因为上面又添加可以滚动的功能,这里传入jsp，而不是jta
        this.add(jsp);
        // 下面这里就需要定位处理
        this.add(jp1, BorderLayout.SOUTH);

        // 设置窗体属性,z这里很厉害!!
        this.setIconImage((new ImageIcon("images\\3.jpg")).getImage());

        this.setSize(300, 200);
        this.setTitle("QQ登录");
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);

    }
}

代码实例8：

package com.zhouzhou;

//QQ登录界面制作
import java.awt.*;
import javax.swing.*;

public class Demo16 extends JFrame {

    // 北部区域
    JLabel jl1;

    // 南部区域
    JButton jb1, jb2, jb3;
    JPanel jp1;

    // 中部区域
    JTabbedPane jtp;// 选项卡窗格
    JPanel jp2, jp3, jp4;

    JLabel jl2, jl3, jl4, jl5;
    // 号码输入文本框
    JTextField jtf;
    // 密码
    JPasswordField jpf;
    // 清除号码
    JButton jb4;
    // 隐身登录、记住密码
    JCheckBox jcb1, jcb2;

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        new Demo16();

    }

    public Demo16() {

        // 创建组件
        jl2 = new JLabel("QQ号码", JLabel.CENTER);
        jl3 = new JLabel("QQ密码", JLabel.CENTER);
        jl4 = new JLabel("忘记密码", JLabel.CENTER);
        jl4.setFont(new Font("宋体", Font.PLAIN, 16));// 设置字体样式
        jl4.setForeground(Color.BLUE);// 设置字体颜色
        jl5 = new JLabel("<html><a href='www.qq.com'>申请密码保护</a></html>");
        // 鼠标触发变化
        jl5.setCursor(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR));

        jtf = new JTextField();
        jpf = new JPasswordField();
        jb4 = new JButton(new ImageIcon("images\\login.png"));

        jcb1 = new JCheckBox("隐身登录");
        jcb2 = new JCheckBox("记住密码");

        // 北部区域
        jl1 = new JLabel(new ImageIcon("images\\headpicture.jpg"));

        // 南部区域
        jp1 = new JPanel();
        jb1 = new JButton(new ImageIcon("images\\login.png"));
        jb2 = new JButton(new ImageIcon("images\\delete.png"));
        jb3 = new JButton(new ImageIcon("images\\register.png"));

        // 中部区域
        jtp = new JTabbedPane();
        jp2 = new JPanel();
        jp3 = new JPanel();
        jp3.setBackground(Color.RED);// 给面板设置背景
        jp4 = new JPanel();
        jp4.setBackground(new Color(0, 0, 255));

        // 将面板添加到选项卡窗格上
        jtp.add("QQ号码", jp2);// 参数：选项卡名称，面板
        jtp.add("手机号码", jp3);
        jtp.add("电子邮箱", jp4);

        // 设置布局
        jp2.setLayout(new GridLayout(3, 3));

        // 添加组件
        jp1.add(jb1);
        jp1.add(jb2);
        jp1.add(jb3);

        jp2.add(jl2);
        jp2.add(jtf);
        jp2.add(jb4);
        jp2.add(jl3);
        jp2.add(jpf);
        jp2.add(jl4);
        jp2.add(jcb1);
        jp2.add(jcb2);
        jp2.add(jl5);

        this.add(jp1, BorderLayout.SOUTH);
        this.add(jl1, BorderLayout.NORTH);
        this.add(jtp, BorderLayout.CENTER);

        // 展示组件
        ImageIcon icon = new ImageIcon("images\\qq.png");
        this.setIconImage(icon.getImage());// 给窗体设置图标方法
        this.setSize(400, 380);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);

    }
}

代码实例9：

package com.zhouzhou;

//记事本界面
import java.awt.*;
import javax.swing.*;

import java.awt.event.*;

public class Demo17 extends JFrame {

    // 工具条
    JToolBar jtb;
    JButton jb1, jb2, jb3, jb4, jb5, jb6;

    // 菜单条组件
    JMenuBar jmb;
    JMenu menu1, menu2, menu3, menu4, menu5;
    JMenuItem item2, item3, item4, item5, item6, item7;
    JMenu xinjian;// 二级菜单
    JMenuItem file, project;

    JTextArea jta;

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        new Demo17();

    }

    public Demo17() {

        // 创建工具条
        jtb = new JToolBar();
        jb1 = new JButton(new ImageIcon("images\\11.png"));
        jb1.setToolTipText("新建");
        jb2 = new JButton(new ImageIcon("images\\22.png"));
        jb2.setToolTipText("打开");
        jb3 = new JButton(new ImageIcon("images\\33.png"));
        jb3.setToolTipText("等待");
        jb4 = new JButton(new ImageIcon("images\\44.png"));
        jb4.setToolTipText("统计");
        jb5 = new JButton(new ImageIcon("images\\55.png"));
        jb5.setToolTipText("参与");
        jb6 = new JButton(new ImageIcon("images\\66.png"));
        jb6.setToolTipText("旁观");

        jmb = new JMenuBar();

        menu1 = new JMenu("文件(F)");
        menu1.setMnemonic('F');// 设置助记符
        menu2 = new JMenu("编辑(E)");
        menu2.setMnemonic('E');
        menu3 = new JMenu("格式(O)");
        menu3.setMnemonic('O');
        menu4 = new JMenu("查看(V)");
        menu4.setMnemonic('V');
        menu5 = new JMenu("帮助(H)");
        menu5.setMnemonic('H');

        // item1=new JMenuItem(“新建”)
        xinjian = new JMenu("新建");
        file = new JMenuItem("文件");
        project = new JMenuItem("工程");

        item2 = new JMenuItem("打开", new ImageIcon("images\\77.png"));
        item3 = new JMenuItem("保存(S)");
        item3.setMnemonic('S');
        // 给菜单选项添加快捷方式
        item3.setAccelerator(KeyStroke.getKeyStroke(KeyEvent.VK_S,
                InputEvent.ALT_MASK));
        item4 = new JMenuItem("另存为");
        item5 = new JMenuItem("页面设置");
        item6 = new JMenuItem("打印");
        item7 = new JMenuItem("退出");

        jta = new JTextArea();

        // 设置布局

        // 添加组件
        // 将按钮添加到工具条上
        jtb.add(jb1);
        jtb.add(jb2);
        jtb.add(jb3);
        jtb.add(jb4);
        jtb.add(jb5);
        jtb.add(jb6);

        // 将菜单添加到菜单栏上
        xinjian.add(file);
        xinjian.add(project);

        menu1.add(xinjian);
        menu1.add(item2);
        menu1.add(item3);
        menu1.add(item4);
        menu1.addSeparator();// 添加分割线
        menu1.add(item5);
        menu1.add(item6);
        menu1.addSeparator();
        menu1.add(item7);

        // 将菜单添加到菜单条上
        jmb.add(menu1);
        jmb.add(menu2);
        jmb.add(menu3);
        jmb.add(menu4);
        jmb.add(menu5);

        // 将菜单添加到窗体上
        this.setJMenuBar(jmb);

        // 将工具条添加到窗体
        this.add(jtb, BorderLayout.NORTH);

        JScrollPane jsp = new JScrollPane(jta);
        jsp.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
        this.add(jsp);

        // 展示
        this.setTitle("记事本");
        ImageIcon icon = new ImageIcon("images\\jsb.png");
        this.setIconImage(icon.getImage());
        this.setSize(1200, 900);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);

    }

}