Java GUI小程序--画板

Posted Cynical丶Gary

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Java GUI小程序--画板相关的知识,希望对你有一定的参考价值。

  画板

一个可以绘画的简单绘图软件

 

本文用两个类来实现画板的基本功能

(源代码在文章最后面)

 

技术分享图片

画板制作分两个部分:

(一)界面布局

(二)实现功能

小知识:

setBounds(x,y,width,height);

 x:组件在容器X轴上的起点 

 y:组件在容器Y轴上的起点 

 width:组件的长度 

 height:组件的

 

下面就是一个按钮的简单布局

技术分享图片

 

下面就来开始制作这个画板把

一、界面布局

1.定义所有按钮,把按钮全部放置到面板中

 

package gary;

import javax.swing.JButton;
import javax.swing.JFrame;

public class PaintFrame extends JFrame{
	JButton line,rect,round,chooseColor,save,exit;
	
	//构造方法对面板进行初始化
	public PaintFrame() {
		//1.初始化所有按钮
		line = new JButton("线");
		rect = new JButton("矩形");
		round = new JButton("圆形");
		chooseColor = new JButton("选择颜色");
		save = new JButton("保存");
		exit = new JButton("退出");
		
		//2.初始化窗口
		setTitle("画板");
		setSize(600,600);
		setResizable(false);
		setDefaultCloseOperation(EXIT_ON_CLOSE);
		
		//3.把按钮放置在窗口中
		add(line);
		add(rect);
		add(round);
		add(chooseColor);
		add(save);
		add(exit);
		
		//4.重定位按钮
		line.setBounds(1,10,60,30);
		rect.setBounds(1,40,60,30);
		round.setBounds(1,70,60,30);
		chooseColor.setBounds(1,100,60,30);
		save.setBounds(1,130,60,30);
		exit.setBounds(1,160,60,30);
		
		//end.设置布局为空,使窗口可见
		setLayout(null);
		setVisible(true);
	}
	
	public static void main(String[] args) {
		new PaintFrame();
	}
}

  

技术分享图片

 

	chooseColor.setBackground(selectColor);

  

这样这些按钮就放到面板上了

 

 

2.把绘图区放置到面板中

绘图区我们用JPanel类来制作,JPanel是一个轻量级面板,不可以单独存在,必要要放到Frame面板上,Frame是一个重量级面板,可以单独存在

定义一个PaintPanel类用来继承JPanel

技术分享图片

接着到PaintFrame这个类中初始化放置绘图区到面板上:

初始化

	//step2:初始化绘图区
		panel = new PaintPanel();
		panel.setBackground(Color.WHITE);		//设置绘图区为白色

  

把绘图区放置到窗口中

	//step2:把绘图区放置到窗口中
		add(panel);

  

 

定义绘图区

	//重定位绘图区
		panel.setBounds(65,10,520,550);

  

 

技术分享图片

面板右边就绘制了一个绘图区,为后面绘制直线、圆、矩形设置了一个面板

3.定义颜色

     在PaintFrame类中定义一个颜色

//默认颜色是
	Color selectColor = Color.GRAY;

  

 

 将"选择颜色"按钮定义为灰色

chooseColor.setBackground(selectColor);

  

技术分享图片

 

 

技术分享图片
package gary;

import java.awt.Color;

import javax.swing.JButton;
import javax.swing.JFrame;

public class PaintFrame extends JFrame{
    //定义按钮
    JButton line,rect,round,chooseColor,save,exit;
    
    //定义一个绘图区
    PaintPanel panel;
    
