使用Java Swing组件开发画板（1）

一、组件介绍

Swing 是 Java 为图形界面应用开发提供的一组工具包，是 Java 基础类的一部分。

Swing 包含了构建图形界面（GUI）的各种组件，如: 窗口、标签、按钮、文本框等。

Swing 提供了许多比 AWT 更好的屏幕显示元素，使用纯 Java 实现，能够更好的兼容跨平台运行。

为了和 AWT 组件区分，Swing 组件在javax.swing.*包下，类名均以 J 开头，例如: JFrame、JLabel、JButton等。

二、项目实现

        1、创建窗体

        若要实现窗体创建，首先要引入一个JFrame对象，由于JFrame是Java Swing 中的一个具体方法，因此引入这个功能可以对其进行初始化，也可以通过继承的方式引入。这里选择的是继承JFrame

public class MainPanel extends JFrame{
   
    public void setWindow(int Width , int Height){
        this.setTitle("画板"); // 设置窗体标题
        this.setLayout(new FlowLayout());//窗体流式布局
        this.setSize(Width , Height);//设置窗体大小
        this.setVisible(true);//设置窗体可见
        this.setDefaultCloseOperation(3);//设置窗体关闭事件
    }

 //窗体初始化函数
 public void Init(){
        setWindow(640 , 480);
        this.setVisible(true);
    }

运行效果如下：

        2、窗体布局

        在创建窗体后，就要开始对窗体进行布局。参考Windows自带的绘画工具可以看到，整个界面分为两个部分，分别是上方的工具栏组件和下方的绘画区域。我么先来设置上方的工具栏。

        工具栏可以 视为是一些按钮的合集，因此我们需要创建一个面板来放置按钮。这里需要引入JPanel方法。由于之前我们继承了JFrame，因此JPanel需要初始化对象。

 public void setPanel(){
        JPanel JP = new JPanel();//初始化JPanel
        Dimension d = new Dimension(200 , 180);//设置面板大小
        JP.setPreferredSize(d);
        JP.setBackground(Color.LIGHT_GRAY);//设置面板背景色
        JP.setLayout(null);
        public static final String buttonName[] = {"直线" , "矩形" , "等腰三角" , "多边形" , "椭圆" , "画笔" , "橡皮"};//设置按钮名称清单

        //此处使用循环方法添加按钮
        for (int i = 0; i < buttonName.length; i++) {
            JButton JButton = new JButton(buttonName[i]);//初始化按钮对象
            JButton.setBounds(100 + i * 90 , 20 , ButtonWidth , ButtonHeight);//设置按钮布局
            //添加按钮监听器
             @Override
                public void actionPerformed(ActionEvent e) {
                    System.out.println(JButton.getName());
                }
            });
            JP.add(JButton);//在面板中逐个添加按钮
        }
      this.add(JP , BorderLayout.NORTH)将面板添加到窗体
 }

 

        3、图形绘制

        基本内容是通过鼠标监听器，用画笔将图形绘制出来。因此我们需要创建一个鼠标监听器的类，在这个类对应的方法中设置画笔功能。

这里我们继承MouseListener接口,这个接口需要重写所有方法

package com.company;

import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;

public class DrawMouse implements MouseListener {
    public void mouseClicked(MouseEvent e) {
        }
    public void mousePressed(MouseEvent e) {
        }
    public void mouseReleased(MouseEvent e) {
        }
    public void mouseEntered(MouseEvent e) {
        }
    public void mouseExited(MouseEvent e){}
}

 创建好鼠标的监听事件后，首先我们先实现直线绘制。

直线绘制是通过鼠标拖拽完成，因此我们只需要知道按下鼠标键和抬起鼠标键的位置就可以绘制直线，而在事件中按下鼠标键和抬起鼠标键分别对应mousePressed和mouseReleased。

public void mousePressed(MouseEvent e) {
        x1 = e.getX();
        y1 = e.getY();
        }
    public void mouseReleased(MouseEvent e) {
        x2 = e.getX();
        y2 = e.getY();
        
        }

在设置好鼠标获取方法后就需要设置画笔参数。在Main类中需要初始化Graphic

 public void DrawImage() {
        Graphics g2 = this.getGraphics();
        graphic = new DrawMouse();
        graphic.graphics02 = g2;
        this.addMouseListener(graphic);
}

设置完成后我们将画笔参数graphic传入DrawMouse中。

package com.company;

import java.awt.*;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;

public class DrawMouse implements MouseListener {
    public Graphics graphics02;
    public int x1 , y1 , x2 , y2;

    public void mouseClicked(MouseEvent e) {
        }
    public void mousePressed(MouseEvent e) {
        x1 = e.getX();
        y1 = e.getY();
        }
    public void mouseReleased(MouseEvent e) {
        x2 = e.getX();
        y2 = e.getY();
        graphics02.drawLine(x1 , y1 , x2 , y2);
        }
    public void mouseEntered(MouseEvent e) {
        }
    public void mouseExited(MouseEvent e){}
}

这样就可以画出直线了

 此外，对于矩形、椭圆、等腰三角形等均可以传入坐标实现，只需将Graphic中的函数更改完毕之后就可以。

（持续更新）