Java Swing自定义复选框CusCheckBox组件(附源码)

 更新时间:2026年05月27日 08:41:03   作者:RainCity  
Swing 原生 JCheckBox 的复选框图标是系统默认样式,不同操作系统下风格不一致,且无法自定义圆角、颜色、悬停效果等, 下面我们就用Java Swing实现自定义的复选框组件吧

一、背景

Swing 原生 JCheckBox 的复选框图标是系统默认样式,不同操作系统下风格不一致,且无法自定义圆角、颜色、悬停效果等。 要实现统一的复选框样式,需要自己绘制图标。CusCheckBox 通过实现 Icon 接口自定义复选框的绘制逻辑,支持圆角、自定义颜色、悬停效果、禁用状态等。

二、核心设计

CusCheckBox 由两个类组成:

  • CheckBoxIcon:实现 Icon 接口,负责绘制复选框图标(背景、边框、对勾/叉号)
  • CusCheckBox:继承 JCheckBox,使用 CheckBoxIcon 作为图标,提供丰富的样式设置方法

三、CheckBoxIcon 源码

import lombok.Setter;

import javax.swing.*;
import java.awt.*;

/**
 * 自定义 JCheckBox 图标类
 * 实现 Icon 接口,负责绘制复选框的图标部分
 *
 * 使用示例:
 * CheckBoxIcon icon = new CheckBoxIcon(20, Color.decode("#409EFF"), Color.WHITE);
 */
@Setter
public class CheckBoxIcon implements Icon {
    /** 复选框大小 */
    private int size;
    /** 圆角 */
    private boolean rounded = true;
    /** 圆角半径 */
    private int borderRadius = 8;
    /** 边框宽度 */
    private int borderThickness = 1;
    /** 边框颜色 */
    private Color borderColor = Color.GRAY;
    /** 选中背景颜色 */
    private Color selectedBg;
    /** 对勾颜色 */
    private Color checkColor;
    /** 悬停颜色 */
    private Color hoverColor;
    /** 禁用颜色 */
    private Color disabledColor = Color.decode("#E4E7ED");
    /** 对勾宽度 */
    private float checkThickness = 2.0f;
    /** 是否使用对勾(true=对勾,false=叉号) */
    private boolean useCheckMark = true;
    /** 是否启用 */
    private boolean enabled = true;

    /**
     * 构造函数
     * @param size 图标尺寸
     * @param selectedBg 选中时的背景色
     * @param checkColor 对勾颜色
     */
    public CheckBoxIcon(int size, Color selectedBg, Color checkColor) {
        this.size = Math.max(16, size);
        this.selectedBg = selectedBg;
        this.checkColor = checkColor;
    }

    @Override
    public void paintIcon(Component c, Graphics g, int x, int y) {
        AbstractButton button = (AbstractButton) c;
        ButtonModel model = button.getModel();
        Graphics2D g2 = (Graphics2D) g;
        // 启用抗锯齿
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        // 获取状态
        boolean isSelected = model.isSelected();
        boolean isPressed = model.isPressed();
        boolean isRollover = model.isRollover();
        // 计算实际绘制区域
        int drawWidth = size - 1;
        int drawHeight = size - 1;
        // 根据状态选择颜色
        Color currentBorder = enabled ? borderColor : disabledColor;
        Color currentBg = Color.WHITE;
        if (isSelected) {
            currentBg = enabled ? selectedBg : disabledColor.brighter();
        }
        if (isRollover && !isPressed && enabled && null != hoverColor) {
            currentBg = hoverColor;
        }
        if (isPressed && enabled) {
            currentBg = selectedBg.darker();
        }
        if (!enabled) {
            currentBg = disabledColor;
        }
        // 绘制背景
        g2.setColor(currentBg);
        if (rounded) {
            g2.fillRoundRect(x, y, drawWidth, drawHeight, borderRadius, borderRadius);
        } else {
            g2.fillRect(x, y, drawWidth, drawHeight);
        }
        // 绘制边框
        g2.setColor(currentBorder);
        g2.setStroke(new BasicStroke(borderThickness));
        if (rounded) {
            g2.drawRoundRect(x, y, drawWidth, drawHeight, borderRadius, borderRadius);
        } else {
            g2.drawRect(x, y, drawWidth, drawHeight);
        }
        // 绘制选中标记
        if (isSelected) {
            drawCheckMark(g2, x, y, drawWidth, drawHeight);
        }
    }

