Java实现简单画画画板

2022-11-13 09:11:39 简单 画画 画板

用Java实现简单的画画画板,供大家参考,具体内容如下

一、代码

先直接上代码吧,备注大部分都在代码中。

import java.awt.*;
import javax.swing.*;
import java.util.*;
import java.awt.event.*;
import javax.swing.event.*;
import java.io.*;
import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.awt.Graphics;
public class DrawDraw extends JFrame implements ActionListener,MouseListener,MouseMotionListener{
    public static void main(String[] args) {
        new DrawDraw();
    }
    // 属性
    JPanel p0,p1,p2;
    Color color;
    String shape;
    int x1,y1,x2,y2,newx1,newy1,newx2,newy2;
    Graphics2D g;
    BufferedImage img;
    boolean flag;

    DrawDraw(){

    p0 = new JPanel();
    p1 = new JPanel();
    p2 = new JPanel();

    setTitle("画画面板");
    this.setSize(1400,900);
    this.setLocation(100,100);

    // 图形按钮,采用数组的方式添加按钮。好处在更改代码的时候,可以直接添加,十分方便
    String [] Shape={"直线","曲线","圆","喷枪","橡皮擦","矩形","椭圆","圆角矩形","弧线","图形"};   
        for(int i=0;i<Shape.length;i++){
            JButton button=new JButton(Shape[i]);
            button.addActionListener(this);    //添加事件监听机制  类(this)应该是有实现了ActionListener这个接口的吧;
            p0.add(button);
        }

    // 颜色按钮
    Color [] color={Color.BLACK,Color.blue,Color.white,Color.gray,Color.red,Color.CYAN,Color.green,Color.darkGray,Color.pink};
        for(int i=0;i<color.length;i++){
            JButton button=new JButton();
            button.addActionListener(this);     //添加事件监听机制
            button.setPreferredSize(new Dimension(40,40));  // 设置按钮的大小
            button.setBackground(color[i]);     // 设置颜色选择按钮的颜色     
            p2.add(button);
        }

    // 设置背景颜色
    p0.setBackground(Color.gray); 
    p1.setBackground(Color.white);
    p2.setBackground(Color.yellow); 
    // 把p0,p1,p2 上-中-下的方法分配
    this.add(p0,BorderLayout.NORTH);
    this.add(p1,BorderLayout.CENTER);
    this.add(p2,BorderLayout.SOUTH);

    this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 
    this.setVisible(true);

    // 注意:这里鼠标移动和鼠标拖动的事件,是作用在p1的面板上面。。。类(this)应该是有实现了MouseListener,MouseMotionListener
    p1.addMouseListener(this);
    p1.addMouseMotionListener(this);

    }

    // 当类实现接口的时候,类要实现接口中所有的方法。否则,类必须声明为抽象的类。对应ActionListener接口
    public void actionPerfORMed(ActionEvent e){
        if(e.getActionCommand().equals("")){      //如果没有信息,那就是颜色按钮
            JButton button = (JButton) e.getSource();  // getSource()事件最初发生的对象,
            color = button.getBackground();   
            System.out.println("color = " + color);
        }else{
            JButton button = (JButton) e.getSource();  
            shape = button.getActionCommand();   
            System.out.println("String = " + shape);
        }
    }

     // 当类实现接口的时候,类要实现接口中所有的方法。否则,类必须声明为抽象的类。
     // 在组件上按下鼠标按钮时调用。
     public void mousePressed(MouseEvent e) {
         g=(Graphics2D)p1.getGraphics(); // g = p1.getGraphics();
         g.setColor(color);
         x1=e.getX();  // 返回事件相对于源组件的水平x位置。
         y1=e.getY();
        if(shape.equals("圆")){
             g.drawOval(x1, y1, 30, 30);
         }else if(shape.equals("矩形")){
             g.drawRect(x1, y1, 30, 40);
         }else if(shape.equals("圆角矩形")){
             g.drawRoundRect(x1, y1, 30, 40, 5, 10);
         }else if(shape.equals("椭圆")){
             g.drawOval(x1, y1, 30, 20);
         }else if(shape.equals("弧线")){
             g.drawArc(x1, y1, 100, 80, 10, 180);  //(x,y,宽,高,起始角度,结束角度)
         } // 如果想使用这个图形,下面的new File("这里要添加自己电脑上的图片路径") 
         
         System.out.println("x1 = " + x1 +"   y1 = " + y1);
     }

     // 在组件上单击(按下并释放)鼠标按钮时调用。
     public void mouseClicked(MouseEvent e){
     }

     // 当鼠标进入组件时调用。
     public void mouseEntered(MouseEvent e){
     }

     // 当鼠标退出组件时调用。
     public void mouseExited(MouseEvent e){
     } 

     // 松开。搭配前面的按下,就可以画出直线
     public void mouseReleased(MouseEvent e){
         g.setColor(color);
         if(shape.equals("直线")){
             x2 = e.getX();
             y2 = e.getY();
             g.drawLine(x1, y1, x2, y2);   //通过drawLine方法在两个点之间连一条直线(gr是画笔)
         }
     }

     // 在组件上按下鼠标按钮然后拖动时调用。
     public void mouseDragged(MouseEvent e){
            x2 = e.getX();
            y2 = e.getY();
            if (shape.equals("曲线")) {
                g.drawLine(x1, y1, x2, y2);
                x1 = x2;
                y1 = y2;
            }else if(shape.equals("橡皮擦")){
                // Graphics2D中的方法。BasicStroke(float width)--->指的是宽度
                g.setStroke(new BasicStroke(80)); 
                // 好像是渲染,应该就是给涂掉
                g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                g.setColor(Color.WHITE);
                g.drawLine(x1, y1, x2, y2);
                x1 = x2;
                y1 = y2;
            }else if(shape.equals("喷枪")){
                for(int k=0;k<20;k++){
                    Random i=new Random();       
                    int a=i.nextInt(8);
                    int b=i.nextInt(10);
                    g.drawLine(x2+a, y2+b, x2+a, y2+b);
                }
            }
     }

     // 当鼠标光标移动到组件上但没有按钮被按下时调用。(就是光标放到上面)
     public void mouseMoved(MouseEvent e) {
     }
}

二、展示效果

强行解释:

左上角的那个太阳是我插入的图片,就是“图形”这个按钮。但是我把上面的代码给注释掉了。各位看官要是想使用“图形”的话可以直接把注释去掉。
其实这个“”图形”还可以改进,搞成点击“图形”之后会专门让你选择想要添加的图片,不过不想搞了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关文章