侧边栏壁纸
博主头像
coydone博主等级

记录学习,分享生活的个人站点

  • 累计撰写 306 篇文章
  • 累计创建 51 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

GUI编程

coydone
2021-04-24 / 0 评论 / 0 点赞 / 532 阅读 / 8,845 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-05-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

GUI编程概述

图形用户界面(Graphical User Interface,简称 GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面。

GUI是由一个个的组件构成的,常见的组件有:窗口、弹窗、面板、文本框、列表框、按钮、图片、监听事件、鼠标事件、键盘事件。

Java中GUI简介

GUI的核心技术:Swing、AWT。

java.awt 包:主要提供字体/布局管理器。

javax.swing 包[商业开发常用]:主要提供各种组件(窗口/按钮/文本框)。

java GUI编程缺点:界面不美观、需要JRE环境。

组件Component
    基本组件:button、textArea、Label、...
    容器Container:
        窗口Window:Frame、Dialog
        面板Panel:Applet

为什么还要学:

  • 可以写出自己心中想要的一些小工具。

  • 可以用于写外挂、破解工具等。

  • 了解MVC架构,了解监听。

AWT

Frame窗口

创建一个窗口

import java.awt.*;

public class TestFrame {
    public static void main(String[] args) {
        Frame frame = new Frame("我的第一个java图像界面窗口");

        //设置可见性
        frame.setVisible(true);
        //设置窗口大小
        frame.setSize(400,400);
        //设置背景颜色
        //frame.setBackground(Color.blue);
        frame.setBackground(new Color(97, 40, 109));
        //弹出的初始位置
        frame.setLocation(200,200);
        //设置大小固定
        frame.setResizable(false);
    }
}

使用封装创建多个窗口

import java.awt.*;

public class TestFrame2 {
    public static void main(String[] args) {
        //展示多个窗口
        MyFrame myFrame1 = new MyFrame(100, 100, 200, 200, Color.blue);
        MyFrame myFrame2 = new MyFrame(300, 100, 200, 200, Color.yellow);
        MyFrame myFrame3 = new MyFrame(100, 300, 200, 200, Color.red);
        MyFrame myFrame4 = new MyFrame(300, 300, 200, 200, Color.gray);
    }
}
class MyFrame extends Frame{
    //可能存在多个窗口,我们需要一个计数器
    static int id = 0;
    public MyFrame(int x,int y,int w,int h,Color color){
        super("MyFrame+"+(++id));
        setBounds(x,y,w,h);
        setBackground(color);
        setVisible(true);
    }
}

面板Panel

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

//Panel 可以看成是一个空间,但是不能单独存在,要放在Frame上
public class TestPanel {
    public static void main(String[] args) {
        Frame frame = new Frame();
        //布局的概念
        Panel panel = new Panel();

        //设置布局
        frame.setLayout(null);
        //坐标
        frame.setBounds(300,300,500,500);
        frame.setBackground(new Color(120, 52, 89));
        //Panel设置坐标,相对于frame
        panel.setBounds(50,50,400,400);
        panel.setBackground(new Color(133, 139, 79));
        //将panel放在frame上
        frame.add(panel);
        frame.setVisible(true);

        //监听事件,监听窗口关闭事件(点击关闭窗口,程序停止运行--->System.exit(0))
        //适配器模式
        frame.addWindowListener(new WindowAdapter() {
            //窗口点击关闭的时候要做的事情
            @Override
            public void windowClosing(WindowEvent e) {
                //结束程序
                System.exit(0);
            }
        });
    }
}

布局管理器

流式布局:FlowLayout

import java.awt.*;

public class TestFlowLayout {
    public static void main(String[] args) {
        Frame frame = new Frame();
        //组件--按钮
        Button button1 = new Button("button1");
        Button button2 = new Button("button2");
        Button button3 = new Button("button3");
        //设置为流式布局,默认居中
        //frame.setLayout(new FlowLayout());
        frame.setLayout(new FlowLayout(0));
        frame.setSize(200, 200);
        frame.setVisible(true);
        //把按钮添加上去
        frame.add(button1);
        frame.add(button2);
        frame.add(button3);
    }
}

边界布局(东西南北中):BorderLayout

import java.awt.*;

public class TestBorderLayout {
    public static void main(String[] args) {
        Frame frame = new Frame("TestBorderLayout");
        Button east = new Button("East");
        Button west = new Button("West");
        Button south = new Button("South");
        Button north = new Button("North");
        Button center = new Button("Center");
        frame.add(east, BorderLayout.EAST);
        frame.add(west, BorderLayout.WEST);
        frame.add(south, BorderLayout.SOUTH);
        frame.add(north, BorderLayout.NORTH);
        frame.add(center, BorderLayout.CENTER);

        frame.setSize(200, 200);
        frame.setVisible(true);

    }
}

网格布局:GridLayout

public class TestGridLayout {
    public static void main(String[] args) {
        Frame frame = new Frame("TestGridLayout");
        Button btn1 = new Button("btn1");
        Button btn2 = new Button("btn2");
        Button btn3 = new Button("btn3");
        Button btn4 = new Button("btn4");
        Button btn5 = new Button("btn5");
        Button btn6 = new Button("btn6");

        frame.setLayout(new GridLayout(3,2));//三行两列
        frame.add(btn1);
        frame.add(btn2);
        frame.add(btn3);
        frame.add(btn4);
        frame.add(btn5);
        frame.add(btn6);

        frame.pack();//自动填充
        frame.setVisible(true);
    }
}

事件监听

事件(Event):用户对组件的一个操作,称之为一个事件。

事件源(Event source):产生事件的对象。

事件处理方法(Event handler):能够接收、解析和处理事件类对象、实现和用户交互的方法,事件监听器。

为简化编程,针对大多数事件监听器接口定义了相应的实现类、事件适配器类,在适配器类中,实现了相应监听器接口中所有的方法,但不做任何事情。

public class TestActionEvent {
    public static void main(String[] args) {
        //按下按钮的时候,触发一些事件
        Frame frame = new Frame();
        Button button = new Button();
        button.addActionListener(new MyActionListener());
        frame.add(button,BorderLayout.CENTER);
        frame.pack();//自适应
        windowClose(frame);//关闭窗口
        frame.setVisible(true);
    }

    //关闭窗体的事件
    private static void windowClose(Frame frame){
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.exit(0);
            }
        });
    }
}
class MyActionListener implements ActionListener{
    @Override
    public void actionPerformed(ActionEvent e) {
        System.out.println("aaa");
    }
}       

