GUI01

GUI 编程

组件

• 窗口

• 弹窗

• 文本框

• 列表框

• 按钮

• 图片

• 监听事件

• 鼠标

• 键盘事件

• 破解工具

  1. 简介

  Gui 的核心技术：Swing AWT 需要 jre 环境 且界面不美观，是 MVC 架构的基础

  2. Awt

  2.1 Awt 介绍

  1. 包含了很多类和接口

  2. 元素：窗口，按钮，文本框

  3. java.awt

  

  2.2 组件和容器

      package GUI01;

import java.awt.*;

public class TestFrame {

 public static void main(String[] args) {
   //Frame,JDK看源码
  Frame  frame=new Frame("第一个GUI图像化界面");
  // 设置窗口大小
  frame.setSize(400,400);
  // 设置背景颜色
  frame.setBackground(new Color(85,86,66));
  // 设置弹出的初始位置
  frame.setLocation(200,200);
  // 设置大小固定默认可变
  frame.setResizable(false);
  // 设置窗口可见
  frame.setVisible(true);
 }

//窗口关闭不掉
  
  
  package GUI01;

import java.awt.*;

//多个窗口运行调用TestFrame的封装
public class TestFrame2 {

 public static void main(String[] args) {
  //展示多个窗口，ctl+shift+v代码补齐 command+option+v
  MyFrame myFrame1=new MyFrame(100,100,200,200,Color.blue);
  MyFrame myFrame2=new MyFrame(200,200,200,200,Color.red);
  MyFrame myFrame3=new MyFrame(300,300,300,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);
  }
 }

2.2 面板Panel

       package GUI02;

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(60, 158, 40));
  // panel 设置坐标相对于Frame
  panel.setBounds(50,50,200,200);
  panel.setBackground(new Color(55,88,99));
  //frame.add(panel)
  frame.add(panel);
  // 设置可见性
  frame.setVisible(true);
 // 监听事件，监听窗口事件 System.exit(0)
  // 适配器模式由WindowListener的子类WindowAdapter适配
  frame.addWindowListener(new WindowAdapter() {
   // 窗口点击关闭时需要做的事情
   @Override
   public void windowClosing(WindowEvent e) {
    //super.windowClosing(e);结束程序
    System.exit(0);
   }
  }                 );

 }


}

2.3 布局管理

• 流式布局 默认

  package GUI02;

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

}

• 东西南北中

     package GUI02;

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

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 center = new Button("center");
      //设置流式布局
  frame.setLayout(new BorderLayout());
  frame.setSize(200,200);
    // 添加按钮
  frame.add(east,BorderLayout.EAST);
  frame.add(west,BorderLayout.WEST);
  frame.add(south,BorderLayout.SOUTH);
  frame.add(center,BorderLayout.CENTER);

  frame.setSize(200,200);
  frame.setVisible(true);
frame.addWindowListener(new WindowAdapter() {
 @Override
 public void windowClosing(WindowEvent e) {
  System.exit(0);

 }
});

 }

• 表格布局 Grid

   package GUI02;

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

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);
  frame.addWindowListener(new WindowAdapter() {
   @Override
   public void windowClosing(WindowEvent e) {
    System.exit(0);
   }
  });

 }
}

综合练习

    package GUI02;

import sun.jvm.hotspot.ui.FrameWrapper;

import java.awt.*;

public class Demo {
 public static void main(String[] args) {
//总 Frame

  Frame frame = new Frame();
  frame.setSize(400,300);
  frame.setLocation(300,400);
  frame.setBackground(Color.black);
  frame.setVisible(true);
  frame.setLayout(new GridLayout(2,1));

    // 4个面板
  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);
  // 中间4个
  for (int i = 0; i < 4; i++) {
   p4.add(new Button("for-button"+i));
  }
  p3.add(p4,BorderLayout.CENTER);


   frame.add(p1);
   frame.add(p3);
  frame.setVisible(true);
  frame.addWindowListener(new WindowAdapter() {
   @Override
   public void windowClosing(WindowEvent e) {
    System.exit(0);
   }
  }); 

 }


}

总结

  1. Frame 是一个顶级窗口
  2. Panel 无法单独显示，必须添加到某个容器中
  3. 布局管理器
  4. 大小，定位，背景颜色，可见性

3. 监听

事件监听：当某个事情发生的时候，要做什么

       package GUI02;

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

public class TestActionEvent {
 public static void main(String[] args) {
  // 按下按钮，触发一些事件
  Frame frame = new Frame();
  Button button = new Button();
  // 因为 addActionListener()需要一个ActionListener所以要构造
  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("ok");
 }
}

多个按钮共享一个事件

   package GUI02;

import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class TestActionTwo {
 public static void main (String[]args){
  // 两个按钮实现同一个监听
  // 开始 停止
  Frame frame = new Frame("开始-停止");
  Button button1 = new Button("start");
  Button button2 = new Button("stop");
  // 可以显示定义的触发返回命令，不返回默认的stop值
  // 可以多个按钮只写一个监听类
  button2.setActionCommand("button2-stop");
  MyMonitor myMonitor = new MyMonitor();
  button1.addActionListener(myMonitor);
  button2.addActionListener(myMonitor);
  frame.add(button1,BorderLayout.NORTH);
  frame.add(button2,BorderLayout.SOUTH);
  frame.setVisible(true);
 }
}
class MyMonitor implements ActionListener{
 @Override
 public void actionPerformed(ActionEvent e) {
  // e.getActionCommand()获得按钮的信息
  System.out.println("按钮被点击：msg"+ e.getActionCommand());
  //if(e.getActionCommand().equals("start")){
  //
  //}
 }


}

输入框事件监听

package lesson1;

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

public class TestTest01 {
 public static void main(String[] args) {
  // 启动
  MyFrame myFrame = new MyFrame();
 }
}

class MyFrame extends Frame {
 public MyFrame(){
  TextField textField = new TextField();
  // 添加文本框到窗口
  add(textField);
  // 监听这个文本框输入的文字
  MyActionListener myActionListener = new MyActionListener();
  //按下Enter 就会触发输入框事件
  textField.addActionListener(myActionListener);
  // 设置替换编码
  setVisible(true);
  textField.setEchoChar('*');
  pack();
  setSize(400,400);
  setLocation(200,300);
  addWindowListener(new WindowAdapter() {
   @Override
   public void windowClosing(WindowEvent e) {
    System.exit(0);
   }
  });
 }
}
class MyActionListener implements ActionListener{

 @Override
 public void actionPerformed(ActionEvent e) {
  TextField field=(TextField)e.getSource();//获得一些资源
  System.out.println(field.getText());
  field.setText("");//null 清空输入框
 }


 }