Java之GUI编程

GUI编程 组建 窗口 弹窗 面板 文本框 列表框 按钮 图片 监听事件 鼠标 键盘事件 破解工具   1、简介 GUI的核心技术:Swing AWT 为...

GUI编程

组建

  • 窗口

  • 弹窗

  • 面板

  • 文本框

  • 列表框

  • 按钮

  • 图片

  • 监听事件

  • 鼠标

  • 键盘事件

  • 破解工具

 

1、简介

GUI的核心技术:Swing AWT

为什么不流行?

  1. 界面不美观。

  2. 需要jre环境。(没必要为一个5M的小游戏下载几百M的jre)

但是学了java的GUI编程,有助于了解MVC架构,了解监听。

 

 

2、AWT

2.1、Awt介绍

  1. 包括很多类和接口

  2. 元素:窗口,按钮,文本框

  3. java.awt

 

 

2.2、Frame

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

//       设置背景颜色   Color
       frame.setBackground(Color.yellow);

//       弹出的初始位置
       frame.setLocation(300, 300);

//       设置大小固定
       frame.setResizable(false);
  }
}

进一步封装

import java.awt.*;

//GUI的第一个程序
public class TestFrame {
   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.green);

  }

}
class MyFrame extends Frame{
   static int id = 0;
   public MyFrame(int x, int y, int w, int h, Color color){
       super("MyFrame"+(++id));
       setBackground(color);
       setBounds(x, y, w, h);
       setVisible(true);

  }
}

2.3、面板Panel

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

public abstract class TestPanel {
   public static void main(String[] args) {
       Frame frame = new Frame();
       Panel panel = new Panel();

//       设置布局
       frame.setLayout(null);

//       坐标
       frame.setBounds(300, 300, 200, 200);
       frame.setBackground(new Color(168, 123, 82));

//       panel设置坐标,相对于Frame
       panel.setBounds(50,50,100,100 );
       panel.setBackground(new Color(68, 52, 134));

       frame.add(panel);

       frame.setVisible(true);

//       监听事件,监听窗口关闭事件 System.exit(0)
//       适配器模式
       frame.addWindowListener(new WindowAdapter() {
//           窗口点击关闭时需要做的事情
           @Override
           public void windowClosing(WindowEvent e) {
//               结束程序
               System.exit(0);
          }
      });
  }
}

2.4、布局管理器

  • 流式布局

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.setLayout(new FlowLayout(FlowLayout.RIGHT));
       frame.setSize(200,200);

//       把按钮添加上去
       frame.add(button1);
       frame.add(button2);
       frame.add(button3);

       frame.setVisible(true);
  }
}
  • 东西南北中

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);
  }
}
  • 表格布局

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

 

总结:

  1. Frame是一个顶级窗口。

  2. Panel无法单独显示,必须添加到某个容器中。

  3. 布局管理器

    1. 流式

      1. 东西南北中

      2. 表格

  4. 大小,定位,背景颜色,定位,监听。

 

2.5、事件监听

事件监听:当某个事情发生的时候,干什么?

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,所以我们需要构造一个ActionListener
       MyActionListener myActionListener = new MyActionListener();
       button.addActionListener(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");
  }
}

多个按钮共用一个监听器

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

//       可以显示的定义触发会返回的命令,如果不显示定义,则会走默认的值
//       可以多个按钮只写一个监听类
       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.pack();
       frame.setVisible(true);
  }
}

class MyMonitor implements ActionListener{

   @Override
   public void actionPerformed(ActionEvent e) {
       if(e.getActionCommand().equals("start")){
           System.out.println("开始按钮监听");
      }else{
           System.out.println("停止按钮监听");
      }
  }
}

 

2.6、输入框 TextField 监听

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

public class TestTest01 {
   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 filed = (TextField) e.getSource();    //获得的一些资源,返回的一个对象
       System.out.println(filed.getText());    //获得输入框的文本
       filed.setText("");  //回车清空
  }
}

 

2.7、简易计算器,组合+内部类回顾复习

oop原则:组合,大于继承!


目前代码:

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

public class TextText02 {
   public static void main(String[] args) {
       new Calculator();
  }
}

class Calculator extends Frame{
   public Calculator(){
//       3个文本框
       TextField num1 = new TextField(10);
       TextField num2 = new TextField(10);
       TextField num3 = new TextField(20);

//       1个按钮
       Button button = new Button("=");
       button.addActionListener(new MyCalculatorListener(num1, num2, num3));

//       一个标签
       Label label = new Label("+");

//       布局
       setLayout(new FlowLayout());

       add(num1);
       add(label);
       add(num2);
       add(button);
       add(button);
       add(num3);

       pack();
       setVisible(true);
  }
}

//监听器类
class MyCalculatorListener implements ActionListener{

//   获取三个变量
   private TextField num1, num2, num3;

   public MyCalculatorListener(TextField num1, TextField num2, TextField num3){
       this.num1 = num1;
       this.num2 = num2;
       this.num3 = num3;
  }

   @Override
   public void actionPerformed(ActionEvent e) {
//       1.获得加数和被加数
       int n1 = Integer.parseInt(num1.getText());
       int n2 = Integer.parseInt(num2.getText());

//       2.将这个值 + 运算后,放到第三个框
       num3.setText(""+(n1+n2));

//       3.清除前两个框
       num1.setText("");
       num2.setText("");
  }
}

 

完全改造为面向对象写法:

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

public class TextText02 {
   public static void main(String[] args) {
       new Calculator().loading();
  }
}

class Calculator extends Frame{

//   属性
   TextField num1, num2, num3;

//   方法
   public void loading(){

       num1 = new TextField(10);//字符数
       num2 = new TextField(10);//字符数
       num3 = new TextField(20);//字符数
       Button button = new Button("=");
       button.addActionListener(new MyCalculatorListener(this));
       Label label = new Label("+");

//       布局
       setLayout(new FlowLayout());
       add(num1);
       add(label);
       add(num2);
       add(button);
       add(button);
       add(num3);

       pack();
       setVisible(true);
  }
}

//监听器类
class MyCalculatorListener implements ActionListener{

   Calculator calculator = null;

   public MyCalculatorListener(Calculator calculator){
       this.calculator = calculator;
  }

   @Override
   public void actionPerformed(ActionEvent e) {
//       1.获得加数和被加数
       int n1 = Integer.parseInt(calculator.num1.getText());
       int n2 = Integer.parseInt(calculator.num2.getText());

//       2.将这个值 + 运算后,放到第三个框
       calculator.num3.setText(""+(n1+n2));

//       3.清除前两个框
       calculator.num1.setText("");
       calculator.num2.setText("");
  }
}

 

内部类:

  • 更好的包装

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

public class TextText02 {
   public static void main(String[] args) {
       new Calculator().loading();
  }
}

class Calculator extends Frame{

//   属性
   TextField num1, num2, num3;

//   方法
   public void loading(){

       num1 = new TextField(10);//字符数
       num2 = new TextField(10);//字符数
       num3 = new
  • 发表于 2020-02-17 00:00
  • 阅读 ( 268 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除