输入框textField监听

public class TestText01 {
    public static void main(String[] args) {
        new MyFrame();
    }
}
class MyFrame extends Frame{
    public MyFrame(){
        TextField textField = new TextField();
        add(textField);
        //监听这个文本框输入的文字
        MyActionListener2 myActionListener2 = new MyActionListener2();
        //按下enter,就会触发这个输入框事件
        textField.addActionListener(myActionListener2);

        //设置替换编码
        textField.setEchoChar('*');

        setVisible(true);
        pack();

    }
}
class MyActionListener2 implements ActionListener{

    @Override
    public void actionPerformed(ActionEvent e) {
        //获得一些资源,返回一个对象
        TextField field = (TextField) e.getSource();
        //获得输入框的文本
        System.out.println(field.getText());
        field.setText("");
    }
}

画笔

import java.awt.*;
public class TestPaint {
    public static void main(String[] args) {
        new MyPaint().loadFrame();
    }
}
class MyPaint extends Frame {
    public void loadFrame(){
        setBounds(200,200,600,500);
        setVisible(true);
    }
    //画笔
    @Override
    public void paint(Graphics g) {
        g.setColor(Color.red);
        g.drawOval(100,100,100,100);
        g.fillOval(200,200,100,100);//实心的圆
    }
}

窗口监听

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
public class TestWindow {
    public static void main(String[] args) {
        new WindowFrame();
    }
}
class WindowFrame extends Frame{
    public WindowFrame(){
        setBackground(Color.blue);
        setBounds(100,100,200,200);
        setVisible(true);
        //匿名内部类
        this.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                setVisible(false);//隐藏窗口
                System.exit(0);//正常退出
            }
        });
    }
}

鼠标监听