    //默认颜色是
    Color selectColor = Color.GRAY;
    
    
    //构造方法对面板进行初始化
    public PaintFrame() {
        //1.初始化所有按钮
        line = new JButton("线");
        rect = new JButton("矩形");
        round = new JButton("圆形");
        chooseColor = new JButton("选择颜色");
        save = new JButton("保存");
        exit = new JButton("退出");
        //初始化绘图区
        panel = new PaintPanel();
        panel.setBackground(Color.WHITE);        //设置绘图区为白色
        chooseColor.setBackground(selectColor);
        
        //2.初始化窗口
        setTitle("画板");
        setSize(600,600);
        setResizable(false);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        
        
        //3.把按钮放置在窗口中
        add(line);
        add(rect);
        add(round);
        add(chooseColor);
        add(save);
        add(exit);
        //step2:把绘图区放置到窗口中
        add(panel);
        
        //4.重定位按钮
        line.setBounds(1,10,60,30);
        rect.setBounds(1,40,60,30);
        round.setBounds(1,70,60,30);
        chooseColor.setBounds(1,100,60,30);
        save.setBounds(1,130,60,30);
        exit.setBounds(1,160,60,30);
        //重定位绘图区
        panel.setBounds(65,10,520,550);
        
        //end.设置布局为空,使窗口可见
        setLayout(null);
        setVisible(true);
    }
    
    public static void main(String[] args) {
        new PaintFrame();
    }
}
PaintFrame.class

 

 

(左边就是面板的功能区,右边就是画板绘图区,接下来我们就要实现这些按钮的基本功能了)

 

 

二、实现功能

 

1.退出(最简单的一个)

		exit.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent arg0) {
				System.exit(0);
			}
			
		});

  

2.选择颜色

 

showDialog(Component component, String title, Color initialColor)创建一个颜色对话框参数component指定对话框所依赖的组件,title指定对话框的标题;initialColor指定对话框返回默认颜色

		chooseColor.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				Color color = JColorChooser.showDialog(null, "请选择颜色", selectColor);
				selectColor = color;		//默认颜色设置成选择的颜色
				//讲选择的颜色返回到按钮"选择颜色"的背景上
				chooseColor.setBackground(selectColor);
			}
			
		});

  

技术分享图片

 

3.线、矩形、圆形

在PaintPanel类中定义一个String类型的变量type,用表示下一次要画的图形类型


技术分享图片

 

在PaintFrame中添加这三个按钮的监听器,每按下一个按钮,改变type的值

            //直线
		line.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				//改变绘图区的type变量的值为"line"
				panel.type = "line";
			}
			
		});
		
		//矩形
		rect.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				//改变绘图区的type变量的值为"rect"
				panel.type = "rect";
			}
			
		});
		
		//圆
		round.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				//改变绘图区的type变量的值为"round"
				panel.type = "round";
			}
			
		});

  

 

接下来到PaintPanel类JPanel轻量级面板上实现三个按钮的功能

关键就是给绘图区添加鼠标点击和释放的监听器

PaintPanel类中定义一个x,y来表示鼠标的横纵坐标

//表示鼠标的横纵坐标
	int x,y;

  

在绘图区给鼠标添加点击和释放的监听器

 

点击鼠标时候获得绘制图形起点x,y坐标

释放鼠标时候获得绘制图形终点x,y坐标

用type的不同值来调用Graphics2D类中不同方法绘画出不同的图形

