实现重绘的仿XP画板

  • 做的是仿XP的画板，在功能上实现了铅笔、直线、喷枪、刷子、橡皮擦、矩形、圆角矩形、椭圆、多边形这些功能 ，左右键可以绘制不同颜色的图形。
  • 颜色栏有12种颜色可供选择，颜色框最左边的两个按钮分别以黑色和白色作为初始颜色。
  • 下面来介绍一下整个思路： 
  1. 首先，需要创建好整个界面；
  2. 创建北边菜单栏，并利用一维数组和二维数组来存放文本内容；
  3. 创建西边工具栏面板，利用数组来存放图片名；
  4. 创建南边颜色栏面板，创建添加两个面板，一个用于放置展现左右键选定的颜色的按钮的面板，一个用于放置颜色选择的按钮（设置为网格布局）；
  5. 创建中间面板（设置为流式布局左对齐），并另外创建一个放置画布的面板；
  6. 创建监听器的方法，并添加到事件源上（工具栏的按钮共用一个监听器，颜色栏的按钮共用另一个监听器）；
  7. 将各种创建的面板添加到界面上（一般是在创建之后就添加，这样可以不断调试来完善功能，美化界面）；
  8. 接下来要做的事情就是需要重绘画图板，让画图板在移动、放大、缩小等操作后仍然保持原来的状态。思路就是要把所画的每一个图案都存起来，包括图案的形状，颜色等，然后再需要把这些存放好的图案取出来，这个时候就需要利用数组来实现了。
//主界面代码
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;

import javax.swing.JFrame;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JMenuItem;
import javax.swing.JPanel;


public class FiFrame extends JFrame {
	public static void main(String args[]){
		FiFrame fiframe=new FiFrame();
		fiframe.FiPainter();
	}
	public void FiPainter(){
		//设置窗体关闭后退出
		this.setDefaultCloseOperation(3);
		//设置窗体的标题
		this.setTitle("终极画图板");
		this.setSize(1100, 600);
		this.setLocationRelativeTo(null);
		//调用创建北边菜单栏的方法
		this.NMenu();
		//调用创建西边面板的方法
		WPanel wpanel=new WPanel();
		this.add(wpanel,BorderLayout.WEST);		//设置位置为边框布局的西边
		//调用创建南边面板的方法
		SPanel spanel=new SPanel();
		this.add(spanel,BorderLayout.SOUTH);	//设置位置为边框布局的南边
		JPanel panel=new JPanel(){
			public void paint(Graphics g){
			super.paint(g);
			for(int i=0;i<FiListener.number;i++){
			Shapes shape =FiListener.array[i];
			shape.draw((Graphics2D)g);
		}
		}		
	};
		panel.setBackground(Color.WHITE);
		this.add(panel, BorderLayout.CENTER);
		//将窗体设置为可见
		this.setVisible(true);
		//只有在窗体可见之后才可以获取画布对象
		Graphics g=panel.getGraphics();
		String shapes;
		//调用创建监听器的方法，并传入参数
		FiListener fl=new FiListener(g,wpanel,spanel);
		//给事件源加上MouseListener和MouseMotionListener这两个监听器
		panel.addMouseListener(fl);
		panel.addMouseMotionListener(fl);
		
	}

	//定义一个创建菜单栏的方法
	public void NMenu(){
		//实例化一个JMenuBar类的对象nmenu
		JMenuBar nmenu = new JMenuBar();	
		//定义一个一维数组来存放JMenu中存放的文本内容
		String array[] = {"文字","查看","编辑","图像","颜色","帮助"};
		//定义一个二维数组来存放JMenuItem中存放的文本内容
		String [][] array2 ={{"新建","打开","保存"},{},{"工具箱","颜料盒"},{"清除"},{"编辑颜色"},{"关于画图"}};
		// 循环遍历array数组
		for(int i=0;i<array.length;i++){
			JMenu jmenu = new JMenu(array[i]);
			// 循环遍历array2数组
			for(int j=0;j<array2[i].length;j++){
				JMenuItem jmt=new JMenuItem(array2[i][j]);
				//将jmt添加到jmenu上
				jmenu.add(jmt);			
			}
			//将jmenu添加到nmenu上
			nmenu.add(jmenu);				
		}
		this.add(nmenu,BorderLayout.NORTH);
	}
	
}

 

//监听器代码
import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.util.Random;

public class FiListener extends MouseAdapter {
	private boolean flag = true;
	private int x0,y0,x1,y1,x2,y2,x3,y3;
	private Graphics2D g;
	private SPanel spanel;
	private WPanel wpanel;
	public static Shapes[] array=new Shapes[10000];
	public static int number=0; 
	
