用Java实现简单画板功能

现在,我们来讲一下怎么用Java来实现简单画板,要实现的功能有:选择图形(方形、圆形、多边形...)、可以选择颜色。

首先,打开windows下的画图软件,我们知道我们需要一个窗体(JFrame);我们要画画,需要画板;我们要选择图形、颜色,所以还应用到按钮组件,说到这里,我们所需要的原料基本完成了。接下来,我们要考虑布局:我们采用最简单的布局,窗体的最上面放选择图形的按钮,中间是画板,最下面是选择颜色的按钮。就是这样的:

我们把图形按钮、颜色按钮安排在两个面板上,画板为一个单独的面板,对于布局,我们使用的是BorderLayout()布局管理器,它会把背景组件分割成5个区域,分别为上下左右 中。图形按钮和颜色按钮挺多的,难道我们要一个个的添加吗?不是的,我们可以用数组来存储图图形信息和颜色信息,然后用循环来添加,速度快,日后也容易添加相应的按钮,扩展画板的功能。代码如下:

String [] Shape={"直线","曲线","圆","喷枪","橡皮擦","矩形","椭圆","圆角矩形","弧线","多边形","图形","三角形","立体圆","树叶"};   
        for(int i=0;i<Shape.length;i++){
            JButton button=new JButton(Shape[i]);
            button.addActionListener(dl);    //添加事件监听机制
            ShapePanel.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(dl);   //添加事件监听机制
            button.setPreferredSize(new Dimension(30,30));
            button.setBackground(color[i]);
            ColorPanel.add(button);
        }

到这里,我们的UI就大功告成啦,可以喝杯茶休息 一下啦。

我们的画板要怎么知道用户点击了那一个图形按钮和颜色按钮呢?是的,我们会想到事件监听。但事件监听只是告诉我们用户按下了按钮呀?我们又怎么知道这是个颜色按钮还是图形按钮呀?是什么图形呀?是什么颜色呀?这是我们接下来要解决的问题。

在上面创建图形按钮和颜色按钮的时候,不知道你有没有发现两种按钮的不同呢?是的,图形按钮有标题,颜色按钮有背景颜色,我们可以根据这一点来判断用户按下的是图形按钮还是颜色按钮。那要怎么来取得按钮所传递过来的图形和颜色信息呢?我们可以在监听类里面添加Shape和Color属性来保存。代码如下:

public void actionPerformed(ActionEvent e){
        if(e.getActionCommand().equals("")){      //如果没有信息,那就是颜色按钮
            JButton button = (JButton) e.getSource();  
            color = button.getBackground();   
            System.out.println("color = " + color);
        }else{
            JButton button = (JButton) e.getSource();  
            shape = button.getActionCommand();   
            System.out.println("String = " + shape);
        }
    }

哇,到了这里,我们的工作已经完成一大半啦。

接下来就是根据获取到的颜色和图形信息进行画画啦。先说一下最简单的设置颜色,我们只需在用户按下鼠给画笔设置颜色属性就好。

那我们要怎么画图形呢?图形的完成有在鼠标点击是就完成的,有拖动完成的,有按下拖动然后松开才完成的....要怎么实现呢?是的,判断,根据Shape来判断,并做出相应的动作。

按下就完成的图形有:方形、圆形、弧线....这些图形的绘制也比较简单,只需获取点下的坐标值就可以进行画图了。如下:

public void mousePressed(MouseEvent e) {
         g=(Graphics2D) df.getGraphics();
         g.setColor(color);
         x1=e.getX();
         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, 60, 0, 180);
         }
     }

按下并拖动才能完成的有:直线。我们只需记录下按下是的坐标与松开是的坐标,然后连接两点,就可以画直线了。代码如下:

public void mouseReleased(MouseEvent e) {
            x2 = e.getX();
            y2 = e.getY();
            if (shape.equals("直线")) {
                g.drawLine(x1, y1, x2, y2);
            }else if(shape.equals("多边形")&&!flag){
                g.drawLine(x1, y1, x2, y2);
                newx1=x1;
                newy1=y1;
                newx2=x2;
                newy2=y2;
                flag=true;
            }
 
     }

