设计思路:
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);
}
}
}