    /**
     * 绘制选中标记(对勾或叉号)
     * @param g2 Graphics2D 对象
     * @param x 起始 X 坐标
     * @param y 起始 Y 坐标
     * @param width 绘制宽度
     * @param height 绘制高度
     */
    private void drawCheckMark(Graphics2D g2, int x, int y, int width, int height) {
        Color currentCheckColor = enabled ? checkColor : Color.DARK_GRAY;
        g2.setColor(currentCheckColor);
        g2.setStroke(new BasicStroke(checkThickness, BasicStroke.CAP_ROUND, BasicStroke.JOIN_ROUND));
        // 20% 内边距
        float padding = width * 0.2f;
        int startX = (int) (x + padding);
        int startY = y + height / 2;
        int midX = x + width / 2;
        int midY = (int) (y + height - padding);
        int endX = (int) (x + width - padding);
        int endY = (int) (y + padding);
        if (useCheckMark) {
            // 对勾
            g2.drawLine(startX, startY, midX, midY);
            g2.drawLine(midX, midY, endX, endY);
        } else {
            // 叉号
            g2.drawLine(startX, startY, endX, endY);
            g2.drawLine(startX, endY, endX, startY);
        }
    }

    @Override
    public int getIconWidth() {
        return size;
    }

    @Override
    public int getIconHeight() {
        return size;
    }

    /**
     * 设置图标尺寸
     * @param size 尺寸
     */
    public void setSize(int size) {
        this.size = Math.max(16, size);
    }
}

四、CusCheckBox 源码

import javax.swing.*;
import java.awt.*;

/**
 * 自定义复选框
 * 通过自定义 Icon 实现统一的复选框样式
 *
 * 使用示例:
 * CusCheckBox checkBox = new CusCheckBox("同意协议");
 * checkBox.setSelected(true);
 * checkBox.setHoverColor(Color.LIGHT_GRAY);
 */
public class CusCheckBox extends JCheckBox {
    /** 默认尺寸 */
    private static final int DEFAULT_SIZE = 20;
    /** 默认选中背景颜色 */
    private static final Color DEFAULT_BG = Color.decode("#409EFF");
    /** 默认选中对勾颜色 */
    private static final Color DEFAULT_CHECK = Color.WHITE;
    /** 内部图标实例 */
    private final CheckBoxIcon icon;

    /**
     * 默认构造函数
     * @param text 复选框文本
     */
    public CusCheckBox(String text) {
        this(text, DEFAULT_SIZE, DEFAULT_BG, DEFAULT_CHECK, false);
    }

    /**
     * 指定选中状态
     * @param text 复选框文本
     * @param selected 是否选中
     */
    public CusCheckBox(String text, boolean selected) {
        this(text, DEFAULT_SIZE, DEFAULT_BG, DEFAULT_CHECK, selected);
    }

    /**
     * 指定尺寸
     * @param text 复选框文本
     * @param size 图标尺寸
     */
    public CusCheckBox(String text, int size) {
        this(text, size, DEFAULT_BG, DEFAULT_CHECK, false);
    }

    /**
     * 指定尺寸和选中状态
     * @param text 复选框文本
     * @param size 图标尺寸
     * @param selected 是否选中
     */
    public CusCheckBox(String text, int size, boolean selected) {
        this(text, size, DEFAULT_BG, DEFAULT_CHECK, selected);
    }

    /**
     * 指定颜色
     * @param text 复选框文本
     * @param bg 选中时背景色
     * @param check 对勾颜色
     */
    public CusCheckBox(String text, Color bg, Color check) {
        this(text, DEFAULT_SIZE, bg, check, false);
    }

    /**
     * 指定颜色和选中状态
     * @param text 复选框文本
     * @param bg 选中时背景色
     * @param check 对勾颜色
     * @param selected 是否选中
     */
    public CusCheckBox(String text, Color bg, Color check, boolean selected) {
        this(text, DEFAULT_SIZE, bg, check, selected);
    }

    /**
     * 指定尺寸和颜色
     * @param text 复选框文本
     * @param size 图标尺寸
     * @param bg 选中时背景色
     * @param check 对勾颜色
     */
    public CusCheckBox(String text, int size, Color bg, Color check) {
        this(text, size, bg, check, false);
    }

