Java学习日记：UI篇（3）--简单画图板

Java学习日记：UI篇（3）–简单画图板

        ~~~~~~~        上一次我们实现了一个页面，并加入了一些按钮、标签等组件。这次我们先用swing制作一个画图板，为之后作一个铺垫。我们先使用流式布局，制作一个画图板：思路很简单，向JFrame中使用流式布局器加入按钮，然后为按钮赋予功能。

这个画图板在之前的界面与监听器基础上加入画图功能（Graphics），实现了一些简单的画图功能。先放上一张展示图：

界面代码和之前的很相似，只是在之前的基础上使用了数组向界面上加入线型选择按钮、颜色选择按钮。

        DrawListener dl =new DrawListener();//调用DrawListener	
		
		String [] drawoption ={"直线","圆","矩形"};
		for(int i=0;i<drawoption.length;i++) {
			JButton btn = new JButton(drawoption[i]);
			jf.add(btn);
			btn.addActionListener(dl);
		}
		
		//Color c =new Color();		
		Color [] coloroption = {Color.BLACK,Color.blue,Color.CYAN,Color.gray,Color.GREEN,Color.red};
		Dimension dim= new Dimension(30,30);
		for(int i=0;i<coloroption.length;i++) {
			JButton btn = new JButton();
			btn.setBackground(coloroption[i]);//用颜色标明按钮，直观形象
			
			btn.setPreferredSize(dim);
			jf.add(btn);
			btn.addActionListener(dl);
		}

        ~~~~~~~        我们还会用到一个新的接口–MouseListener，用来监听我们鼠标的移动。通过计算按下、松开鼠标的坐标值，我们可以用画笔画出需要的图案。为了方便，我们可以将两个接口写到一个类下，示例如下：public class DrawListener implements MouseListener,ActionListener{}。

画图板类：

package uL;

import java.awt.Color;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Graphics;
import javax.swing.JButton;
import javax.swing.JFrame;

public class DrawBoard {
	public void showUI() {		
		JFrame jf =new JFrame();
		jf.setTitle("画图板");
		jf.setSize(800,600);
		//jf.setLocation(null);  这是个啥东西，报错
		jf.setLocationRelativeTo(null);//默认居中
		jf.setDefaultCloseOperation(3);//关闭
		jf.setResizable(false);//固定大小
		
		FlowLayout  fl =new FlowLayout();
		jf.setLayout(fl);
				
		DrawListener dl =new DrawListener();//调用DrawListener	
		
		String [] drawoption ={"直线","圆","矩形"};
		for(int i=0;i<drawoption.length;i++) {
			JButton btn = new JButton(drawoption[i]);
			jf.add(btn);
			btn.addActionListener(dl);
		}
				
		//Color c =new Color();		
		Color [] coloroption = {Color.BLACK,Color.blue,Color.CYAN,Color.gray,Color.GREEN,Color.red};
		Dimension dim= new Dimension(30,30);
		for(int i=0;i<coloroption.length;i++) {
			JButton btn = new JButton();
			btn.setBackground(coloroption[i]);
			
			btn.setPreferredSize(dim);
			jf.add(btn);
			btn.addActionListener(dl);
		}	
		//添加组件
				
		jf.setVisible(true);//可视化

		//绑定组件
		jf.addMouseListener(dl);				
		//取画笔
		Graphics g =jf.getGraphics();
		//System.out.println(g);
		dl.g =g;				
	}
	//主函数
	public static void main(String[] args){
		DrawBoard db =new DrawBoard();
		db.showUI();		
	}	
}

监听器类：

package uL;

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.util.ArrayList;
import javax.swing.JButton;
import java.awt.Color;
import java.awt.Graphics;


public class DrawListener implements MouseListener,ActionListener{
	int x1,x2,y1,y2;
	Graphics g;
	
	String btnstr="";
		
	ArrayList list = new ArrayList();
	
	public void actionPerformed(ActionEvent e) {
		btnstr =e.getActionCommand();//用于获得按钮上的信息
		list.add(btnstr);//将从按钮上获得的信息放入数组，可以实现：点击一个线形按钮后，换颜色不需要重新点击线形按钮即可画图
		//System.out.println(list);
		if (btnstr=="") {
			//取颜色 设置给画笔 
			 //按钮对象
			JButton btn =(JButton) e.getSource();
			Color color = btn.getBackground();//获得颜色按钮信息
			g.setColor(color);//将颜色按钮上的颜色赋给画笔
		}	
	}

	public void mouseClicked(MouseEvent e) {//点击
		//System.out.println("点击");
	}

    public void mousePressed(MouseEvent e){//按下
    	//获取按下鼠标时的坐标值
    	x1 = e.getX();
    	y1 = e.getY();
    	//System.out.println("按下");
    }
    public void mouseReleased(MouseEvent e) {//释放
    	//获取松开鼠标时的坐标值
    	x2 = e.getX();
    	y2 = e.getY(); 
    	    	
		System.out.println(btnstr);		
		String btnstr1;
		btnstr1=(String) list.get(list.size() - 1);
		int i=2;
		while(btnstr1.contentEquals("")) {
				btnstr1=(String) list.get(list.size() - i);
				i++;		
		}
		if(btnstr1.equals("直线")) {
    		//画直线			
    			g.drawLine(x1, y1, x2, y2);			
    		}
		else if(btnstr1.equals("圆")) {
		//画圆
			g.drawOval(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2-x1), Math.abs(y2-y1));
			}
		else if(btnstr1.equals("矩形")) {
			//画矩形
			g.drawRect(Math.min(x1, x2), Math.min(y1, y2), Math.abs(x2-x1), Math.abs(y2-y1));   	
			}    	
    }
    public void mouseEntered(MouseEvent e) {//进入界面    	
    }
    public void mouseExited(MouseEvent e) {//离开界面    	
    }    
}

结语：初学Java，还有很多东西不知道，希望大家多多指教。