拖动完成的有:曲线、橡皮擦、喷枪。曲线,我们也是用画线的方法来实现,但我们每次只画一个点,即起始坐标相同,却每次画点的坐标为鼠标拖动过程中每一位置的坐标。橡皮擦呢?我们先把画笔颜色设置成画板背景色,用画曲线的方法,即鼠标所在的地方都画成背景色,实现橡皮擦的功能,为了突出效果,我们使用Graphics2D,把画笔调粗。这样,效果更加明显。喷枪,我们使用的是随机数,及拖动鼠标过程中,同时随机的画出数十个点,来模拟喷枪随机的效果。代码如下:

public void mouseDragged(MouseEvent e) {
            x2 = e.getX();
            y2 = e.getY();
            if (shape.equals("曲线")) {
//                g.setStroke(new BasicStroke(10));            
//                g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                g.drawLine(x1, y1, x2, y2);
                x1 = x2;
                y1 = y2;
            }else if(shape.equals("橡皮擦")){
                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("喷枪")){
            //    g.setStroke(new BasicStroke(2));      //不用加粗                        
            //    g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                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 mouseClicked(MouseEvent e) {
         if(shape.equals("多边形")&&flag){
             x2=e.getX();        //获取新的点的坐标
             y2=e.getY();
             if(e.getClickCount()==2){
                 g.drawLine(newx1, newy1, newx2, newy2);
                 flag=false;
             }
             g.drawLine(newx2, newy2, x2, y2);
             
             newx2=x2;   //存下上个点的坐标
             newy2=y2;
            }
}

到这里,我们终于大功告成啦,虽然还是很小儿科,但这是我们编程路上很重要的一步啦。看一下成果图吧:

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

(0)

相关推荐

  • Java Swing实现画板的简单操作

    Java Swing 画板的操作(修改颜色,更改图形,清除,任务栏按钮),供大家参考,具体内容如下 话不多说,直接看代码 package Swing; import javax.swing.*; import java.awt.*; import java.awt.event.*; import java.awt.image.BufferedImage; import java.awt.image.TileObserver; import java.awt.image.WritableRende

  • Java版画板的实现方法

    Windows的画图板相信很多人都用过,这次我们就来讲讲Java版本的简易画板的实现. 基本的思路是这样的:画板实现大致分三部分:一是画板界面的实现,二是画板的监听以及画图的实现,三是画板的重绘.(文章较长,但是代码是逐步递进的,可以按三部分分开来看,实现了当前部分再去看下一部分.)首先是画板的界面实现,因为我没有去找具体的图标,界面上的所有组件都是Swing的自带组件,所以界面略微有点简陋,不过如果想要优化也简单,把界面上的组件都改成自定义的图标即可.界面实现后,就可以考虑给界面的组件加上监听

  • Java实现简单画画画板

    用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

  • JAVA GUI自定义JPanel画板背景

    自定义JPanel面板背景 一.前言 1.GUI全称是Graphical User Interface,就是图形用户界面.JAVA的GUI应用广泛在我们生活中也很常见.很多应用使用该GUI编程设计,像点击QQ图标弹出对应的登录窗体. 一般程序与用户的交互都基于对应程序的运行界面. 2.JPanel面板是SWING下的一个面板容器类.该面板支持嵌套,可设置布局方式,设置不同的布局管理器可添加其他控件像JButton按钮,JTextField文本框等.来设计完善一个程序界面窗体. 作为绘制面板支持s

  • 用Java实现简单画板功能

    现在,我们来讲一下怎么用Java来实现简单画板,要实现的功能有:选择图形(方形.圆形.多边形...).可以选择颜色. 首先,打开windows下的画图软件,我们知道我们需要一个窗体(JFrame):我们要画画,需要画板:我们要选择图形.颜色,所以还应用到按钮组件,说到这里,我们所需要的原料基本完成了.接下来,我们要考虑布局:我们采用最简单的布局,窗体的最上面放选择图形的按钮,中间是画板,最下面是选择颜色的按钮.就是这样的: 我们把图形按钮.颜色按钮安排在两个面板上,画板为一个单独的面板,对于布局

  • Python基于opencv实现的简单画板功能示例

    本文实例讲述了Python基于opencv实现的简单画板功能.分享给大家供大家参考,具体如下: import cv2 import numpy as np drawing = False # true if mouse is pressed ix,iy = -1,-1 def nothing(x): pass # mouse callback function def draw_circle(event,x,y,flags,param): global ix,iy,drawing g = par

  • Java实现简单抽奖功能界面

    本文实例为大家分享了Java实现简单抽奖功能的具体代码,供大家参考,具体内容如下 要求:定义文本框添加姓名,将姓名存储并且在界面中可见,点击抽奖按钮进行抽奖并输出最后的中奖得主. 关于抽奖当然需要用到随机数的生成函数,在Java中Random 的使用合适比较简单的: 有两种不同的Random方法的使用,其中一种是Math中的random. 该方法生成的是0-1之间的浮点数,如果要生成整数类型的数字,可以乘一个整数,强制转换为整数类型. int n = (int)(Math.random()*x)

  • 用Java实现简单计算器功能

    本项目为大家分享了Java实现简单计算器功能的具体代码,供大家参考,具体内容如下 一 项目说明 实训目的:掌握 Java GUI 开发中的布局管理和事件处理机制. 实训要求: (1)要使用 java 的 GUI 设计出计算器界面. (2)通过界面按钮,可以实现整数或浮点数的四则运算,并能将结果显示在界面中. (3)计算可以有小数点,和正负整数的计算. (4)要有清零功能. 二.类设计 中缀表达式的计算solution(String str) 用来中算后缀表达式的值,并将结果返回.准备一个数字栈,

  • java实现简单点赞功能

    本文实例为大家分享了java实现简单点赞功能的具体代码,供大家参考,具体内容如下 需求分析 分析: 1.必须先登录,否则提示2.第一次点赞(顶),点赞操作,点赞数+1,提示顶成功3.第二次点赞(顶),没有操作,提示今天顶过了 核心问题: 1>怎么区分当前请求时顶成功操作(第一次顶)还是今天已经顶过(第二次顶)2>怎么考虑今天已顶过 ----------------------------------------------核心问题需要区分是第一次顶还是的二次顶,这种请求操作属于有状态请求操作,

  • IOS实现的简单画板功能

    效果图 设计要求 1.画笔能设置大小.颜色 2.有清屏.撤销.橡皮擦.导入照片功能 3.能将绘好的画面保存到相册 实现思路 1.画笔的实现,我们可以通过监听用户的 平移手势 中创建 UIBezierPath 来实现线条的绘制 2.撤销功能,我们先来看下撤销功能,我们会想到用一个数组队列将用户的每一次的笔画都加入到数组中,然后撤销的时候只需要将最后添加进去的笔画pop掉,重新绘制就可以了 3.清屏功能就简单了,只需要将上面说到的那个数组清空重新绘制下就可以了 4.导入照片功能,可以用系统的 UII

  • 基于opencv实现简单画板功能

    OpenCV提供了很多简单的语句,实现复杂的功能,根据颜色和鼠标交互的基础语句,我们可以建立一个简单的画板.尽管它简单,但是制作的框架步骤不能少. 如果您感兴趣,可以按照我的步骤写一下,或者直接复制总程序中的代码运行. 一.功能 明确画板功能,便于后续编写程序. 目标功能:可调节颜色,有画图区域,可以进行鼠标输入. 二.框架搭建 主要有两步: 第一步:建立颜色选区,可以用OpenCV的滑动条语句cv.createTrackbar设置.cv.createTrackbar一共拥有五个参数设置,它们是

  • java制作简单验证码功能

    本文实例为大家分享了java制作简单验证码的具体代码,供大家参考,具体内容如下 在这里我们需要用到java的画笔工具,所以我们需要导入以下包 import="java.util.*,java.awt.*,java.awt.image.*,javax.imageio.*" 然后我就使用java脚本来实现一个小小的验证码 <%@ page contentType="image/jpeg; charset=utf-8" language="java&quo

  • java实现简单发送邮件功能

    本文实例为大家分享了java实现简单发送邮件的具体代码,供大家参考,具体内容如下 添加依赖 <!--发送邮件API-->     <!-- https://mvnrepository.com/artifact/javax.mail/javax.mail-api -->     <dependency>       <groupId>javax.mail</groupId>       <artifactId>javax.mail-ap

  • java实现简单计算器功能

    使用java来实现一个简单的计算器,供大家参考,具体内容如下 最近使用java制作了一个计算器,菜单栏里的功能没有实现,只是写一个版式,仅仅实现了计算功能 ,如果想要实现菜单栏功能可自行在该代码的基础上去实现. 话不多说直接上代码 package test; import javax.swing.*; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; public

随机推荐