交互式画板 v2.0

最新推荐文章于 2025-05-09 17:11:59 发布
最新推荐文章于 2025-05-09 17:11:59 发布
阅读量320 收藏 2
点赞数 9
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HJ000_10101/article/details/147804468
版权

交互式画板 v2.0

用java实现一个简单的可交互式画图板
在v1.0的基础上，添加了更多的图形绘制功能，并优化了代码结构。

各个类的功能介绍

  1. DrawPadv2类：窗口的基础设置与可视化，并且添加鼠标监听器和动作监听器
  2. DrawListener类：实现MouseListener和ActionListener接口，用于处理鼠标事件和按钮点击事件

具体操作

  1. 设置好窗体的基础属性
// 创建一个DrawListener对象
    DrawListener dl = new DrawListener();

    // 显示UI界面
    public void showUI() {
        // 创建一个JFrame对象
        JFrame jf = new JFrame();
        // 设置窗口标题
        jf.setTitle("画板v2.0");
        // 设置窗口大小
        jf.setSize(850, 600);
        // 设置窗口居中显示
        jf.setLocationRelativeTo(null);
        // 设置窗口关闭时的操作
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        // 设置窗口布局为流式布局FlowLayout
        jf.setLayout(new FlowLayout());

通过上述代码，我们创建了一个标题为 “画板 v2.0” 的窗口，设置其大小为 850x600 像素，并使其居中显示。同时，配置关闭窗口时终止程序运行，并采用流式布局（FlowLayout）管理组件排列。
2. 添加按钮和颜色按钮，并设置监听器

// 定义按钮类型
        String [] btnType = {"直线", "圆形", "矩形", "实心圆形", "实心矩形", "等腰三角形",
                "实心等腰三角形", "橡皮擦"};
        // 循环创建按钮并添加到窗口中
        for(int i = 0 ; i < btnType.length ; i++) {
            JButton btn = new JButton(btnType[i]);
            jf.add(btn);
            // 为按钮添加监听器
            btn.addActionListener(dl);
        }

        // 定义颜色按钮的颜色
        Color[] btnColors = {Color.BLACK, Color.RED, Color.GREEN,
                Color.BLUE, Color.YELLOW, Color.CYAN, Color.MAGENTA,
                Color.GRAY, Color.LIGHT_GRAY, Color.DARK_GRAY,
                Color.PINK, Color.ORANGE, Color.WHITE};

        // 循环创建颜色按钮并添加到窗口中
        for(int i = 0 ; i < btnColors.length ; i++) {
            JButton btn = new JButton();
            // 设置按钮的命令为ColorBtn
            btn.setActionCommand("ColorBtn");
            // 设置按钮的背景颜色
            btn.setBackground(btnColors[i]);
            jf.add(btn);
            // 为按钮添加监听器
            btn.addActionListener(dl);
        }

        // 设置窗口可见
        jf.setVisible(true);
        // 为窗口添加鼠标监听器
        jf.addMouseListener(dl);

通过循环创建两类按钮：一类用于选择绘制图形的类型，另一类用于切换画笔颜色。每个按钮均绑定了统一的事件监听器dl（DrawListener对象），实现交互逻辑的集中处理
3. 在DrawListener类中补全监听器中的方法，并创建一个Graphics对象

public class MouseListener implements java.awt.event.MouseListener {

    // 声明Graphics对象
    Graphics g;
    
    public void actionPerformed(ActionEvent e) {
        System.out.println("点击按钮");
    }
    
    public void mouseClicked(MouseEvent e) {
        System.out.println("鼠标点击");
    }

    public void mousePressed(MouseEvent e) {
        System.out.println("鼠标按下");
    }

    public void mouseReleased(MouseEvent e) {
        System.out.println("鼠标松开");
    }

    public void mouseEntered(MouseEvent e) {
        System.out.println("鼠标进入窗口");
    }

    public void mouseExited(MouseEvent e) {
        System.out.println("鼠标离开窗口");
    }
}
  1. 在DrawPadv2类中补全相关代码
// 获取窗口的Graphics对象
        Graphics g = jf.getGraphics();
        // 将Graphics对象赋值给DrawListener对象的g
        dl.g = g;

为窗口添加鼠标监听器，并将窗口的图形上下文（Graphics对象）传递给DrawListener，以便后续绘制操作。
5. 在DrawListener类中实现绘图逻辑

// 声明起始点和结束点的坐标
int x1, y1, x2, y2;

// 声明图形类型和颜色
String type = "直线";
Color color = Color.black;

@Override
public void actionPerformed(ActionEvent e) {
    // 获取按钮的命令
    String ac = e.getActionCommand();
    System.out.println("点击了按钮：" + ac);
    // 如果点击的是颜色按钮
    if(ac.equals("ColorBtn")) {
        // 获取按钮的背景颜色
        JButton btn = (JButton) e.getSource();
        color = btn.getBackground();
    }
    // 如果点击的是橡皮擦
    else if(ac.equals("橡皮擦")) {
        // 设置画笔颜色为背景色
        color = new Color(238, 238, 238);
    }
    // 否则设置画笔颜色
    else {
        type = ac;
        g.setColor(color);
    }
}

根据按钮的命令（actionCommand），判断用户是选择了颜色、橡皮擦还是图形类型，并更新画笔颜色或绘图模式。

@Override
public void mouseClicked(MouseEvent e) {
    System.out.println("鼠标点击");
}

@Override
public void mousePressed(MouseEvent e) {
    System.out.println("鼠标按下");
    // 获取鼠标按下时的坐标
    x1 = e.getX();
    y1 = e.getY();
}

@Override
public void mouseReleased(MouseEvent e) {
    System.out.println("鼠标松开");
    // 获取鼠标松开时的坐标
    x2 = e.getX();
    y2 = e.getY();

    // 如果y2小于80，则将y2设置为80
    if(y2 < 80) {
        y2 = 80;
    }

    // 根据图形类型绘制图形
    Graphics g = DrawPanel.getGraphics();
    g.setColor(color);
    if (type.equals("直线")) {
        g.drawLine(x1, y1, x2, y2);
    } else if (type.equals("圆形")) {
        g.drawOval(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2 - x1), Math.abs(y2 - y1));
    } else if (type.equals("矩形")) {
        g.drawRect(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2 - x1), Math.abs(y2 - y1));
    } else if (type.equals("实心圆形")) {
        g.fillOval(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2 - x1), Math.abs(y2 - y1));
    } else if (type.equals("实心矩形")) {
        g.fillRect(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2 - x1), Math.abs(y2 - y1));
    } else if (type.equals("等腰三角形")) {
        // 计算等腰三角形的顶点坐标
        int mx = (x1 + x2) / 2;
        int my = y1;
        // 绘制等腰三角形
        g.drawLine(x1, y2, mx, my);
        g.drawLine(mx, my, x2, y2);
        g.drawLine(x1, y2, x2, y2);
    } else if (type.equals("实心等腰三角形")) {
        // 计算等腰三角形的顶点坐标
        int mx = (x1 + x2) / 2;
        int my = y1;
        int h = Math.abs(y2 - y1);
        int w = Math.abs(x2 - x1);
        double dx = w / 2.0 / h;
        // 绘制等腰三角形
        for (int i = 0; i < h; i++) {
            if (y1 < y2) {
                g.drawLine((int) (mx - dx * i), my + i, (int) (mx + dx * i), my + i);
            } else {
                g.drawLine((int) (mx - dx * i), my - i, (int) (mx + dx * i), my - i);
            }
        }
    }
}
  1. 在主函数中创建并显示窗口