    /**
     * 完整构造函数
     * @param text 复选框文本
     * @param size 图标尺寸
     * @param bg 选中时背景色
     * @param check 对勾颜色
     * @param selected 是否选中
     */
    public CusCheckBox(String text, int size, Color bg, Color check, boolean selected) {
        super(text);
        // 创建自定义图标
        this.icon = new CheckBoxIcon(size, bg, check);
        // 设置图标(选中和未选中共用同一个图标实例,通过状态区分绘制)
        this.setIcon(icon);
        this.setSelectedIcon(icon);
        // 设置选中状态
        this.setSelected(selected);
        // 设置文本颜色和字体
        this.setForeground(Color.BLACK);
        this.setFont(new Font("Microsoft YaHei", Font.PLAIN, 16));
        // 设置透明背景,让父容器背景显示
        this.setOpaque(false);
        // 禁用默认内容区域填充
        this.setContentAreaFilled(false);
        // 禁用边框绘制
        this.setBorderPainted(false);
        // 图标与文字间距
        this.setIconTextGap(10);
    }

    /**
     * 获取自定义图标
     * @return 图标对象
     */
    @Override
    public CheckBoxIcon getIcon() {
        return icon;
    }

    /**
     * 设置图标尺寸
     * @param size 尺寸
     */
    public void setIconSize(int size) {
        icon.setSize(size);
        revalidate();
        repaint();
    }

    /**
     * 设置选中时的背景色
     * @param color 颜色
     */
    public void setSelectedBackground(Color color) {
        icon.setSelectedBg(color);
        repaint();
    }

    /**
     * 设置对勾颜色
     * @param color 颜色
     */
    public void setCheckColor(Color color) {
        icon.setCheckColor(color);
        repaint();
    }

    /**
     * 设置边框颜色
     * @param color 颜色
     */
    public void setBorderColor(Color color) {
        icon.setBorderColor(color);
        repaint();
    }

    /**
     * 设置是否圆角
     * @param rounded 是否圆角
     */
    public void setRounded(boolean rounded) {
        icon.setRounded(rounded);
        repaint();
    }

    /**
     * 设置圆角半径
     * @param radius 半径
     */
    public void setBorderRadius(int radius) {
        icon.setRounded(true);
        icon.setBorderRadius(radius);
        repaint();
    }

    /**
     * 设置边框粗细
     * @param thickness 粗细
     */
    public void setBorderThickness(int thickness) {
        icon.setBorderThickness(thickness);
        repaint();
    }

    /**
     * 设置对勾线条粗细
     * @param thickness 粗细
     */
    public void setCheckThickness(float thickness) {
        icon.setCheckThickness(thickness);
        repaint();
    }

    /**
     * 设置使用对勾还是叉号
     * @param useCheckMark true=对勾,false=叉号
     */
    public void setUseCheckMark(boolean useCheckMark) {
        icon.setUseCheckMark(useCheckMark);
        repaint();
    }

    /**
     * 设置悬停时的背景色
     * @param color 颜色
     */
    public void setHoverColor(Color color) {
        icon.setHoverColor(color);
        repaint();
    }

    /**
     * 重写 setEnabled 以同步图标状态
     * @param enabled 是否启用
     */
    @Override
    public void setEnabled(boolean enabled) {
        super.setEnabled(enabled);
        if (icon != null) {
            icon.setEnabled(enabled);
            repaint();
        }
    }
}

五、核心功能说明

图标绘制(CheckBoxIcon):

  • paintIcon:核心绘制方法,根据按钮状态(选中/悬停/按下/禁用)绘制不同样式
  • drawCheckMark:绘制对勾或叉号,支持线条粗细和颜色定制
  • 支持圆角/直角、边框颜色/粗细、背景色、悬停色、禁用色等配置

复选框封装(CusCheckBox):

  • 使用 CheckBoxIcon 替换原生图标
  • 提供多个构造函数简化使用(尺寸/颜色/选中状态组合)
  • 提供样式设置方法(圆角、颜色、悬停、对勾样式等)
  • 透明背景,便于融入父容器

六、使用示例

6.1 基本用法

CusCheckBox checkBox = new CusCheckBox("同意用户协议");
panel.add(checkBox);

6.2 指定选中状态

CusCheckBox checkBox = new CusCheckBox("记住密码", true);
panel.add(checkBox);

6.3 自定义颜色和尺寸

CusCheckBox checkBox = new CusCheckBox("自定义样式", 24, Color.decode("#67C23A"), Color.WHITE);
checkBox.setHoverColor(Color.decode("#E6F7E6"));
panel.add(checkBox);

6.4 圆角半径调整

CusCheckBox checkBox = new CusCheckBox("圆角复选框");
checkBox.setBorderRadius(12);
panel.add(checkBox);

6.5 使用叉号代替对勾

CusCheckBox checkBox = new CusCheckBox("拒绝");
checkBox.setUseCheckMark(false);
checkBox.setSelectedBackground(Color.decode("#F56C6C"));
panel.add(checkBox);

6.6 禁用状态

CusCheckBox checkBox = new CusCheckBox("不可选");
checkBox.setEnabled(false);
panel.add(checkBox);

6.7 监听选中事件

CusCheckBox checkBox = new CusCheckBox("接收通知");
checkBox.addItemListener(e -> {
    boolean selected = e.getStateChange() == ItemEvent.SELECTED;
    System.out.println("选中状态:" + selected);
});

七、注意事项

  • con 共用:选中和未选中共用同一个 CheckBoxIcon 实例,通过 ButtonModel.isSelected() 区分绘制状态
  • 透明背景:setOpaque(false) 和 setContentAreaFilled(false) 确保背景不覆盖父容器
  • 字体设置:代码中使用 Microsoft YaHei,非 Windows 系统需替换为 DejaVu Sans 或 Serif
  • 颜色默认值:默认主题色为 #409EFF(Element UI 风格),可根据项目调整
  • 图标尺寸:最小值限制为 16px,避免过小无法交互

八、小结

CusCheckBox 通过自定义 Icon 实现了样式统一的复选框组件。核心思路是:

  • 实现 Icon 接口,重写 paintIcon 方法自绘图标
  • 根据按钮状态(选中/悬停/禁用/按下)绘制不同样式
  • 通过多个构造函数和 setter 方法提供灵活配置

这种实现方式可以推广到其他自定义组件(如单选框、开关等)。

以上就是Java Swing自定义复选框CusCheckBox组件(附源码)的详细内容,更多关于Java Swing自定义复选框的资料请关注脚本之家其它相关文章!

相关文章

  • MyBatis-plus的五种批量插入方式对比分析

    MyBatis-plus的五种批量插入方式对比分析

    本文主要介绍了MyBatis-plus的五种批量插入方式对比分析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • Java调用腾讯云短信API接口的实现

    Java调用腾讯云短信API接口的实现

    这篇文章主要介绍了Java调用腾讯云短信API接口的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • JAVA编程实现随机生成指定长度的密码功能【大小写和数字组合】

    JAVA编程实现随机生成指定长度的密码功能【大小写和数字组合】

    这篇文章主要介绍了JAVA编程实现随机生成指定长度的密码功能,可生成带有大小写和数字组合的随机字符串,需要的朋友可以参考下
    2017-07-07
  • spring mybatis环境常量与枚举转换示例详解

    spring mybatis环境常量与枚举转换示例详解

    这篇文章主要为大家介绍了spring mybatis环境常量与枚举转换示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • SpringBoot2 task scheduler 定时任务调度器四种方式

    SpringBoot2 task scheduler 定时任务调度器四种方式

    这篇文章主要介绍了SpringBoot2 task scheduler 定时任务调度器四种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • Java常见日志框架和使用、日志记录规范

    Java常见日志框架和使用、日志记录规范

    文章主要介绍了Java项目中使用日志的重要性,推荐使用标准的日志框架,文章详细解释了日志门面、实现和历史框架的区别,并提供了日志级别的定义及使用方法,强调了记录日志时需要注意的事项,文章总结了实际开发中常见的误区,并给出了合理使用日志的建议
    2026-05-05
  • 详解Struts2标签遍历

    详解Struts2标签遍历

    这篇文章主要介绍了Struts2标签遍历,以及相关的用法示例,需要的朋友可以参考下。
    2017-09-09
  • 浅谈JAVA8给我带了什么——流的概念和收集器

    浅谈JAVA8给我带了什么——流的概念和收集器

    这篇文章主要介绍了JAVA8流的概念和收集器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • Spring Boot2.x集成JPA快速开发的示例代码

    Spring Boot2.x集成JPA快速开发的示例代码

    这篇文章主要介绍了Spring Boot2.x集成JPA快速开发,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • 利用Sharding-Jdbc进行分库分表的操作代码

    利用Sharding-Jdbc进行分库分表的操作代码

    sharding-jdbc是一个分布式的关系型数据库中间件,今天通过本文给大家介绍利用Sharding-Jdbc进行分库分表的操作代码,代码简单易懂对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2022-01-01

最新评论