JAVA GUI 图形界面编程 简易入门笔记 【学习更新中】

GUI编程

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

1、简介

Gui的核心技术: Swing AWT

  1. 因为界面不美观
  2. 需要 jre 环境

为什么要学习?

  1. 可以写出自己心中的小公举
  2. 工作时候可能要维护swing界面(概率极小)
  3. 了解MVC架构,了解监听

2、 AWT

2.1 Awt介绍

  1. 包含了很多类和接口 GUI
  2. 元素:窗口、按钮、文本框
  3. java.awt包

2.2 组件和容器

2.2.1 Frame

public class TestFrame{
  psvm(String[] args){
    // Frame JDK 原码
    Frame frame = new Frame(title:"我的第一个Java GUI");
    
    // 需要设置可见性 
    frame.setVisible(true);
    
    // 设置窗口耨大小
    frame.setSize(width:400, height:300);
    
    // 设置背景色 color
    frame.setBackground(new Color(r:85, g:39, b:42));
    
    // 弹出的初始位置
    fram.setLocation(x:300, y:400);
   
    // 设置大小固定
    fram.setResizable(false);
  }
}

此时问题:发现窗口关闭不了,只能停止java程序

回顾:尝试封装

public class TestFrame2{
  psvm(String[] args){
  	// 展示多个窗口 new
    MyFrame myFrame = new MyFrame(x:100, y:100, w:200, h:200, Color.blue);
		MyFrame myFrame2 = new MyFrame(x:300, y:100, w:200, h:200, Color.yellow);
    MyFrame myFrame3 = new MyFrame(x:100, y:300, w:200, h:200, Color.red);
    MyFrame myFrame4 = new MyFrame(x:300, y:300, w:200, h:200, Color.green);
  }
}

class MyFrame extengds Frame{
  static int id = 0; // 存在多个窗口 计数器
  
  public MyFrame(int x, int y, int w, int h, Color color){
    super(title:"MyFrame" + (++id));
    setBackground(color);
    setBounds(x,y,w,h);
    setVisible(true);
  }
}

2.2.2 面板 panel

解决了面板关闭问题

// panel 可以看成是一个空间,但是不能单独存在
public class TestFrame2{
  psvm(String[] args){
  	Frame frame = new Frame();
    Panel panel = new Panel();
    // 设置布局
    frame.setLayout(null);
    
    // 坐标
    frame.setBounds(x: 300, y: 30, width: 400, height: 500);
    frame.setBackground(new Color(r:40, g:33, b: 23));
    
    // panel 设置坐标,相对于frame
    panel.setBounds(x:40, y: 30, width:422, height:400);
    panel.setBackground(new Color(r:40, g:13, b:13));
    
    // frame.add(panel)
    frame.add(panel);
    frame.setVisible(true);
    
    // 监听事件,监听窗口关闭事件 System.exit(0)
    // 适配器模式
    frame.addWindowListener(new WindowAdapter(){
      // 窗口点击关闭的时候需要做的事情
      @Override
      public void windowClosing(WindowEVent e){
        // 结束程序
        System.exit(status:0);
      }
    });
  }
}

2.2.3 布局管理器

  • 流式布局
public class TestLayout{
  psvm(String[] args){
		Frame frame = new Frame();
    
    // 组件-按钮
    Button button1 = new Button(label:"button1");
    Button button2 = new Button(label:"button2");
    Button button3 = new Button(label:"button3");
    
    // 设置为流式布局
    frame.setLayout(new FlowLayout());
    
    frame.setSize(width:200, height:300);
    
    //把按钮添加上去
    frame.add(button1);
    frame.add(button2);
    frame.add(button3);
    
    frame.setVisibale(true);
  }
}
  • 东西南北中
public class TestBorderLayout{
  psvm(String[] args){
		Frame frame = new Frame(tiele:"TestBorderLayout");
    
    // 组件-按钮
    Button east = new Button(label:"East");
   	Button west = new Button(label:"West");
    Button south = new Button(label:"South");
    Button north = new Button(label:"North");
    Button center = new Button(label:"Center");
    
    //把按钮添加上去
    frame.add(east,BorderLayout.EAST);
    frame.add(west,BorderLayout.WEST);
    frame.add(south,BorderLayout.SOUTH);
    frame.add(east,BorderLayout.NORTH);
    frame.add(east,BorderLayout.CENTER);
    
    frame.setSize(widht:399, height:399);
    frame.setVisibale(true);
  }
}
  • 表格布局
public class TestBorderLayout{
  psvm(String[] args){
		Frame frame = new Frame(tiele:"TestGridLayout");
    
    // 组件-按钮
    Button btn1 = new Button(label:"btn1");
   	Button btn2 = new Button(label:"btn2");
    Button btn3 = new Button(label:"btn3");
    Button btn4 = new Button(label:"btn4");
    Button btn5 = new Button(label:"btn5");
    Button btn6 = new Button(label:"btn6");
    
    //把按钮添加上去
    frame.add(btn1);
    frame.add(btn2);
    frame.add(btn3);
    frame.add(btn4);
    frame.add(btn5);
    frame.add(btn6);
    
    frame.pack(); // java 函数
    frame.setVisibale(true);
  }
}

3、 Swing

posted @ 2020-10-04 21:45  CoderZjz  阅读(111)  评论(0编辑  收藏