public static void main(String[] args) {
        // 创建DrawPadv2对象
        DrawPadv2 dl = new DrawPadv2();
        // 调用showUI方法显示UI界面
        dl.showUI();
    }

通过mousePressed和mouseReleased方法记录鼠标按下与释放的坐标，结合当前选择的图形类型，调用Graphics对象的绘图方法完成绘制

实现效果

在这里插入图片描述

最终代码

DrawPadv2

package basic.hj0507;

import javax.swing.*;
import java.awt.*;

public class DrawPadv2 {

    // 创建一个DrawListener对象
    DrawListener dl = new DrawListener();

    // 显示UI界面
    public void showUI() {
        // 创建一个JFrame对象
        JFrame jf = new JFrame();
        // 设置窗口标题
        jf.setTitle("画板v2.0");
        // 设置窗口大小
        jf.setSize(850,600);
        // 设置窗口居中显示
        jf.setLocationRelativeTo(null);
        // 设置窗口关闭时的操作
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        // 设置窗口布局为FlowLayout
        jf.setLayout(new FlowLayout());


        // 定义按钮类型
        String [] btnType = {"直线", "圆形", "矩形", "实心圆形", "实心矩形", "等腰三角形",
                "实心等腰三角形", "橡皮擦"};
        // 循环创建按钮并添加到窗口中
        for(int i = 0 ; i < btnType.length ; i++) {
            JButton btn = new JButton(btnType[i]);
            jf.add(btn);
            // 为按钮添加监听器
            btn.addActionListener(dl);
        }

        // 定义颜色按钮的颜色
        Color[] btnColors = {Color.BLACK, Color.RED, Color.GREEN,
                Color.BLUE, Color.YELLOW, Color.CYAN, Color.MAGENTA,
                Color.GRAY, Color.LIGHT_GRAY, Color.DARK_GRAY,
                Color.PINK, Color.ORANGE, Color.WHITE};

        // 循环创建颜色按钮并添加到窗口中
        for(int i = 0 ; i < btnColors.length ; i++) {
            JButton btn = new JButton();
            // 设置按钮的命令为ColorBtn
            btn.setActionCommand("ColorBtn");
            // 设置按钮的背景颜色
            btn.setBackground(btnColors[i]);
            jf.add(btn);
            // 为按钮添加监听器
            btn.addActionListener(dl);
        }

        // 设置窗口可见
        jf.setVisible(true);
        // 为窗口添加鼠标监听器
        jf.addMouseListener(dl);

        // 获取窗口的Graphics对象
        Graphics g = jf.getGraphics();
        // 将Graphics对象赋值给DrawListener对象的g
        dl.g = g;
    }