import java.awt.*;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.util.ArrayList;
import java.util.Iterator;
//鼠标监听事件
public class TestMouseListener {
    public static void main(String[] args) {
        new MyFrame("画图");
    }
}
class MyFrame extends Frame{
    //画画需要画笔,需要监听鼠标当前的位置,需要集合来存储这个点
    ArrayList points;
    public MyFrame(String title){
        super(title);
        setBounds(200,200,400,300);
        //存鼠标点击的点
        points = new ArrayList<>();
        setVisible(true);
        this.addMouseListener(new MyMouseListener());
    }
    @Override
    public void paint(Graphics g) {
        //画画,监听鼠标事件
        Iterator iterator = points.iterator();
        while (iterator.hasNext()){
            Point point = (Point) iterator.next();
            g.setColor(Color.blue);
            g.fillOval(point.x,point.y,10,10);
        }
    }
    //添加一个点到界面上
    public void addPaint(Point point){
        points.add(point);
    }
    private class MyMouseListener extends MouseAdapter{
        @Override
        public void mousePressed(MouseEvent e) {
            MyFrame frame = (MyFrame) e.getSource();
            //我们点击的时候,会在界面上产生一个点
            frame.addPaint(new Point(e.getX(),e.getY()));
            //每次点击鼠标都需要重画一遍
            frame.repaint();
        }
    }
}

键盘监听

import java.awt.*;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
public class TestKeyListener {
    public static void main(String[] args) {
        new KeyFrame();
    }
}
class KeyFrame extends Frame{
    public KeyFrame(){
        setBounds(100,100,300,400);
        setVisible(true);

        this.addKeyListener(new KeyAdapter() {
            //键盘按下
            @Override
            public void keyPressed(KeyEvent e) {
                //获得键盘按下的键
                if (e.getKeyCode()==KeyEvent.VK_UP){
                    System.out.println("你按下了上键");
                }
            }
        });
    }
}

Swing组件

swing组件主要可分为三个部分:顶层容器、中间容器、基本组件。

顶层容器:常用有JFrame,JDialog。

JFrame:一个普通的窗口(绝大多数 Swing 图形界面程序使用 JFrame 作为顶层容器)。

JDialog:对话框。

中间容器:JPanel,JOptionPane,JScrollPane,JLayeredPane 等,主要以panel结尾。

JPanel (相当于div):一般轻量级面板组件(作为JFrame中间容器)。

JScrollPane :带滚动条的,可以水平和垂直滚动的面板组件。

JSplitPane :分隔面板。

JTabbedPane :选项卡面板。

JLayeredPane:层级面板。

基本组件:JLabel,JButton,JTextField,JPasswordField,JRadioButton 等。JLabel:标签。

JButton :按钮。

JRadioButton :单选按钮。

JCheckBox:复选框。

JToggleButton:开关按钮。

JTextField:文本框。

JPasswordField:密码框。

JTextArea:文本区域。

JComboBox:下拉列表框。

JList:列表。

JProgressBar:进度条。

JSlider:滑块。

package com.coydone;

import javax.swing.JFrame;
import javax.swing.JPasswordField;
import javax.swing.JScrollPane;
import javax.swing.JTextArea;
import javax.swing.JTextField;

public class JText {
    private JTextField jtf = new JTextField("该文本不可编辑", 30);    // 创建文本行组件, 30 列
    private JPasswordField jpf = new JPasswordField("密码文本", 30);   // 创建密码文本行组件, 30 列
    private JTextArea jta = new JTextArea("您好", 10, 30);               // 创建文本区组件,10行,30列
    private JScrollPane jsp = new JScrollPane(jta);                    // 创建滚动窗格,其显示内容是文本区对象
    public void display() {
        // 布局
        JFrame f = new JFrame("文本编辑功能窗口");
        f.setBounds(200, 150, 350, 227);
        f.setLayout(null);

        jta.setLineWrap(true); // 设置自动换行
        jpf.setBounds(20, 10, 140, 20);
        jtf.setBounds(20, 40, 140, 20);
        jsp.setBounds(20, 70, 160, 100);

        // 把组件添加进窗口f中
        f.add(jpf);
        f.add(jtf);
        f.add(jsp);

        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.setVisible(true);
    }
    public static void main(String[] args) {
        (new JText()).display();
    }
}

运行效果

0

评论区