swing-扩展徽章组件JEBadge

news2025/1/19 7:51:02

前言

因为工作原因,好久没有写swing组件了,最近准备优化一个功能,希望有类似徽章的功能。
徽章在平时的app和h5 页面上经常常见 ,那么在swing中如何实现一个徽章功能呢。

技术分析

为什么不选择绘制方式,却选择JLayeredPane ?

  • 比如扩展border ,自定义paintBorder,会什么样的效果
  • 比如使用JLayer , 自定义LayerUI , 会什么样的效果

使用徽章元素绘制在默认组件上,根据默认组件上基于组件大小的相对位置定位徽章位置。
使用层级面板JLayeredPane 设置默认组件和徽章位于不同层级
实现徽章的小红点、自定义图标、最大值、自定义位置 功能

在这里插入图片描述

依赖组件

MigLayout :可以方便的布局、调整组件大小和位置的框架
FlatLaf : 大部分swing组件都已美化,至少符合个人的审美

MigLayout 和FlatLaf Maven 依赖参考

       <dependency>
            <groupId>com.miglayout</groupId>
            <artifactId>miglayout-swing</artifactId>
            <version>5.2</version>
        </dependency>
       <dependency>
            <groupId>com.formdev</groupId>
            <artifactId>flatlaf</artifactId>
            <version>2.1</version>
        </dependency>

JEBadge 代码

ThemeColor 只是个人喜欢的色值, 使用Color类也可


import cn.hutool.core.util.StrUtil;
import cn.note.swing.core.view.theme.ThemeColor;
import com.formdev.flatlaf.FlatClientProperties;
import net.miginfocom.swing.MigLayout;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

import javax.annotation.Nonnull;
import javax.swing.*;
import javax.swing.event.AncestorEvent;
import javax.swing.event.AncestorListener;
import java.awt.*;

/**
 * 基于MigLayout 布局和Flatlaf UI
 * 扩展组件-徽章
 * <p>
 * 支持dot 小红点
 * 支持数值
 * 支持图标
 * 支持位置 NORTH_WEST SOUTH_WEST NORTH_EAST SOUTH_EAST
 * <p>
 * 使用示例:
 * <pre>
 *         JButton button3 = new JButton("MaxCount");
 *         JEBadge button3Badge = new JEBadge(button3);
 *         button3Badge.setCount(999);
 *         button3Badge.setMaxBadgeCount(99);
 *  </pre>
 *
 * @author jee
 */

public class JEBadge extends JLayeredPane {

    private static Logger log = LoggerFactory.getLogger(JEBadge.class);
    /**
     * 默认前景色
     */
    private final Color DEFAULT_FOREGROUND = Color.white;
    /**
     * 默认背景色
     */
    private final Color DEFAULT_BACKGROUND = ThemeColor.dangerColor;
    /**
     * 默认图标时背景色
     */
    private final Color DEFAULT_ICON_BACKGROUND = ThemeColor.noColor;


    private JComponent wrapComp;
    /**
     * 颜色按钮
     */
    private JButton badgeBtn;

    /**
     * 使用自定义图标
     */
    private Icon badgeIcon;

    /**
     * 是否显示点
     */
    private boolean dot;

    /**
     * 徽章大小
     */
    private int badgeSize;

    /**
     * 徽章计数
     */
    private int badgeCount;

    /**
     * 最大数量
     */
    private int maxBadgeCount;

    /**
     * 默认位置
     */
    private int badgeLocation = SwingConstants.NORTH_EAST;

    public JEBadge(@Nonnull JComponent wrapComp) {
        this(wrapComp, false);
    }

    public JEBadge(@Nonnull JComponent wrapComp, boolean dot) {
        this.wrapComp = wrapComp;
        badgeBtn = new JButton();
        // 设置大小
        if (dot) {
            badgeSize = 8;
        } else {
            badgeSize = UIManager.getFont("Label.font").getSize() * 2;
        }

        this.setLayout(new MigLayout("insets " + badgeSize / 2, "grow", "grow"));
        this.add(wrapComp, "center");
        this.setLayer(wrapComp, JLayeredPane.DEFAULT_LAYER);

        // 圆形徽章
        badgeBtn.putClientProperty(FlatClientProperties.STYLE, "borderWidth:0");
        badgeBtn.setBorderPainted(false);
        badgeBtn.setForeground(DEFAULT_FOREGROUND);
        badgeBtn.setBackground(DEFAULT_BACKGROUND);
        badgeBtn.putClientProperty(FlatClientProperties.BUTTON_TYPE, FlatClientProperties.BUTTON_TYPE_ROUND_RECT);
        this.setLayer(badgeBtn, JLayeredPane.MODAL_LAYER);

        setDot(dot);

        // 监听组件显示后追加徽章
        this.wrapComp.addAncestorListener(new AncestorListener() {
            @Override
            public void ancestorAdded(AncestorEvent event) {
                setBadgeLocation(wrapComp.getWidth(), wrapComp.getHeight());
            }

            @Override
            public void ancestorRemoved(AncestorEvent event) {

            }

            @Override
            public void ancestorMoved(AncestorEvent event) {

            }
        });

    }