    // 主方法
    public static void main(String[] args) {
        // 创建DrawPadv2对象
        DrawPadv2 dl = new DrawPadv2();
        // 调用showUI方法显示UI界面
        dl.showUI();
    }
}

DrawListener

package basic.hj0507;

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;

public class DrawListener implements MouseListener, ActionListener {

    // 声明Graphics对象
    Graphics g;
    // 声明起始点和结束点的坐标
    int x1, y1, x2, y2;

    // 声明图形类型和颜色
    String type = "直线";
    Color color = Color.black;
    @Override
    public void actionPerformed(ActionEvent e) {
        // 获取按钮的命令
        String ac = e.getActionCommand();
        System.out.println("点击了按钮：" + ac);
        // 如果点击的是颜色按钮
        if(ac.equals("ColorBtn")) {
            // 获取按钮的背景颜色
            JButton btn = (JButton) e.getSource();
            color = btn.getBackground();
            // 设置画笔颜色
            g.setColor(color);
        }
        // 如果点击的是橡皮擦
        else if(ac.equals("橡皮擦")) {
            // 设置画笔颜色为背景色
            Color color2 = new Color(238,238,238);
            g.setColor(color2);
        }
        // 否则设置画笔颜色
        else {
            type = ac;
            g.setColor(color);
        }
    }

    @Override
    public void mouseClicked(MouseEvent e) {
        System.out.println("鼠标点击");
    }

    @Override
    public void mousePressed(MouseEvent e) {
        System.out.println("鼠标按下");
        // 获取鼠标按下时的坐标
        x1 = e.getX();
        y1 = e.getY();
    }