addMouseListener(new MouseListener() {

	
			@Override
			public void mousePressed(MouseEvent e) {
				// 按下
				//获得图形的原点
				x = e.getX();
				y = e.getY();
			}

			@Override
			public void mouseReleased(MouseEvent e) {
				// 释放
				//获得图形的终点
				int x1 = e.getX();
				int y1 = e.getY();
				//获得绘图区的作图器
				Graphics2D g = (Graphics2D)getGraphics();
				//根据type的值绘制不同类型的图形
				if(type.equals("line")) {
					//绘制直线
					g.drawLine(x,y, x1, y1);
				}
				if(type.equals("rect")) {
					//绘制矩形
					g.drawRect(x,y,x1-x,y1-y);
				}
				if(type.equals("round")) {
					//绘制椭圆形
					g.drawOval(x, y, x1-x, y1-y);
				}
				
			}

  

技术分享图片

 

 

接下来把颜色添加到绘画图形线条上面

在PaintPanel类中定义一个Color类的变量

	//要绘制的颜色
	Color selectColor;

  

在释放鼠标绘图器开始绘图的时候添加上颜色

				Graphics2D g = (Graphics2D)getGraphics();
				//给作图器设置绘图的颜色
				g.setColor(selectColor);

  


PaintFrame类设置监听器"设置颜色"按钮上给PaintPanel获得选择的颜色

//选择颜色
        chooseColor.addActionListener(new ActionListener() {

            @Override
            public void actionPerformed(ActionEvent e) {
                Color color = JColorChooser.showDialog(null, "请选择颜色", selectColor);
                selectColor = color;        //默认颜色设置成选择的颜色
                //讲选择的颜色返回到按钮"选择颜色"的背景上
                chooseColor.setBackground(selectColor);
                panel.selectColor = selectColor;
            }
            
        });

 

 

技术分享图片

 

 

4.保存

在PaintFrame类中添加"保存"按钮的监听器

        //保存
        save.addActionListener(new ActionListener(){

            @Override
            public void actionPerformed(ActionEvent arg0) {
                JFileChooser chooser = new JFileChooser();
                int cnt = chooser.showDialog(null,"保存");
                if(cnt == 0 ) {
                    //用户选中的文件
                    File file = chooser.getSelectedFile();
                    System.out.println("file = " + file.getAbsolutePath());
                    panel.save(file);
                }
            }
                
        });

 

 

在PaintPanel类中实现保存功能,调用PaintPanel类中save()保存方法

public void save(File file) {
		//获得相对于文件的缓冲图片
		BufferedImage image= new BufferedImage(getWidth(),getHeight(),BufferedImage.TYPE_INT_RGB);
		//从缓冲图片中获得作图器
		Graphics g = image.getGraphics();
		g.setColor(Color.white);
		g.fillRect(0, 0, getWidth()+1, getHeight()+1);
		//向缓存图片上写绘制所有的图形
	}

  

 

技术分享图片

 

 

到这里一个简单的画板就制作出来啦O(∩_∩)O,程序比较简单还有很多可以完善的地方,两个类的代码留在下面就当一起学习吧

技术分享图片
package gary;

import java.awt.Color;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;

import javax.swing.JButton;
import javax.swing.JColorChooser;
import javax.swing.JFileChooser;
import javax.swing.JFrame;

public class PaintFrame extends JFrame{
    //定义按钮
    JButton line,rect,round,chooseColor,save,exit;
    
    //定义一个绘图区
    PaintPanel panel ;
    
    //默认颜色是
    Color selectColor = Color.GRAY;
    
    
    //构造方法对面板进行初始化
    public PaintFrame() {
        //1.初始化所有按钮
        line = new JButton("线");
        rect = new JButton("矩形");
        round = new JButton("圆形");
        chooseColor = new JButton("选择颜色");
        save = new JButton("保存");
        exit = new JButton("退出");
        //初始化绘图区
        panel = new PaintPanel();
        panel.setBackground(Color.WHITE);        //设置绘图区为白色
        chooseColor.setBackground(selectColor);
        panel.selectColor = selectColor;
        
        //2.初始化窗口
        setTitle("画板");
        setSize(600,600);
        setResizable(false);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        
        
        //3.把按钮放置在窗口中
        add(line);
        add(rect);
        add(round);
        add(chooseColor);
        add(save);
        add(exit);
        //step2:把绘图区放置到窗口中
        add(panel);
        
        //4.重定位按钮
        line.setBounds(1,10,60,30);
        rect.setBounds(1,40,60,30);
        round.setBounds(1,70,60,30);
        chooseColor.setBounds(1,100,60,30);
        save.setBounds(1,130,60,30);
        exit.setBounds(1,160,60,30);
        //重定位绘图区
        panel.setBounds(65,10,520,550);
        
        //5.给各个按钮注册监听器
        //直线
        line.addActionListener(new ActionListener() {

            @Override
            public void actionPerformed(ActionEvent e) {
                //改变绘图区的type变量的值为"line"
                panel.type = "line";
            }
            
        });
        
        //矩形
        rect.addActionListener(new ActionListener() {

            @Override
            public void actionPerformed(ActionEvent e) {
                //改变绘图区的type变量的值为"rect"
                panel.type = "rect";
            }
            
        });
        
        //
        round.addActionListener(new ActionListener() {

            @Override
            public void actionPerformed(ActionEvent e) {
                //改变绘图区的type变量的值为"round"
                panel.type = "round";
            }
            
        });
        
        //选择颜色
        chooseColor.addActionListener(new ActionListener() {

            @Override
            public void actionPerformed(ActionEvent e) {
                Color color = JColorChooser.showDialog(null, "请选择颜色", selectColor);
                selectColor = color;        //默认颜色设置成选择的颜色
                //讲选择的颜色返回到按钮"选择颜色"的背景上
                chooseColor.setBackground(selectColor);
                panel.selectColor = selectColor;
            }
            
        });
        
        //保存
        save.addActionListener(new ActionListener(){

            @Override
            public void actionPerformed(ActionEvent arg0) {
                JFileChooser chooser = new JFileChooser();
                int cnt = chooser.showDialog(null,"保存");
                if(cnt == 0 ) {
                    //用户选中的文件
                    File file = chooser.getSelectedFile();
                    System.out.println("file = " + file.getAbsolutePath());
                    panel.save(file);
                }
            }
                
        });
        
        //退出
        exit.addActionListener(new ActionListener() {

            @Override
            public void actionPerformed(ActionEvent arg0) {
                System.exit(0);
            }
            
        });
        
        //end.设置布局为空,使窗口可见
        setLayout(null);
        setVisible(true);
    }
    
    public static void main(String[] args) {
        new PaintFrame();
    }
}
PaintFrame.class
技术分享图片
package gary;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.image.BufferedImage;
import java.io.File;

import javax.swing.JPanel;

public class PaintPanel extends JPanel{
    
    //表示下一次要画的图形类型 "line","rect","round"
    String type = "line";
    
    //表示鼠标的横纵坐标
    int x,y;
    
    //要绘制的颜色
    Color selectColor;
    
    public PaintPanel() {
        //给绘图区添加鼠标点击和释放的监听器
        addMouseListener(new MouseListener() {

    
            @Override
            public void mousePressed(MouseEvent e) {
                // 按下
                //获得图形的原点
                x = e.getX();
                y = e.getY();
            }

            @Override
            public void mouseReleased(MouseEvent e) {
                // 释放
                //获得图形的终点
                int x1 = e.getX();
                int y1 = e.getY();
                //获得绘图区的作图器
                Graphics2D g = (Graphics2D)getGraphics();
                //给作图器设置绘图的颜色
                g.setColor(selectColor);
                
                //根据type的值绘制不同类型的图形
                if(type.equals("line")) {
                    //绘制直线
                    g.drawLine(x,y, x1, y1);
                }
                if(type.equals("rect")) {
                    //绘制矩形
                    g.drawRect(x,y,x1-x,y1-y);
                }
                if(type.equals("round")) {
                    //绘制椭圆形
                    g.drawOval(x, y, x1-x, y1-y);
                }
                
            }

            @Override
            public void mouseClicked(MouseEvent e) {
                // TODO Auto-generated method stub
                
            }

            @Override
            public void mouseEntered(MouseEvent e) {
                // TODO Auto-generated method stub
                
            }

            @Override
            public void mouseExited(MouseEvent e) {
                // TODO Auto-generated method stub
                
            }
            
        });
        
    }
    
    public void save(File file) {
        //获得相对于文件的缓冲图片
        BufferedImage image= new BufferedImage(getWidth(),getHeight(),BufferedImage.TYPE_INT_RGB);
        //从缓冲图片中获得作图器
        Graphics g = image.getGraphics();
        g.setColor(Color.white);
        g.fillRect(0, 0, getWidth()+1, getHeight()+1);
        //向缓存图片上写绘制所有的图形
    }
}
PaintPanel.class

 

 

  画板

一个可以绘画的简单绘图软件

 

本文用两个类来实现画板的基本功能

(源代码在文章最后面)

 

技术分享图片

画板制作分两个部分:

(一)界面布局

(二)实现功能

小知识:

setBounds(x,y,width,height);

 x:组件在容器X轴上的起点 

 y:组件在容器Y轴上的起点 

 width:组件的长度 

 height:组件的

 

下面就是一个按钮的简单布局

技术分享图片

 

下面就来开始制作这个画板把

一、界面布局

1.定义所有按钮,把按钮全部放置到面板中

 

package gary;

import javax.swing.JButton;
import javax.swing.JFrame;

public class PaintFrame extends JFrame{
	JButton line,rect,round,chooseColor,save,exit;
	
	//构造方法对面板进行初始化
	public PaintFrame() {
		//1.初始化所有按钮
		line = new JButton("线");
		rect = new JButton("矩形");
		round = new JButton("圆形");
		chooseColor = new JButton("选择颜色");
		save = new JButton("保存");
		exit = new JButton("退出");
		
		//2.初始化窗口
		setTitle("画板");
		setSize(600,600);
		setResizable(false);
		setDefaultCloseOperation(EXIT_ON_CLOSE);
		
		//3.把按钮放置在窗口中
		add(line);
		add(rect);
		add(round);
		add(chooseColor);
		add(save);
		add(exit);
		
		//4.重定位按钮
		line.setBounds(1,10,60,30);
		rect.setBounds(1,40,60,30);
		round.setBounds(1,70,60,30);
		chooseColor.setBounds(1,100,60,30);
		save.setBounds(1,130,60,30);
		exit.setBounds(1,160,60,30);
		
		//end.设置布局为空,使窗口可见
		setLayout(null);
		setVisible(true);
	}
	
	public static void main(String[] args) {
		new PaintFrame();
	}
}

技术分享图片

 

 

		chooseColor.setBackground(selectColor);

 

这样这些按钮就放到面板上了

 

 

2.把绘图区放置到面板中

绘图区我们用JPanel类来制作,JPanel是一个轻量级面板,不可以单独存在,必要要放到Frame面板上,Frame是一个重量级面板,可以单独存在

定义一个PaintPanel类用来继承JPanel

技术分享图片

接着到PaintFrame这个类中初始化放置绘图区到面板上:

初始化

 

		//step2:初始化绘图区
		panel = new PaintPanel();
		panel.setBackground(Color.WHITE);		//设置绘图区为白色

把绘图区放置到窗口中

 

 

		//step2:把绘图区放置到窗口中
		add(panel);

定义绘图区

 

 

		//重定位绘图区
		panel.setBounds(65,10,520,550);

 

 

技术分享图片

面板右边就绘制了一个绘图区,为后面绘制直线、圆、矩形设置了一个面板

3.定义颜色

     在PaintFrame类中定义一个颜色

 

//默认颜色是
	Color selectColor = Color.GRAY;

 将"选择颜色"按钮定义为灰色

 

	chooseColor.setBackground(selectColor);

技术分享图片

 

PaintFrame类完整代码如下:

 

package gary;

import java.awt.Color;

import javax.swing.JButton;
import javax.swing.JFrame;

public class PaintFrame extends JFrame{
	//定义按钮
	JButton line,rect,round,chooseColor,save,exit;
	
	//定义一个绘图区
	PaintPanel panel;
	
	//默认颜色是
	Color selectColor = Color.GRAY;
	
	
	//构造方法对面板进行初始化
	public PaintFrame() {
		//1.初始化所有按钮
		line = new JButton("线");
		rect = new JButton("矩形");
		round = new JButton("圆形");
		chooseColor = new JButton("选择颜色");
		save = new JButton("保存");
		exit = new JButton("退出");
		//初始化绘图区
		panel = new PaintPanel();
		panel.setBackground(Color.WHITE);		//设置绘图区为白色
		chooseColor.setBackground(selectColor);
		
		//2.初始化窗口
		setTitle("画板");
		setSize(600,600);
		setResizable(false);
		setDefaultCloseOperation(EXIT_ON_CLOSE);
		
		
		//3.把按钮放置在窗口中
		add(line);
		add(rect);
		add(round);
		add(chooseColor);
		add(save);
		add(exit);
		//step2:把绘图区放置到窗口中
		add(panel);
		
		//4.重定位按钮
		line.setBounds(1,10,60,30);
		rect.setBounds(1,40,60,30);
		round.setBounds(1,70,60,30);
		chooseColor.setBounds(1,100,60,30);
		save.setBounds(1,130,60,30);
		exit.setBounds(1,160,60,30);
		//重定位绘图区
		panel.setBounds(65,10,520,550);
		
		//end.设置布局为空,使窗口可见
		setLayout(null);
		setVisible(true);
	}
	
	public static void main(String[] args) {
		new PaintFrame();
	}
}



 

(左边就是面板的功能区,右边就是画板绘图区,接下来我们就要实现这些按钮的基本功能了)

 

 

二、实现功能

 

1.退出(最简单的一个)

 

 

		exit.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent arg0) {
				System.exit(0);
			}
			
		});