	public FiListener(Graphics g,WPanel wpanel,SPanel spanel){
		this.wpanel=wpanel;
		this.spanel=spanel;
		this.g=(Graphics2D) g;
	}


	public void mouseClicked(MouseEvent e) {
    	//绘制多边形
    	if(flag==false && wpanel.getShapes().equals("png/多边形.png")){
    		int x=e.getX();
    		int y=e.getY();
    		Shapes shape=new ShapeLine(x3, y3, x, y,wpanel.getShapes(),g.getColor());
    		shape.draw(g);
    		array[number] = shape;
        	number++;
    		 if(x==x3 && y==y3){  
    			shape= new ShapeLine(x, y, x2, y2,wpanel.getShapes(),g.getColor());
    	    	shape.draw(g);
        		array[number] = shape;
            	number++;
    			flag=true;  
    		}  
    		x3=x;
    		y3=y;
    	}
    }
    public void mousePressed(MouseEvent e) {
    	//得到初始点的位置

    	x0=e.getX();
    	y0=e.getY();
    	
    	//获取颜色
    	if(e.getButton() ==1){
    				g.setColor(spanel.colorleft());
    			}
    	if(e.getButton()==3){
    				g.setColor(spanel.colorright());
    			}  		    
    }	
    public void mouseDragged(MouseEvent e){
    	//用铅笔绘制
		if(wpanel.getShapes().equals("png/铅笔.png")){
        	x1=e.getX();
        	y1=e.getY();
    		Shapes shape= new ShapeLine(x0, y0, x1, y1,"png/铅笔.png",g.getColor());
    		shape.draw(g);
        	//将末位置变成下一次的初始位置
        	x0=x1;
        	y0=y1;
    		array[number] = shape;
        	number++;
    	}
    	//使用橡皮擦
    	if(wpanel.getShapes().equals("png/橡皮擦.png")){
        	x1=e.getX();
        	y1=e.getY();
        	g.setColor(Color.WHITE);
        	((Graphics2D) g).setStroke(new BasicStroke(10));
    		Shapes shape= new ShapeLine(x0, y0, x1, y1,wpanel.getShapes(),g.getColor());
    		shape.draw(g);

    		//将末位置变成下一次的初始位置
        	x0=x1;
        	y0=y1;
        	array[number] = shape;
        	number++;
    	}
    	//使用喷枪绘制
    	if(wpanel.getShapes().equals("png/喷枪.png")){
        	x1=e.getX();
        	y1=e.getY();
        	Random r= new Random();
        	for(int i=0;i<20;i++){
        	int x= r.nextInt(10);
        	int y= r.nextInt(10);
        	((Graphics2D) g).setStroke(new BasicStroke(1));
    		Shapes shape= new ShapeLine(x1+x, y1+y, x1+x,y1+y,wpanel.getShapes(),g.getColor());
    		shape.draw(g);

        	//将末位置变成下一次的初始位置
        	x0=x1;
        	y0=y1;
        	array[number] = shape;
        	number++;
        
        	}
    	}
    	//使用刷子绘制
    	if(wpanel.getShapes().equals("png/刷子.png")){
        	x1=e.getX();
        	y1=e.getY();
        	((Graphics2D) g).setStroke(new BasicStroke(10));
    		Shapes shape= new ShapeLine(x0, y0, x1, y1,wpanel.getShapes(),g.getColor());
    		shape.draw(g);
        	//将末位置变成下一次的初始位置
        	x0=x1;
        	y0=y1;
        	array[number] = shape;
        	number++;
    	}
    }
    public void mouseMoved(MouseEvent e){

    }
    public void mouseReleased(MouseEvent e) {
    	if(wpanel.getShapes().equals("png/直线.png")){
        	x1=e.getX();
        	y1=e.getY();
        	((Graphics2D) g).setStroke(new BasicStroke(1));
    		Shapes shape= new ShapeLine(x0, y0, x1, y1,wpanel.getShapes(),g.getColor());
    		shape.draw(g);
    	   	array[number] = shape;
        	number++;
    	}
    	if(wpanel.getShapes().equals("png/矩形.png")){
        	x1=e.getX();
        	y1=e.getY();
        	((Graphics2D) g).setStroke(new BasicStroke(1));
        	Shapes shape=new ShapeRect(x0, y0, x1, y1,wpanel.getShapes(),g.getColor());
        	shape.draw(g);
           	array[number] = shape;
        	number++;
    	}
    	if(wpanel.getShapes().equals("png/圆角矩形.png")){
        	x1=e.getX();
        	y1=e.getY();
        	((Graphics2D) g).setStroke(new BasicStroke(1));
           	Shapes shape=new ShapeRect(x0, y0, x1, y1,wpanel.getShapes(),g.getColor());
        	shape.draw(g);
           	array[number] = shape;
        	number++;
    	}
    	if(wpanel.getShapes().equals("png/椭圆.png")){
        	x1=e.getX();
        	y1=e.getY();
        	((Graphics2D) g).setStroke(new BasicStroke(1));
        	Shapes shape=new ShapeRect(x0, y0, x1, y1,wpanel.getShapes(),g.getColor());
        	shape.draw(g);
           	array[number] = shape;
        	number++;	
    	}
    	if(wpanel.getShapes().equals("png/多边形.png")){
        	x1=e.getX();
        	y1=e.getY();
			if(flag){	
			Shapes shape1=new ShapeLine(x0, y0, x1, y1,wpanel.getShapes(),g.getColor());
        	shape1.draw(g);
    		array[number] = shape1;
        	number++;
        	x2=x0;
        	y2=y0;
        	x3=x1;
        	y3=y1;
			flag=false;

			}        		
    	}
    }
}

 