    @Override
    public void mouseReleased(MouseEvent e) {
        System.out.println("鼠标松开");
        // 获取鼠标松开时的坐标
        x2  = e.getX();
        y2 =  e.getY();

        // 如果y2小于80，则将y2设置为80
        if(y2<80) {
            y2 = 80;
        }

        // 根据图形类型绘制图形
        if (type.equals("直线")) {
            g.drawLine(x1, y1, x2, y2);
        }
        else if (type.equals("矩形")) {
            g.drawRect(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2 - x1), Math.abs(y2 - y1));
        } else if (type.equals("圆形")) {
            g.drawOval(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2 - x1), Math.abs(y2 - y1));
        } else if (type.equals("实心矩形")) {
            g.fillRect(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2 - x1), Math.abs(y2 - y1));
        } else if (type.equals("实心圆形")) {
            g.fillOval(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2 - x1), Math.abs(y2 - y1));
        } else if (type.equals("实心等腰三角形")) {
            // 计算等腰三角形的顶点坐标
            int mx = (x1 + x2) / 2;
            int my = y1;
            int h = Math.abs(y2 - y1);
            int w = Math.abs(x2 - x1);
            double dx = w / 2.0 / h;
            // 绘制等腰三角形
            for (int i = 0; i < h; i++) {
                if (y1 < y2) {
                    g.drawLine((int) (mx - dx * i), my + i, (int) (mx + dx * i), my + i);
                } else {
                    g.drawLine((int) (mx - dx * i), my - i, (int) (mx + dx * i), my - i);
                }
            }
        } else if (type.equals("等腰三角形")) {
            // 计算等腰三角形的顶点坐标
            int mx = (x1 + x2) / 2;
            int my = y1;
            // 绘制等腰三角形
            g.drawLine(x1, y2, mx, my);
            g.drawLine(mx, my, x2, y2);
            g.drawLine(x1, y2, x2, y2);
        }
    }

    @Override
    public void mouseEntered(MouseEvent e) {
        System.out.println("鼠标进入窗口");
    }

    @Override
    public void mouseExited(MouseEvent e) {
        System.out.println("鼠标离开窗口");
    }
}
FerdinandHuJ
关注
嵌入式工程师成长之路（3）——PCB设计
云轩阁
01-26 7万+
带有目的的学：要知道，PCB板子做出来需要我们给厂家哪些东西，我们设计板子的时候，需要遵循哪些设计规范，防止画好也是块废板子。然后再逐步开始学习画板。
ym——android源码大放送（实战开发必备）
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
android安卓源码海量项目合集打包-1
热门推荐
chenhao0568的专栏
06-11 14万+
下载地址 最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ Android 实现 标签 拖动 改变位置.rar │ │ android 流式布局和热门标签.zip │ │ ...
Android源码大放送（实战开发必备）
gao_chun
08-01 3万+
Android源码大放送（实战开发必备）文件夹 PATH 列表│  javaapk.com文件列表生成工具.bat│  使用说明.txt│  免费下载更多源码.url│  目录列表.txt│  ├─android web应用│      jqmDemo_static.zip│      jqmMobileDemo-master.zip│      jqmMobileDemo1_1-master.z
2016年前端技术观察
般若
12-14 5515
前端技术，从最初的刀耕火种到现在的百花齐放、繁花迷眼，可以说达到了一个前所未有的鼎盛时期。当身边的同事张口闭口都是所谓H5的时候，作为一名前端开发者的我心中越来越多的却是迷惑和不解。 我并不完全赞同这篇文章中的观点，但这不重要，重要的是我听到了不同的声音，而不是人云亦云。在这个迷乱的时世中，坚信常识！
1900套计算机毕业设计源码整合大全，ASP(499套），C++（24套），Java（100套），JSP（300套），PHP（76套），VB（350套）Andorid168套，swing11套...
CSDN专栏--北京中关村
06-03 1万+
1900套计算机毕业设计源码整合大全
DXP快捷键
Mr___God的博客
03-29 4391
快捷键D+R(Design→Rules)PCB设计规则设置D+O(Design→Beard Options) =O+B=O+G=O+S编辑PCB板选项D+P(Design→Make PCB Library)生成PCB封装库D+S+R(Design→Board Shape→Redefine Board Shape)重新定义PCB板型D+S+D(Design→Board Shape→Define fr...
Python开发FastAPI从入门到精通
YunWisdom
01-24 2971
想用Python写API快到飞起？FastAPI就是你的“代码瑞士军刀”！这本书不讲玄学，只教真功夫——从零搭建高性能API，到微服务、分布式事务、熔断限流，连异步编程都能玩成魔法！ 小白也能变大神：路由、依赖注入、数据库集成手把手教学；老鸟直呼内行：服务网格、Saga模式、K8s部署实战全覆盖。附赠三个硬核项目：任务管理、在线商城、实时聊天系统，代码跑起来比奶奶织毛衣还丝滑！别说我没提醒你：翻开这本书，你的代码可能会快到自己都追不上！🚀
画电路板应注意的问题
refine19的专栏
07-17 2335
对于电子产品来说，印制线路板设计是其从电原理图变成一个具体产品必经的一道设计工序，其设计的合理性与产品生产及产品质量紧密相关，而对于许多刚从事电子设计的人员来说，在这方面经验较少，虽然已学会了印制线路板设计软件，但设计出的印制线路板常有这样那样的问题，而许多电子刊物上少有这方面文章介绍，笔者曾多年从事印制线路板设计的工作，在此将印制线路板设计的点滴经验与大家分享，希望能起到抛砖引玉的作用。笔者的印制线路板设计软件早几年是 TANGO，现在则使用PROTEL2.7 FOR WINDOWS。板的布局：印制线路板
SMCDraw V2.0动画设计新手教程：让设计栩栩如生
![SMCDraw V2.0动画设计新手教程：让设计栩栩如生]...SMCDraw V2.0是一款强大的动画设计软件，其设计思想和使用方法都围绕着动画设计的核心要素。本章将对
你画我猜Vue20Websocket
08-10
3. 画板同步：玩家的画笔动作实时传输到其他玩家，展示在他们的画板上。 4. 猜词交互：玩家输入猜测的词汇，通过WebSocket发送给服务器，服务器确认答案并广播结果。 5. 游戏状态更新：如时间倒计时、得分统计等，都...
Vue Canvas画板实现简易demo教程
在本项目中，开发者将学习如何使用Canvas API来创建一个交互式的画板，这涉及到Canvas的上下文（Context）操作，以及如何处理鼠标事件来捕获用户的绘图动作。 3. 鼠标事件处理 在画板应用中，处理用户的鼠标事件是...
idea如何开启代理
win9413的博客
05-07 369
定位到配置菜单后，填写配置。
202533 | SpringBoot集成RocketMQ
weixin_43422022的博客
05-05 930
通过以上代码示例，可以快速实现RocketMQ的各种消息模式集成。根据业务场景选择合适的方式，平衡可靠性与性能需求。解决方法：检查对象是否实现了Serializable。：适用于重要通知、支付结果等需要确认的场景。这样就完成了对象和集合消息的发送与接收！：适合日志收集等允许少量丢失的场景。：吞吐量最高，但不保证可靠性。
JavaWeb：MySQL进阶
IT瘾君子的博客
05-07 637
JavaWeb、MySQL进阶、事务、所以，子查询，外连接，内连接
centos 7 安装 java 运行环境
最新发布
abc
05-09 176
centos 7 安装 java 运行环境。
gradle3.5的安装以及配置环境变量
lx2632730145的博客
05-09 147
本文简要介绍了如何下载和配置Gradle 3.5版本。首先，用户需下载Gradle 3.5并解压。接着，配置环境变量，设置变量名为GRADLE_HOME，变量值为bin路径。在Windows 11系统中，需在Path环境变量中添加%GRADLE_HOME%\bin。最后，通过命令提示符输入gradle -v，若能显示版本号，则表明Gradle配置成功。
DoubleAccumulator源码解析与应用
六月的尾巴
05-09 128
DoubleAccumulator是Java并发包中的一个类，用于在多线程环境下高效地累加双精度浮点数。它通过动态扩展内部变量集来减少线程争用，适用于频繁更新但读取较少的场景。DoubleAccumulator的核心方法包括accumulate用于更新值，get用于获取当前值，以及reset用于重置值。该类不保证线程间的累积顺序，因此不适用于需要数值稳定性的场景。应用示例展示了如何在多线程环境中使用DoubleAccumulator进行并发累加操作，最终获取累加结果。
Java 8 非对称加密代码示例
在那一刻，我们或许会发现自己站在了时间的另一岸，以更加成熟和宽广的胸怀，去拥抱那份隔代相传的深情。
05-06 417
以下是使用Java 8实现RSA非对称加密的完整代码示例，包括密钥生成、加密和解密过程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值