GUI编程入门_gui开发入门-CSDN博客

GUI编程
1、简介
GUI的核心技术：Swing AWT（即将淘汰）
需要jre环境
界面不美观
为什么要学习？
可以写出自己心中想要的一些小工具
工作时候，也可能需要维护到Swing界面，概率极小
了解MVC架构，了解监听！
2、AWT
2.1 AWT介绍
包含了很多类和接口，用于图形用户界面编程。
元素：窗口、按钮、文本框
java.awt.*
组件（Component）
基本组件
button
TextArea
Label
…
容器（Container）
Window
Frame
Dialog（弹窗）
Panel(面板)
Applet
2.2组件和容器
frame

package com.gui;

import java.awt.*;

//GUI的第一个界面
public class TestFrame {
public static void main(String[] args) {
Frame frame = new Frame(“第一个JAVA图像界面窗口”);
//设置可见性
frame.setVisible(true);
//设置窗口大小
frame.setSize(400,400);
//设置背景颜色
frame.setBackground(new Color(180, 48, 48));
//窗口弹出的初始位置
frame.setLocation(200,200);
//设置窗口大小固定
frame.setResizable(false);

}

发现窗口关闭不掉，停止java程序。

使用封装

package com.gui;

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.red);
MyFrame myFrame3 =new MyFrame(100,300,200,200,Color.yellow);
MyFrame myFrame4 =new MyFrame(300,300,200,200,Color.green);
}
}
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

通过panel将窗口进行划分，对frame进行布局

package com.gui;

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

//Panel 可以看成一个空间，但是不能单独存在 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(69, 206, 63));
//panel设置坐标，相对于frame
panel.setBounds(50,50,400,400);
panel.setBackground(new Color(205, 39, 25));
//frame.add(panel)
frame.add(panel);
//设置可见性
frame.setVisible(true);
//监听事件，监听窗口关闭事件 SYstem。exit(0) 解决无法关闭
//适配器模式：
frame.addWindowListener(new WindowAdapter() {
//点击窗口关闭的时候需要做的事情
@Override
public void windowClosing(WindowEvent e) {
System.exit(0);
}
});

}

panel布局

2.3布局管理器
FlowLayout（流式布局）

package com.gui;

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.setSize(200,200);
    //添加按钮
    frame.add(button1);
    frame.add(button2);
    frame.add(button3);

    frame.setVisible(true);
}

}

BorderLayout（默认布局）

package com.gui;

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(300,300);
frame.setVisible(true);
}
}

GridLayout(表格布局)

package com.gui;
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);
}

}
2.4布局练习
实现以下界面：

GUI布局练习

package com.gui;

import java.awt.*;

public class ExerciseLayout {
public static void main(String[] args) {
Frame frame = new Frame();
frame.setLayout(new GridLayout(2,1));
//设置窗口大小
frame.setSize(400,400);
//需要使用到的画布在frame的基础上划分两个界面
Panel top = new Panel(new BorderLayout());
Panel topMiddle = new Panel(new GridLayout(2,1));
Panel bottom = new Panel(new BorderLayout());
Panel bottomMiddle = new Panel(new GridLayout(2,2));
//向画布中添加元素
top.add(new Button(“T-left”),BorderLayout.EAST);
top.add(new Button(“T-right”),BorderLayout.WEST);
top.add(topMiddle,BorderLayout.CENTER);
topMiddle.add(new Button(“TMid-top”));
topMiddle.add(new Button(“TMid-bottom”));

    bottom.add(new Button("B-left"),BorderLayout.EAST);
    bottom.add(new Button("B-right"),BorderLayout.WEST);
    bottom.add(bottomMiddle,BorderLayout.CENTER);
    bottomMiddle.add(new Button("bMid-top1"));
    bottomMiddle.add(new Button("bMid-top2"));
    bottomMiddle.add(new Button("bMid-bottom1"));
    bottomMiddle.add(new Button("bMid-bottom2"));
    //添加画布到容器
    frame.add(top);
    frame.add(bottom);
    //设置窗口大小固定
    frame.setResizable(false);
    //设置可见
    frame.setVisible(true);
    <a href="https://github.com/users/fghdfghdf245/projects/337">https://github.com/users/fghdfghdf245/projects/337</a>