//颜色栏
import java.awt.Color;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.GridLayout;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;

import javax.swing.JButton;
import javax.swing.JPanel;

public class SPanel extends JPanel {
	private Color color;
	public SPanel(){
		spanel();
	}
	//创建调用left按钮颜色的方法
	public Color colorleft(){		
		return buttonleft.getBackground();		
	}
	//创建调用right按钮颜色的方法
	public Color colorright(){		
		return buttonright.getBackground();	
	}
	
	private JButton buttonright = new JButton();
	private JButton buttonleft = new JButton();
	// 事件处理类对象
	private MouseAdapter md=new  MouseAdapter(){
		public void mousePressed(MouseEvent e) {
			//获取事件源对象
			JButton button = (JButton) e.getSource();
			color = button.getBackground();
			//如果按下的是鼠标左键则改变的是left的背景颜色
			if(e.getButton() ==1){
				buttonleft.setBackground(color);
			}
			//如果按下的是鼠标左键则改变的是right的背景颜色
			if(e.getButton()==3){
				buttonright.setBackground(color);
			}
		}
	};
	public void spanel(){
		this.setPreferredSize(new Dimension(0,50));
		this.setLayout(new FlowLayout(FlowLayout.LEFT));
		this.setBackground(Color.WHITE);
		
		JPanel panel1 = new JPanel();
		panel1.setLayout(null);
		panel1.setPreferredSize(new Dimension(40,40));
		//设置left按钮的大小和背景颜色
		buttonleft.setBounds(8, 8, 15, 15);
		buttonleft.setBackground(Color.BLACK);
		//设置right按钮的大小和背景颜色
		buttonright.setBounds(16, 16, 15, 15);
		buttonright.setBackground(Color.WHITE);
			
		panel1.add(buttonleft);
		panel1.add(buttonright);
		this.add(panel1);
		
		JPanel panel2 = new JPanel();
		//设置为网格布局，二行六列
		panel2.setLayout(new GridLayout(2,6));
		Color array[] ={Color.BLACK,Color.RED,Color.CYAN,Color.LIGHT_GRAY,
				Color.magenta,Color.WHITE,Color.BLUE,Color.GRAY,
				Color.green,Color.orange,Color.pink,Color.yellow};
		for(int i=0;i<array.length;i++){
			JButton jbutton = new JButton();
			jbutton.setBackground(array[i]);
			jbutton.setPreferredSize(new Dimension(15,15));
			jbutton.addMouseListener(md);

			panel2.add(jbutton);
		}
		this.add(panel2);
	}
	public Color getcolor() {
		return color;
	}
}

 

//工具栏代码
import java.awt.Color;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JPanel;


