Swing-自定义控件（开关绘制）

 设计思路：

1、开关按钮绘制

原理：

对绘制的图像面板添加鼠标点击事件，每点击一次，切换一次显示状态

2、布局（自定义布局...........）

 

MyFrame：

package Swing0501;

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.FlowLayout;

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;

import js.swing.JsColumnLayout;
import js.swing.JsPanel;
import js.swing.JsRowLayout;



public class MyFrame extends JFrame
{
		public MyFrame(String title)
		{
			super(title);
			
			JsToggleButton toggleButton1=new JsToggleButton();
			JsToggleButton toggleButton2=new JsToggleButton();
			JsToggleButton toggleButton3=new JsToggleButton();
			
			JsPanel root=new JsPanel();
			this.setContentPane(root);
			root.setLayout(new JsColumnLayout(10));
			root.padding(10);
			
			if(true)
			{
				JsPanel row=new JsPanel();
				root.add(row,"30px");
				
				row.setLayout(new JsRowLayout(10));
				row.add(new JLabel("保存密码"), "1w");
				row.add(toggleButton1,"100px");
			}
			
			if(true)
			{
				JsPanel row=new JsPanel();
				root.add(row,"30px");
				
				row.setLayout(new JsRowLayout(10));
				row.add(new JLabel("清除历史"), "1w");
				row.add(toggleButton2,"100px");
			}
			
			if(true)
			{
				JsPanel row=new JsPanel();
				root.add(row,"30px");
				
				row.setLayout(new JsRowLayout(10));
				row.add(new JLabel("允许其他设备登录"), "1w");
				row.add(toggleButton3,"100px");
			}
			
		
	
			//事件处理
			
//			//控制
//			toggleButton.setSelected(true);
//			toggleButton.setPreferredSize(new Dimension(180,100));
			
//			//添加事件（通过自定义的接口：当点击按钮时，进行某种行为.....）
//			toggleButton.setStateListener(new JsToggleButton.StateListener() {
//				
//				@Override
//				public void stateChanged(Object source) {
//					// TODO Auto-generated method stub
//					System.out.println("开始....");
//				}
//			});
//
		}

}

JsToggleButton：

package Swing0501;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Paint;
import java.awt.Rectangle;
import java.awt.RenderingHints;
import java.awt.Shape;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.geom.Arc2D;
import java.awt.geom.Ellipse2D;
import java.awt.geom.Path2D;

import javax.swing.JPanel;

public class JsToggleButton extends JPanel
{
	//绘制参数设定
	public Color bgColor=new Color(0xFFFFFF); //主背景色
	public Color lineColor=new Color(0xFFFFFF); //描边
	public Color darkColor=new Color(0xE1E1E1); //灰色填充
	public Color lightColor=new Color(0x33B4FF); //高亮填充
	public int padding=2;  //轮廓线与内部圆的距离
	
	private boolean selected = true; // 开关, ON/OFF
	
	//添加鼠标事件
	public JsToggleButton()
	{
		this.addMouseListener(new MouseAdapter() {

			@Override
			public void mouseClicked(MouseEvent e) {
				onMouseClicked();
			}
			
		});
	}
	

	
	
	@Override//绘制
	protected void paintComponent(Graphics g) 
	{
		// TODO Auto-generated method stub
		super.paintComponent(g);
		
		int width=this.getWidth();
		int height=this.getHeight();
		Graphics2D g2d=(Graphics2D)g;
		
		//平滑绘制（反锯齿）
		g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
		
		// 算出一个2:1的最大矩形	
		// Rectangle r = new Rectangle(0,0, 100, 50);
		int w = width;
		int h = width / 2;
		if( h > height)
		{
			h = height;
			w = height * 2;
		}
		Rectangle r = new Rectangle((width-w)/2, (height-h)/2, w, h);
		
		//里面两个并排圆， 外层轮廓为曲线
		//左半区
		Rectangle r1=new Rectangle(r.x,r.y,r.width/2,r.height);
		//右半区
		Rectangle r2 = new Rectangle(r.x+r.width/2,r.y, r.width/2, r.height);
		
		//绘制外部轮廓线
		Shape arc1=new Arc2D.Double(r1, 90, 180, Arc2D.OPEN);
		Shape arc2 = new Arc2D.Double (r2, 270, 180, Arc2D.OPEN);
		
		Path2D outline=new Path2D.Double(); //外轮廓，使用拼装路径
		outline.append(arc1.getPathIterator(null), false);
		outline.append(arc2.getPathIterator(null), true);  // 右半圆弧
		outline.closePath();
		g2d.setPaint(lineColor);
		g2d.draw(outline);
		g2d.setPaint(bgColor);
		g2d.fill(outline);
		
		//选择绘制的按钮
		if(selected)
		{
		drawCircleInside(g2d, r2, padding, lineColor, lightColor);
		}
		else
		{
		drawCircleInside(g2d, r1, padding, lineColor, darkColor);
		}

	}
	

	
	
	// 获取数据
	public boolean isSelected()
	{
	return this.selected;
	}
	// 设置数据
	public void setSelected(boolean selected)
	{
	this.selected = selected;
	repaint();
	}
	// 切换开关
	public void toggle()
	{
	this.selected = ! this.selected;
	repaint();
	}
	
	
	// 画内部的小圆
	private void drawCircleInside(Graphics2D g2d, Rectangle rect, 
				int deflate, Paint lineColor, Paint fillColor)
		{
			Rectangle r = new Rectangle(rect); // 做一个备份，不会修改传入的rect
			r.x += deflate;
			r.y += deflate;
			r.width -= (deflate * 2);
			r.height -= (deflate* 2);

			Shape shape = new Ellipse2D.Double(r.x, r.y, r.width,r.height);

			// 描边
			g2d.setPaint(lineColor);
			g2d.draw(shape);
			// 填充
			g2d.setPaint(fillColor);
			g2d.fill( shape );
		}
	
	//自定义接口
	public interface StateListener  //内部类+接口
	{
		void stateChanged(Object source);
	}
	
	private StateListener stateListener;//属性
	
	public void setStateListener(StateListener listener)
	{
		this.stateListener=listener;
	}
	
	//鼠标点击事件
	private void onMouseClicked()
	{
		toggle(); //点击时，切换状态
		//自定义接口
		if(stateListener!=null)
		{
			stateListener.stateChanged(this);
		}
	}
	
}