• 欢迎光临~

GUI编程

开发技术 开发技术 2022-10-03 次浏览

我们要怎么学?

  • 是什么,怎么玩,怎么用

    组件

  • 窗口

  • 弹窗

  • 面板

  • 文本框

  • 列表框

  • 按钮

  • 图片

  • 监听事件

  • 键盘事件

  • 破解工具

1.简介

GUI的核心技术:Swing AWT

  1. 界面不美观
  2. 需要JRE

为什么要学习?

  1. 可以写出想要的一些工具
  2. 工作也可能需要维护到swing界面,概率极小
  3. 了解MVC架构,了解监听

2.AWT

2.1 Awt介绍

  1. 包含了很多类和接口!GUI:图形用户界面编程 Eclipse:Java
  2. 元素:窗口,按钮,文本框
  3. java.awt

GUI编程

2.2 组件和容器

1. Frame

package com.teatea.lesson01;

import java.awt.*;

//GUI的第一个界面
public class TestFrame {
    public static void main(String[] args) {

        //Frame
        Frame frame = new Frame("我的第一个Java图像界面窗口");

        //需要设置可见性
        frame.setVisible(true);

        //设置窗口大小
        frame.setSize(400,400);

        //设置背景颜色
        frame.setBackground(new Color(9,9,9));

        //弹出位置
        frame.setLocation(200,200);

        //设置大小固定
        frame.setResizable(false);
    }
}

GUI编程

问题:窗口关不了,需要通过停止程序运行

=====================================================================

尝试回顾封装:

package com.teatea.lesson01;

import java.awt.*;

public class TestFrame2 {
    public static void main(String[] args) {
        //展示多个窗口 new
        new MyFrame(100,100,200,200,Color.blue);
        new MyFrame(300,100,200,200,Color.yellow);
        new MyFrame(100,300,200,200,Color.red);
        new MyFrame(300,300,200,200,Color.MAGENTA);
    }
}

class MyFrame extends Frame{
    static int id = 0; //可能存在多个窗口,我们需要一个计数器

    public MyFrame(int x,int y,int w,int h,Color color){
        super("MyFrame+"+(++id));
        setBackground(color);
        setBounds(x,y,w,h);
        setVisible(true);

    }
}

GUI编程

=====================================================================

2. 面板Panel

解决关闭窗口事件

package com.teatea.lesson01;

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

//Panel 可以看成一个空间,但是不可以单独存在
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(40,161,35));

        //panel 设置坐标,相对于Frame
        panel.setBounds(50,50,400,400);
        panel.setBackground(new Color(193,15,60));

        //frame.add(panel)
        frame.add(panel);

        frame.setVisible(true);

        //监听事件,监听窗口关闭事件 System.exit()
        frame.addWindowListener(new WindowAdapter() {
            //窗口点击关闭的时候要做的事情
            @Override
            public void windowClosing(WindowEvent e) {
                //结束程序
                System.exit(0);
            }
        });

    }
}

GUI编程

=====================================================================

3. 布局管理器

  • 流式布局
package com.teatea.lesson01;

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(FlowLayout.LEFT));
        frame.setLayout(new FlowLayout(FlowLayout.RIGHT));

        frame.setSize(200,200);

        //按钮添加
        frame.add(button1);
        frame.add(button2);
        frame.add(button3);

        frame.setVisible(true);
    }
}

GUI编程

  • 东西南北中
package com.teatea.lesson01;

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);
    }
}

GUI编程

  • 表格布局
package com.teatea.lesson01;

import java.awt.*;

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();  //Java函数
        frame.setVisible(true);
    }
}

GUI编程

=====================================================================

思考题

写出图样式的button按钮布局

GUI编程

//未完待续
程序员灯塔
转载请注明原文链接:GUI编程
喜欢 (0)