2.选择颜色

 

showDialog(Component component, String title, Color initialColor)创建一个颜色对话框参数component指定对话框所依赖的组件,title指定对话框的标题;initialColor指定对话框返回默认颜色

 

		chooseColor.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				Color color = JColorChooser.showDialog(null, "请选择颜色", selectColor);
				selectColor = color;		//默认颜色设置成选择的颜色
				//讲选择的颜色返回到按钮"选择颜色"的背景上
				chooseColor.setBackground(selectColor);
			}
			
		});


技术分享图片

 

3.线、矩形、圆形

在PaintPanel类中定义一个String类型的变量type,用表示下一次要画的图形类型


技术分享图片

 

在PaintFrame中添加这三个按钮的监听器,每按下一个按钮,改变type的值

 

               //直线
		line.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				//改变绘图区的type变量的值为"line"
				panel.type = "line";
			}
			
		});
		
		//矩形
		rect.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				//改变绘图区的type变量的值为"rect"
				panel.type = "rect";
			}
			
		});
		
		//圆
		round.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				//改变绘图区的type变量的值为"round"
				panel.type = "round";
			}
			
		});

 

 

接下来到PaintPanel类JPanel轻量级面板上实现三个按钮的功能

关键就是给绘图区添加鼠标点击和释放的监听器