    /**
     * 设置徽章的四个角落位置
     *
     * @param location 仅支持SwingConstants.NORTH_WEST SOUTH_WEST NORTH_EAST SOUTH_EAST
     */
    public void setBadgeLocation(int location) {
        if (location == SwingConstants.NORTH_WEST) {
            this.badgeLocation = SwingConstants.NORTH_WEST;
        } else if (location == SwingConstants.SOUTH_WEST) {
            this.badgeLocation = SwingConstants.SOUTH_WEST;
        } else if (location == SwingConstants.NORTH_EAST) {
            this.badgeLocation = SwingConstants.NORTH_EAST;
        } else if (location == SwingConstants.SOUTH_EAST) {
            this.badgeLocation = SwingConstants.SOUTH_EAST;
        } else {
            log.warn("参数不正确,无法更新位置,使用默认位置NORTH_EAST");
            this.badgeLocation = SwingConstants.NORTH_EAST;
        }

    }


    /**
     * 设置徽章位置
     *
     * @param x x轴距离
     * @param y y轴距离
     */
    private void setBadgeLocation(int x, int y) {

        // JLabel 无insets 特殊处理偏移量
        int offsetX = 0;
        if (wrapComp instanceof JLabel) {
            offsetX = badgeSize;
        } else {
            offsetX = badgeSize / 2;

        }
        if (badgeLocation == SwingConstants.NORTH_EAST) {
            x = x + offsetX;
            y = 0;
        } else if (badgeLocation == SwingConstants.SOUTH_EAST) {
            x = x + offsetX;
        } else if (badgeLocation == SwingConstants.NORTH_WEST) {
            x = 0;
            y = 0;
        } else if (badgeLocation == SwingConstants.SOUTH_WEST) {
            x = 0;
        }
        String location = StrUtil.format("pos {} {}", x, y);
        this.remove(badgeBtn);
        this.add(badgeBtn, location);
        this.revalidate();
        this.repaint();
    }

    /**
     * 设置徽章数
     * 对于dot模式不生效
     *
     * @param count 数量
     */
    public void setCount(int count) {
        if (dot) {
            log.warn("已开启dot模式,count设置无效");
            return;
        }

        if (count == 0) {
            this.remove(badgeBtn);
        } else {
            badgeCount = count;
            if (maxBadgeCount > 0 && badgeCount > maxBadgeCount) {
                badgeBtn.setText(maxBadgeCount + "+");
            } else {
                badgeBtn.setText(String.valueOf(count));
            }

        }
    }

    /**
     * 设置最大徽章数量
     *
     * @param maxBadgeCount 徽章数量
     */
    public void setMaxBadgeCount(int maxBadgeCount) {
        this.maxBadgeCount = maxBadgeCount;
        this.setCount(this.badgeCount);
    }

    /**
     * 设置徽章背景颜色
     *
     * @param color 颜色
     */
    public void setBadgeBackgroundColor(Color color) {
        badgeBtn.setBackground(color);
    }

    /**
     * 设置徽章前景颜色
     * 对于dot模式不生效
     *
     * @param color 颜色
     */
    public void setBadgeForegroundColor(Color color) {
        badgeBtn.setForeground(color);
    }

    /**
     * 设置徽章是否按点显示
     *
     * @param dot 是否显示点装
     */
    public void setDot(boolean dot) {
        this.dot = dot;
        if (this.dot) {
            badgeBtn.setMargin(new Insets(2, 2, 2, 2));
            badgeBtn.setText(null);
            badgeBtn.setIcon(null);
        } else {
            badgeBtn.setMargin(new Insets(2, 4, 2, 4));
            badgeBtn.setIcon(null);
            if (badgeCount > 0) {
                this.setCount(badgeCount);
            }
        }
    }


