16. 43. 1. 鼠标拽拖-黑客帝国-画皮Mouse drag and draw

 

import java.awt.AlphaComposite;
import java.awt.BasicStroke;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Point;
import java.awt.RenderingHints;
import java.awt.Shape;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
import java.awt.geom.Line2D;
import java.awt.geom.Rectangle2D;
import java.util.ArrayList;

import javax.swing.JComponent;
import javax.swing.JFrame;

//用一个矩阵来画一个木板，有意思吗？  Board:木板 看板    Matrix:矩阵 黑客帝国 点阵  
public class DrawingBoardWithMatrix extends JFrame{
	public DrawingBoardWithMatrix(){//构造一个
		this.setSize(300,300);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		this.add(new PaintSurface(),BorderLayout.CENTER);//把一个PaintSurface放中间，这是什么东西？往下..
		this.setVisible(true);//surface:中文意思：表面
	}

	public static void main(String[] args) {
		new DrawingBoardWithMatrix();//new一个它，简单吧
	}
	
	private class PaintSurface extends JComponent{//Paint是画画儿，surface是表面，合起来念：画皮!?
		ArrayList<Shape> shapes = new ArrayList<Shape>();//里面装的全是shape：形状
		Point startDrag,endDrag;//两个点，开始拽的点，结束拽的点
		
		private Rectangle2D.Float makeRectangle(int x1, int y1, int x2, int y2) {
		      return new Rectangle2D.Float(Math.min(x1, x2), Math.min(y1, y2), 
		    		  Math.abs(x1 - x2), Math.abs(y1 - y2));
		}

		//==================================================================================
		public PaintSurface(){//俺是一个类，其实是一个JComponent,构造一个呗
			this.addMouseListener(new MouseAdapter(){
				public void mousePressed(MouseEvent e){//鼠标按下....
					startDrag = new Point(e.getX(),e.getY());//你在哪儿点我的startDrag就在哪儿
					endDrag = startDrag;//再把开始的点给结束的点
					repaint();
				}
				public void mouseReleased(MouseEvent e){//鼠标松开
					//有一个形状 r = 做一个方,这里调用了makeRectangle方法
					Shape r = makeRectangle(startDrag.x, startDrag.y, e.getX(), e.getY());
					shapes.add(r);//把make好的r交到shapes里
					startDrag = null;//既然放手了，就把这两个点清除吧
					endDrag = null;
					repaint();
				}
			});
			//鼠标按下与松开都有了，下面是个拽，跩下试试
			this.addMouseMotionListener(new MouseMotionAdapter(){
				public void mouseDragged(MouseEvent e){
					//结束点就是鼠标所在点，意思是你跩到哪儿是哪儿,错了，是拽，跩是用脚 啊
					endDrag = new Point(e.getX(), e.getY());
					repaint();
				}
			});
		}
		//=================================================================================
		
		public void paintBackground(Graphics2D g2){//画背景，这次好猛，直接用2D!
			g2.setPaint(Color.LIGHT_GRAY);//听别人儿说setColor就是setPaint,高亮吧
			for(int i=0; i<getSize().width; i+=10){
				Shape line = new Line2D.Float(i, 0, i, getSize().height);
				g2.draw(line);
			}
			//我要说：这是两个该死for循环，它们其实就是从0开始，每次加10的宽高交替，方格啊！！
			for (int i = 0; i < getSize().height; i += 10) {
		        Shape line = new Line2D.Float(0, i, getSize().width, i);
		        g2.draw(line);
		    }
		}
		//=================================================================================
		public void paint(Graphics g){
			Graphics2D g2 = (Graphics2D)g;//又一个笔，2D的笔！
			//这是一个平滑开关，书上说它会消耗你的内存！
			g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
			paintBackground(g2);//调这个方法
			
			//不知道为什么很多人喜欢黄色！而且本程序运行第一次画出来肯定是黄色！
			Color[] colors = {Color.yellow,Color.magenta,Color.cyan,Color.red,Color.blue,Color.pink};
			int colorIndex = 0;
			
			//Stroke：词典上说它是描边，其它书说它是：一笔，我看它像毛笔
			g2.setStroke(new BasicStroke(2));//线条宽度为2  实心地.....你改成20试试！
			
			/**
			 * AlphaComposite这个东东可以写一本书，它的作用太强了
			 * AlphaComposite 类实现一些基本的 alpha 合成规则，将源色与目标色组合，
			 * 在图形和图像中实现混合和透明效果。此类实现的特定规则是 T. Porter 和 T. Duff 
			 * 合著的 "Compositing Digital Images", SIGGRAPH 84, 253-259 中描述的 12 条基本规则集。
			 * getInstance()具有指定的规则和用来乘源色 alpha 值的常量 alpha 值。
			 * src_over 在目标色之上合成源色（Porter-Duff Source Over Destination 规则）。 
			 * 这句很关键，不然画出来的不会是合成色，而是一个不透明的方块压着另一个不透明的方块
			 */
			g2.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER,0.50f));
			
			//===============================================================
			for(Shape s: shapes){//开始循环取它了啊
				g2.setPaint(Color.black);
				g2.draw(s);//先画方块，黑线的啊
				g2.setPaint(colors[(colorIndex++) % 6]);//这里你看懂否？
				g2.fill(s);//再用我们定义好的颜色来填充它！
			}
			//===============================================================
			
			if(startDrag != null && endDrag != null){//拽的过程中让你能看到它的轨迹！
				g2.setPaint(Color.LIGHT_GRAY);
				Shape r = makeRectangle(startDrag.x, startDrag.y, endDrag.x, endDrag.y);
				g2.draw(r);
			}
		}
		
	}

}