PaintPanel类中定义一个x,y来表示鼠标的横纵坐标

 

//表示鼠标的横纵坐标
	int x,y;


在绘图区给鼠标添加点击和释放的监听器

 

点击鼠标时候获得绘制图形起点x,y坐标

释放鼠标时候获得绘制图形终点x,y坐标

用type的不同值来调用Graphics2D类中不同方法绘画出不同的图形

 

 

addMouseListener(new MouseListener() {

	
			@Override
			public void mousePressed(MouseEvent e) {
				// 按下
				//获得图形的原点
				x = e.getX();
				y = e.getY();
			}

			@Override
			public void mouseReleased(MouseEvent e) {
				// 释放
				//获得图形的终点
				int x1 = e.getX();
				int y1 = e.getY();
				//获得绘图区的作图器
				Graphics2D g = (Graphics2D)getGraphics();
				//根据type的值绘制不同类型的图形
				if(type.equals("line")) {
					//绘制直线
					g.drawLine(x,y, x1, y1);
				}
				if(type.equals("rect")) {
					//绘制矩形
					g.drawRect(x,y,x1-x,y1-y);
				}
				if(type.equals("round")) {
					//绘制椭圆形
					g.drawOval(x, y, x1-x, y1-y);
				}
				
			}


技术分享图片

 

 

接下来把颜色添加到绘画图形线条上面

在PaintPanel类中定义一个Color类的变量

 

	//要绘制的颜色
	Color selectColor;

在释放鼠标绘图器开始绘图的时候添加上颜色

				Graphics2D g = (Graphics2D)getGraphics();
				//给作图器设置绘图的颜色
				g.setColor(selectColor);


PaintFrame类设置监听器"设置颜色"按钮上给PaintPanel获得选择的颜色

 

 

//选择颜色
		chooseColor.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				Color color = JColorChooser.showDialog(null, "请选择颜色", selectColor);
				selectColor = color;		//默认颜色设置成选择的颜色
				//讲选择的颜色返回到按钮"选择颜色"的背景上
				chooseColor.setBackground(selectColor);
				panel.selectColor = selectColor;
			}
			
		});