public class WPanel extends JPanel {
	private String shapes="png/铅笔.png";
	public WPanel(){
			wpanel();
	}
	public String getShapes(){
		return shapes;
	}
	public void wpanel(){
		//定义一个一维数组来存放工具栏图片的名字
		String array[]={"png/裁剪.png","png/选定.jpg","png/橡皮擦.png","png/填充.png","png/取色.png",
				"png/放大镜.png","png/铅笔.png","png/刷子.png","png/喷枪.png","png/文字.png","png/直线.png",
				"png/曲线.png","png/矩形.png","png/多边形.png","png/椭圆.png","png/圆角矩形.png"};
		ActionListener al = new ActionListener(){
			public void actionPerformed(ActionEvent e) {
				shapes=e.getActionCommand();
			}
		};
		for(int i=0;i<array.length;i++){
			//实例化ImageIcon类的对象icon
			ImageIcon icon = new ImageIcon(array[i]);
			JButton jbutton = new JButton(icon);
			//获取所选择的图形按钮所对应的图片名称
			jbutton.setActionCommand(array[i]);
			jbutton.addActionListener(al);
			jbutton.setPreferredSize(new Dimension(25,25));
			this.add(jbutton);
		}

		this.setPreferredSize(new Dimension(60,0));
		this.setBackground(Color.LIGHT_GRAY);
		
	}
}

 

import java.awt.Color;
import java.awt.Graphics2D;


public abstract class Shapes {
	private int x0,y0,x1,y1;
	private Color color;
	private String shapes;
	public void Shapes(){
		
	}
	public void Shapes(int x0, int y0,int x1,int y1, String shapes,Color color){
		this.x0=x0;
		this.y0=y0;
		this.x1=x1;
		this.y1=y1;
		this.shapes=shapes;
		this.color=color;
		}
	public int getX0() {
		return x0;
	}
	public void setX0(int x0) {
		this.x0 = x0;
	}
	public int getY0() {
		return y0;
	}
	public void setY0(int y0) {
		this.y0 = y0;
	}
	public int getX1() {
		return x1;
	}
	public void setX1(int x1) {
		this.x1 = x1;
	}
	public int getY1() {
		return y1;
	}
	public void setY1(int y1) {
		this.y1 = y1;
	}
	public Color getColor() {
		return color;
	}
	public void setColor(Color color) {
		this.color = color;
	}
	public String getShapes() {
		return shapes;
	}
	public void setShapes(String shapes) {
		this.shapes = shapes;
	}
	public void draw(Graphics2D g) {

	}
}

 

//画直线类图形
import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Graphics2D;


public class ShapeLine extends Shapes {
	public ShapeLine(int x0, int y0,int x1,int y1, String shapes,Color color){
		super.Shapes(x0, y0, x1, y1, shapes,color);
	}

	public void draw(Graphics2D g) {
		
		if(getShapes().equals("png/铅笔.png")||getShapes().equals("png/直线.png")||getShapes().equals("png/喷枪.png")){
			g.setColor(getColor());
			g.setStroke(new BasicStroke(1));
		}
		else if(getShapes().equals("png/橡皮擦.png")){
			g.setColor(Color.WHITE);
			g.setStroke(new BasicStroke(10));
		}
		else if(getShapes().equals("png/刷子.png")){
			g.setColor(getColor());
			g.setStroke(new BasicStroke(10));
		}
		else{
			g.setColor(getColor());
			g.setStroke(new BasicStroke(1));
		}
		g.drawLine(getX0(), getY0(), getX1(), getY1());
		
	}
	
}

 

//画矩形类图形
import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Graphics2D;


public class ShapeRect extends Shapes{
	public ShapeRect(int x0, int y0,int x1,int y1, String shapes,Color color){
		super.Shapes(x0, y0, x1, y1, shapes,color);
	}

		public void draw(Graphics2D g){
			
			g.setColor(getColor());
			g.setStroke(new BasicStroke(1));
			if(getShapes().equals("png/圆角矩形.png")){

				 g.drawRoundRect(getX0(), getY0(),Math.abs(getX1()-getX0()), Math.abs(getY1()-getY0()), 50, 50);
			}
			else if(getShapes().equals("png/矩形.png")){
				g.drawRect(getX0(),getY0(), 
						Math.abs(getX1()-getX0()), Math.abs(getY1()-getY0()));
			}
			else if(getShapes().equals("png/椭圆.png")){
				g.drawOval(getX0(),getY0(), 
						Math.abs(getX1()-getX0()), Math.abs(getY1()-getY0()));
			}
			
		}
	
	
}

 
实现重绘的仿XP画板
 

 

 

相关文章：

  • 2021-10-31
  • 2021-10-13
  • 2021-12-04
  • 2021-09-16
  • 2021-09-25
  • 2021-11-12
  • 2021-09-20
猜你喜欢
  • 2021-12-26
  • 2022-01-13
  • 2022-01-15
  • 2021-09-26
  • 2021-05-30
  • 2021-04-10
  • 2021-12-04
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode