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();
}
}
运行效果
评论区