技术分享图片

 

4.保存

在PaintFrame类中添加"保存"按钮的监听器

 

		//保存
		save.addActionListener(new ActionListener(){

			@Override
			public void actionPerformed(ActionEvent arg0) {
				JFileChooser chooser = new JFileChooser();
				int cnt = chooser.showDialog(null,"保存");
				if(cnt == 0 ) {
					//用户选中的文件
					File file = chooser.getSelectedFile();
					System.out.println("file = " + file.getAbsolutePath());
					panel.save(file);
				}
			}
				
		});

 

 

在PaintPanel类中实现保存功能,调用PaintPanel类中save()保存方法

 

public void save(File file) {
		//获得相对于文件的缓冲图片
		BufferedImage image= new BufferedImage(getWidth(),getHeight(),BufferedImage.TYPE_INT_RGB);
		//从缓冲图片中获得作图器
		Graphics g = image.getGraphics();
		g.setColor(Color.white);
		g.fillRect(0, 0, getWidth()+1, getHeight()+1);
		//向缓存图片上写绘制所有的图形
	}

技术分享图片
 

 

到这里一个简单的画板就制作出来啦O(∩_∩)O,程序比较简单还有很多可以完善的地方,两个类的代码留在下面就当一起学习吧

PaintFrame类

 

package gary;

import java.awt.Color;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;

import javax.swing.JButton;
import javax.swing.JColorChooser;
import javax.swing.JFileChooser;
import javax.swing.JFrame;

public class PaintFrame extends JFrame{
	//定义按钮
	JButton line,rect,round,chooseColor,save,exit;
	
	//定义一个绘图区
	PaintPanel panel ;
	
	//默认颜色是
	Color selectColor = Color.GRAY;
	
	
	//构造方法对面板进行初始化
	public PaintFrame() {
		//1.初始化所有按钮
		line = new JButton("线");
		rect = new JButton("矩形");
		round = new JButton("圆形");
		chooseColor = new JButton("选择颜色");
		save = new JButton("保存");
		exit = new JButton("退出");
		//初始化绘图区
		panel = new PaintPanel();
		panel.setBackground(Color.WHITE);		//设置绘图区为白色
		chooseColor.setBackground(selectColor);
		panel.selectColor = selectColor;
		
		//2.初始化窗口
		setTitle("画板");
		setSize(600,600);
		setResizable(false);
		setDefaultCloseOperation(EXIT_ON_CLOSE);
		
		
		//3.把按钮放置在窗口中
		add(line);
		add(rect);
		add(round);
		add(chooseColor);
		add(save);
		add(exit);
		//step2:把绘图区放置到窗口中
		add(panel);
		
		//4.重定位按钮
		line.setBounds(1,10,60,30);
		rect.setBounds(1,40,60,30);
		round.setBounds(1,70,60,30);
		chooseColor.setBounds(1,100,60,30);
		save.setBounds(1,130,60,30);
		exit.setBounds(1,160,60,30);
		//重定位绘图区
		panel.setBounds(65,10,520,550);
		
		//5.给各个按钮注册监听器
		//直线
		line.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				//改变绘图区的type变量的值为"line"
				panel.type = "line";
			}
			
		});
		
		//矩形
		rect.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				//改变绘图区的type变量的值为"rect"
				panel.type = "rect";
			}
			
		});
		
		//圆
		round.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				//改变绘图区的type变量的值为"round"
				panel.type = "round";
			}
			
		});
		
		//选择颜色
		chooseColor.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent e) {
				Color color = JColorChooser.showDialog(null, "请选择颜色", selectColor);
				selectColor = color;		//默认颜色设置成选择的颜色
				//讲选择的颜色返回到按钮"选择颜色"的背景上
				chooseColor.setBackground(selectColor);
				panel.selectColor = selectColor;
			}
			
		});
		
		//保存
		save.addActionListener(new ActionListener(){

			@Override
			public void actionPerformed(ActionEvent arg0) {
				JFileChooser chooser = new JFileChooser();
				int cnt = chooser.showDialog(null,"保存");
				if(cnt == 0 ) {
					//用户选中的文件
					File file = chooser.getSelectedFile();
					System.out.println("file = " + file.getAbsolutePath());
					panel.save(file);
				}
			}
				
		});
		
		//退出
		exit.addActionListener(new ActionListener() {

			@Override
			public void actionPerformed(ActionEvent arg0) {
				System.exit(0);
			}
			
		});
		
		//end.设置布局为空,使窗口可见
		setLayout(null);
		setVisible(true);
	}
	
	public static void main(String[] args) {
		new PaintFrame();
	}
}

 

 

 PaintPanel类

 