    /**
     * 设置徽章使用自定义图标
     *
     * @param icon 图标
     */
    public void setBadgeIcon(Icon icon) {
        badgeBtn.setIcon(icon);
        badgeBtn.setText(null);
        badgeBtn.setBackground(DEFAULT_ICON_BACKGROUND);
        this.dot = false;
    }

}

JEBadge 测试代码

图片基于此代码

import cn.hutool.core.collection.CollUtil;
import cn.note.swing.core.util.FrameUtil;
import cn.note.swing.core.view.AbstractMigView;
import cn.note.swing.core.view.base.ButtonFactory;
import cn.note.swing.core.view.icon.SvgIconFactory;
import cn.note.swing.core.view.panel.PureColorPanel;
import cn.note.swing.core.view.theme.ThemeColor;
import cn.note.swing.core.view.theme.ThemeFlatLaf;
import com.formdev.flatlaf.extras.FlatSVGIcon;
import net.miginfocom.swing.MigLayout;

import javax.swing.*;
import java.util.List;

/**
 * 徽章测试
 */
public class JEBadgeTest extends AbstractMigView {


    @Override
    protected MigLayout defineMigLayout() {
        return new MigLayout("");
    }

    @Override
    protected void render() {

        // JEBadge Examples
        JTextArea ps = new JTextArea("在没有insets的组件上使用徽章,需要特殊判断比如:JLabel ,虽然大部分组件具有insets,但是特殊组件时,可能JEBadge并不适用!");
        ps.setEditable(false);
        ps.setLineWrap(true);
        view.add(ps, "growx,wrap");
        // 系统组件
        JEBadge button1Badge = new JEBadge(new JButton("Count"));
        button1Badge.setCount(9);

        JEBadge button2Badge = new JEBadge(new JButton("LargeCount"));
        button2Badge.setCount(999);

        JEBadge button3Badge = new JEBadge(ButtonFactory.primaryButton("MaxCount"));
        button3Badge.setCount(999);
        button3Badge.setMaxBadgeCount(99);


        FlatSVGIcon okSvgIcon = SvgIconFactory.icon(SvgIconFactory.Message.ok);
        okSvgIcon.setColorFilter(new FlatSVGIcon.ColorFilter(c -> ThemeColor.greenColor));
        JEBadge button4Badge = new JEBadge(new JButton("IconBadge"));
        button4Badge.setBadgeIcon(okSvgIcon);

        JEBadge button5Badge = new JEBadge(new JButton("Dot"), true);

        addRow("默认测试:", CollUtil.newArrayList(button1Badge, button2Badge, button3Badge, button4Badge, button5Badge));


        // JEBadge with custom components
        PureColorPanel pcp1 = new PureColorPanel(ThemeColor.primaryColor, 100);
        pcp1.setText("NORTH_EAST");
        JEBadge pcp1Badge = new JEBadge(pcp1, true);

        FlatSVGIcon failSvgIcon = SvgIconFactory.icon(SvgIconFactory.Message.error);
        failSvgIcon.setColorFilter(new FlatSVGIcon.ColorFilter(c -> ThemeColor.dangerColor));
        PureColorPanel pcp2 = new PureColorPanel(ThemeColor.greenColor, 120,true);
        pcp2.setText("SOUTH_EAST");
        JEBadge pcp2Badge = new JEBadge(pcp2, true);
        pcp2Badge.setBadgeIcon(failSvgIcon);
        pcp2Badge.setBadgeLocation(SwingConstants.SOUTH_EAST);

        PureColorPanel pcp3 = new PureColorPanel(ThemeColor.primaryColor, 100);
        pcp3.setText("NORTH_WEST");
        JEBadge pcp3Badge = new JEBadge(pcp3, true);
        pcp3Badge.setBadgeLocation(SwingConstants.NORTH_WEST);


        PureColorPanel pcp4 = new PureColorPanel(ThemeColor.greenColor, 100);
        pcp4.setText("SOUTH_WEST");
        JEBadge pcp4Badge = new JEBadge(pcp4, true);
        pcp4Badge.setBadgeLocation(SwingConstants.SOUTH_WEST);

        PureColorPanel pcp5 = new PureColorPanel(ThemeColor.primaryColor, 100);
        JEBadge pcp5Badge = new JEBadge(pcp5);
        pcp5Badge.setCount(8);

        addRow("自定义组件:", CollUtil.newArrayList(pcp1Badge, pcp2Badge, pcp3Badge, pcp4Badge, pcp5Badge));

        // JEBadge with Jlabel
        JEBadge label1Badge = new JEBadge(new JLabel("JLabelBadge1"));
        label1Badge.setCount(55);

        JEBadge label2Badge = new JEBadge(new JLabel("NORTH_EAST"), true);

        JEBadge label3Badge = new JEBadge(new JLabel("SOUTH_EAST"), true);
        label3Badge.setBadgeLocation(SwingConstants.SOUTH_EAST);

        addRow("在JLabel上使用:", CollUtil.newArrayList(label1Badge, label2Badge, label3Badge));

    }


