GUI编程--01--AWT.简介

2021/5/30 14:20:01

本文主要是介绍GUI编程--01--AWT.简介,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

GUI编程

GUI全称Graphical User Interfaces,意为图形用户户界面,又称为图形用户接口.,GUI指的就是采用图形方式显示的计算机操作用户界面,

组件

  • 窗口
  • 弹窗
  • 面板
  • 文本框
  • 列表框
  • 按钮
  • 图片
  • 监听事件
  • 鼠标
  • 键盘事件
  • 破解工具

简介

GUI核心技术:Swing、AWT

为什么不用:

  • 界面不美观。
  • 需要jre环境。

为什么我们要学习?

  • 可以写出自己想要的工具。
  • 工作时候,也可能需要维护到swing界面,概率极小!
  • 了解MVC架构,了解监听器!

AWT

Awt介绍

  1. 包含了很多类和接口!GUI:图形用户界面编程。
  2. 元素:窗口 ,按钮,文本框
  3. java.awt 包
    在这里插入图片描述

Frame 窗口

在这里插入图片描述

窗口

import java.awt.*;

public class TestFrame {

    public static void main(String[] args){
        //Frame
        Frame frame = new Frame("我的第一个java图形界面窗口");
        //设置可见性
        frame.setVisible(true);
        //设置窗口大小
        frame.setSize(400,400);
        //设置背景颜色 Color
        frame.setBackground(Color.yellow);
        //弹出的初始位置
        frame.setLocation(200,200);
        //设置大小固定
        frame.setResizable(false);
    }
}
窗口无法关闭;停止java程序运行

在这里插入图片描述

多个窗口

public class TestFrame2 {

    public static void main(String[] args) {

        MyFrame myFrame1 = new MyFrame(100, 100, 200, 200, Color.cyan);
        MyFrame myFrame2 = new MyFrame(300, 100, 200, 200,Color.green);
        MyFrame myFrame3 = new MyFrame(100, 300, 200, 200,Color.red);
        MyFrame myFrame4 = new MyFrame(300, 300, 200, 200,Color.yellow);
    }
}

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

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

    }
}

在这里插入图片描述

Panel 面板

Panel 可以看成是一个空间,但是不能单独存在。

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

public class TestPanle {
    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(Color.lightGray);
        //设置坐标,先对于frame
        panel.setBounds(50,50,400,400);
        panel.setBackground(new Color(15, 193, 101));
        //frame.add(panel);添加panel
        frame.add(panel);
        frame.setVisible(true);
        //监听实践,监听窗口关闭 System,exit(0);
        //适配器模式
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                super.windowClosing(e);
                //结束程序
                System.exit(0);
            }
        });
    }
               
    }

在这里插入图片描述

窗口关闭

监听实践,监听窗口关闭 System,exit(0);

  //监听实践,监听窗口关闭 System,exit(0);
        //适配器模式
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                super.windowClosing(e);
                //结束程序
                System.exit(0);
            }
        });

布局管理器 setLayout()

frame.setLayout()

1. 流式布局Flowlayout

import java.awt.*;

public class TestFlowLayoout {
    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.CENTER));//  居中
        // 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);
    }
}

在这里插入图片描述

2. 东西南北中布局 BorderLayout

import java.awt.*;

public class TestLayoout {
    public static void main(String[] args) {

        Frame frame = new Frame("TestBorderLayout");
        Button button1 = new Button("East");
        Button button2 = new Button("west");
        Button button3 = new Button("south");
        Button button4 = new Button("north");
        Button button5 = new Button("center");
        
        //添加东西南北中效果
        frame.add(button1,BorderLayout.EAST);
        frame.add(button2,BorderLayout.WEST);
        frame.add(button3,BorderLayout.SOUTH);
        frame.add(button4,BorderLayout.NORTH);
        frame.add(button5,BorderLayout.CENTER);

        frame.setSize(500,500);
        frame.setBackground(Color.MAGENTA);
        frame.setVisible(true);
        
    }
}

在这里插入图片描述

3. 表格布局 Grid

package awt;

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

public class TestPanle {
    public static void main(String[] args) {
    
        Frame frame = new Frame("TestBorderLayout");
        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);

    }           
    }


在这里插入图片描述

作业

在这里插入图片描述

package awt;

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

public class TestPanle {
    public static void main(String[] args) {
        //总窗
        Frame frame = new Frame();
        frame.setLayout(new GridLayout(2,1));
        frame.setBounds(400,300,300,400);
        frame.setBackground(Color.green);
        frame.setVisible(true);
        //四个面板
        Panel p1 = new Panel(new BorderLayout());
        Panel p2 = new Panel(new GridLayout(2,1));
        Panel p3 = new Panel(new BorderLayout());
        Panel p4 = new Panel(new GridLayout(2,2));

        //按钮
        //上面
        p1.add(new Button("East-1"),BorderLayout.EAST);
        p1.add(new Button("West-1"),BorderLayout.WEST);
        p2.add(new Button("p2-btn-1"));
        p2.add(new Button("p2-btn-2"));
        p1.add(p2,BorderLayout.CENTER);

        //下面
        p3.add(new Button("East-2"),BorderLayout.EAST);
        p3.add(new Button("West-2"),BorderLayout.WEST);

        for (int i = 0; i < 4; i++) {
            p4.add(new Button("p4-btn-"+i));
        }

        p3.add(p4,BorderLayout.CENTER);


        //放入面板
        frame.add(p1);
        frame.add(p3);

        //设置监听
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                super.windowClosing(e);
                System.exit(0);
            }
        });

    }       
        
    }


在这里插入图片描述

总结:

  1. Frame是一个顶级窗口
  2. Panel无法单独显示,必须添加到某个容器中。
  3. 布局管理器(流式, 东西南北中, 表格 )
  4. 大小,定位,背景颜色,可见性,监听!


这篇关于GUI编程--01--AWT.简介的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程