package gary;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.image.BufferedImage;
import java.io.File;

import javax.swing.JPanel;

public class PaintPanel extends JPanel{
	
	//表示下一次要画的图形类型 "line","rect","round"
	String type = "line";
	
	//表示鼠标的横纵坐标
	int x,y;
	
	//要绘制的颜色
	Color selectColor;
	
	public PaintPanel() {
		//给绘图区添加鼠标点击和释放的监听器
		addMouseListener(new MouseListener() {

	
			@Override
			public void mousePressed(MouseEvent e) {
				// 按下
				//获得图形的原点
				x = e.getX();
				y = e.getY();
			}

			@Override
			public void mouseReleased(MouseEvent e) {
				// 释放
				//获得图形的终点
				int x1 = e.getX();
				int y1 = e.getY();
				//获得绘图区的作图器
				Graphics2D g = (Graphics2D)getGraphics();
				//给作图器设置绘图的颜色
				g.setColor(selectColor);
				
				//根据type的值绘制不同类型的图形
				if(type.equals("line")) {
					//绘制直线
					g.drawLine(x,y, x1, y1);
				}
				if(type.equals("rect")) {
					//绘制矩形
					g.drawRect(x,y,x1-x,y1-y);
				}
				if(type.equals("round")) {
					//绘制椭圆形
					g.drawOval(x, y, x1-x, y1-y);
				}
				
			}

			@Override
			public void mouseClicked(MouseEvent e) {
				// TODO Auto-generated method stub
				
			}

			@Override
			public void mouseEntered(MouseEvent e) {
				// TODO Auto-generated method stub
				
			}

			@Override
			public void mouseExited(MouseEvent e) {
				// TODO Auto-generated method stub
				
			}
			
		});
		
	}
	
	public void save(File file) {
		//获得相对于文件的缓冲图片
		BufferedImage image= new BufferedImage(getWidth(),getHeight(),BufferedImage.TYPE_INT_RGB);
		//从缓冲图片中获得作图器
		Graphics g = image.getGraphics();
		g.setColor(Color.white);
		g.fillRect(0, 0, getWidth()+1, getHeight()+1);
		//向缓存图片上写绘制所有的图形
	}
}







































以上是关于Java GUI小程序--画板的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序代码片段

canvas小创作 之 实现一个画板(功能:画笔颜色粗细可以任选;橡皮擦功能和清空画板功能)

MATLAB 版几何画板小工具(App designer)

微信小程序代码片段分享

GUI

JAVA GUI小实例