    private void addRow(String category, List<? extends JComponent> components) {
        JPanel row = new JPanel();
        row.add(new JLabel(category));
        components.forEach(c -> row.add(c));
        view.add(row, "wrap");
    }


    public static void main(String[] args) {
        ThemeFlatLaf.install();
        FrameUtil.launchTest(JEBadgeTest.class);
    }


}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/427949.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

《程序员面试金典(第6版)》面试题 08.14. 布尔运算(动态规划,分治,递归,难度hard++)

题目描述 给定一个布尔表达式和一个期望的布尔结果 result&#xff0c;布尔表达式由 0 (false)、1 (true)、& (AND)、 | (OR) 和 ^ (XOR) 符号组成。实现一个函数&#xff0c;算出有几种可使该表达式得出 result 值的括号方法。 示例 1: 输入: s “1^0|0|1”, result 0 …

STM32 LCD-ADC-DMA实验

目录 1.1 STM32 DMA简介 1.2 STM32 DMA的操作 1.DMA的初始化 2. 初始化代码 3. 主函数代码 本文将向大家介绍 STM32 的 DMA。(如有错误&#xff0c;欢迎批评指正) 在本章中&#xff0c;我们将利用 STM32 的 DMA 来实现ADC1通道1内数据传送&#xff0c;并在 TFTLCD 模块上显…

图像处理学习——基于霍夫变换(Matlab代码实现)

目录 &#x1f4a5;1 概述 &#x1f4da;2 运行结果 &#x1f389;3 参考文献 &#x1f468;‍&#x1f4bb;4 Matlab代码 &#x1f4a5;1 概述 霍夫变换是一种在图像中寻找直线、圆形以及其他简单形状的方法。 霍夫变换采用类似于投票的方式来获取当前图像内的形状集合&…

银河麒麟之语言设置和服务开机自启动设置

一、前言 银河麒麟操作系统作为国产操作系统&#xff0c;是目前国产化、信创等项目场景的主流操作系统之一&#xff0c;但它本质上还是基于现有的开源操作系统上的二次开发&#xff0c;银河麒麟服务器版是基于centos的&#xff0c;银河麒麟桌面版是基于debain的。既然是国产化系…

CAPL语言

1. CAPL简介 CAPL&#xff0c;Communication Access Programming Language&#xff0c;即通信访问编程语言类C语言2. CAPL主要用途 仿真节点或模块仿真时间报文、周期报文或者附加条件的重复报文使用PC键盘模拟操作按钮等人工操作事件仿真节点的定时或网络事件仿真多个时间事…

从编译器角度理解C++代码的编译和链接原理

在本文中&#xff0c;我们将探讨C代码的预处理、编译和链接过程。我们将详细介绍每个过程的作用和步骤&#xff0c;并通过代码演示来解释这个过程。 预处理 C代码预处理是将源代码转换为另一个源代码的过程&#xff0c;其中包括宏展开、条件编译、头文件包含等操作。预处理器…

Level3题目整理

文章目录L3-001 凑零钱L3-002 特殊堆栈L3-003 社交集群&#xff08;并查集vector暴力⭐&#xff09;L3-004 肿瘤诊断(三维bfs)L3-005 垃圾箱分布&#xff08;多次dijkstra&#xff09;L3-008 喊山&#xff08;邻接表bfs&#x1f53a;&#xff09;L3-010 是否完全二叉搜索树&…

C++ STL学习之【list的模拟实现】

✨个人主页&#xff1a; 夜 默 &#x1f389;所属专栏&#xff1a; C修行之路 &#x1f38a;每篇一句&#xff1a; 图片来源 A year from now you may wish you had started today. 明年今日&#xff0c;你会希望此时此刻的自己已经开始行动了。 文章目录&#x1f307;前言&am…

零售数据分析之操作篇12:子查询的应用

各位数据的朋友&#xff0c;大家好&#xff0c;我是老周道数据&#xff0c;和你一起&#xff0c;用常人思维数据分析&#xff0c;通过数据讲故事。 上期内容与作业 上一讲讲了占比相关内存计算的应用场景&#xff0c;包括占比、TOP占比、累计占比等&#xff0c;不同的占比&am…

sinGAN论文笔记

Background Knowledge 基于推理的视觉理论&#xff1a; 只根据图像数据本省不能对相对应的物体空间结构提供充分的约束&#xff0c;也就是说这是一个约束不充分的问题&#xff0c;因此为了理解图像的内容必须要有附加的约束条件&#xff08;例如知道图中是哪一类物体的知识&am…

帮助中心能帮助企业解决什么问题?

帮助中心是企业在网站、应用程序或其他数字渠道上提供的一种资源&#xff0c;旨在帮助客户解决问题、回答常见问题并提供支持。一个完善的帮助中心可以为企业带来很多好处&#xff0c;包括提高客户忠诚度、提高满意度、降低客户支持成本等。 帮助中心能帮助企业解决的问题 提…

为什么会有JMM?从0到1一次性说清楚

JMM&#xff08;Java Memory Model&#xff09;是一种规范&#xff0c;定义了在多线程环境下Java程序中的内存访问行为。JMM保证了在多线程环境下程序的正确性&#xff0c;同时也允许编译器和处理器对指令进行优化&#xff0c;以提高程序的性能。 Java线程之间的通信由Java内存…

网络编程套接字(一)

学习任务&#xff1a; 我们先来认识端口号&#xff0c;区分好主机IP和端口号的区别&#xff0c;以及涉及到进程PID和端口号的区别。 然后简单认识一下TCP协议和UDP协议&#xff0c;这两个协议都是传输层的。接着了解什么是网络字节序&#xff0c;它有什么作用。然后是网络编程的…

Windows搭建Typecho个人博客并发布公网访问【内网穿透】

文章目录前言1. 环境安装2. 安装Typecho3. 安装cpolar内网穿透4. 固定公网地址5. 配置Typecho前言 本文小新为大家带来windwos系统搭建typecho博客cpolar内网穿透工具将博客发布到公共网络环境教程。 Typecho是一款PHP语言编写的开源博客程序&#xff0c;它是一个轻量级的内容…

某某客户的一次勒索病毒应急响应

Lockbit勒索病毒应急响应背景1、应急处理排查2、勒索病毒来源分析3、勒索病毒分析4、勒索病毒解密5、主机分析分析6、后续安全加固和改进措施结论背景 美好的周六刚开始&#xff0c;眼睛一睁&#xff0c;领导就发消息&#xff0c;说某客户中了勒索病毒&#xff0c;特别着急&am…

测评了100款零售软件,选出5个最好用零售软件分享给你!

满大街的各种服装店、便利店、百货店、母婴店...... 每天都要处理大量的订单&#xff0c;使用传统的人工开单记账&#xff0c;效率低下、客户体验差、而且容易出现&#xff0c;需要耗费很多时间来回对账&#xff1b; 聪明的零售店老板都已经开始使用零售软件来管理门店&#xf…

[C++]list类的模拟实现和相关函数的详解(正反向迭代器)

文章目录架构代码实现listNode正向迭代器框架迭代器函数重载*&#xff08;解引用&#xff09;->&#xff08;箭头指向&#xff09; -- ! 反向迭代器框架*&#xff08;解引用&#xff09;->&#xff08;箭头指向&#xff09; -- ! list默认成员函数构造函数拷贝构造赋值重…

QT学习笔记2

1.重载自定义信号与槽&#xff1a; 定义天黑类&#xff1a;里面有一个有参数的信号和没有参数的信号 tianhei.h #ifndef TIANHEI_H #define TIANHEI_H#include <QObject>class Tianhei : public QObject {Q_OBJECT public:Tianhei(); //构造函数声明signals:void tia…

Linux 用户的特殊shell与PAM模块

文章目录Linux 用户的特殊shell与PAM模块特殊的shell&#xff1a;/sbin/nologinPAM模块简介PAM模块设置语法常用模块简介login的PAM验证机制流程其他相关文件limits.conf使用案例/var/log/secure、/var/log/messagesLinux 用户的特殊shell与PAM模块 你想过吗&#xff1f;如果我…

无向连通图中长度为 n 的循环

给定一个无向连通图和一个数字 n,计算图中长度为 n 的循环总数。长度为 n 的圈简单地表示该圈包含 n 个顶点和 n 条边。我们必须计算所有存在的此类循环。 示例: 输入:n = 4 输出:总周期数 = 3 解释 :遵循 3 个独特的循环0 -> 1 -> 2 -> 3 -> 0 0 -> 1 …