FlatLaf中JButton图标居中问题的解决方案

问题背景

在使用FlatLaf这个现代化的Java Swing外观框架时，开发者可能会遇到一个关于JButton图标显示的特殊问题。当为JButton同时设置了默认图标、按下图标(pressedIcon)和悬停图标(rolloverIcon)时，如果这些图标的尺寸不一致，就会出现图标位置偏移的现象。

问题现象

具体表现为：

1. 当按钮处于正常状态时，默认图标正常显示
2. 当鼠标悬停或按下按钮时，由于图标尺寸变化，导致图标位置不居中
3. 这种现象与Nimbus外观下的行为不同，Nimbus会自动保持图标居中

技术分析

FlatLaf与其他大多数Java外观框架一样，在绘制按钮图标时遵循以下规则：

• 每个状态的图标独立绘制
• 图标位置基于其原始尺寸计算
• 不自动对不同尺寸的图标进行居中处理

而Nimbus外观则采用了特殊处理，会自动将不同尺寸的图标居中显示，这导致了行为上的差异。

解决方案

要实现类似Nimbus的图标居中效果，可以创建一个自定义的CenterIcon类来包装原始图标。这个包装器会：

1. 保持固定的尺寸
2. 将实际图标绘制在中心位置

以下是实现代码：

public class CenterIcon implements Icon {
    private final Icon icon;
    private final int width;
    private final int height;

    public CenterIcon(Icon icon, int width, int height) {
        this.icon = icon;
        this.width = width;
        this.height = height;
    }

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

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

    @Override
    public void paintIcon(Component c, Graphics g, int x, int y) {
        icon.paintIcon(c, g,
            x + ((width - icon.getIconWidth()) / 2),
            y + ((height - icon.getIconHeight()) / 2));
    }
}

使用示例

JButton cmd = new JButton("Change");
Icon defaultIcon = new FlatSVGIcon("twitter.svg", 1f);
Icon pressedIcon = new CenterIcon(new FlatSVGIcon("twitter.svg", 2f), 
    defaultIcon.getIconWidth(), defaultIcon.getIconHeight());
Icon rolloverIcon = new CenterIcon(new FlatSVGIcon("twitter.svg", 0.5f),
    defaultIcon.getIconWidth(), defaultIcon.getIconHeight());

cmd.setIcon(defaultIcon);
cmd.setPressedIcon(pressedIcon);
cmd.setRolloverIcon(rolloverIcon);

实现原理

CenterIcon的工作原理是：

1. 在构造时接收原始图标和目标尺寸
2. 对外报告固定的宽度和高度
3. 在绘制时计算居中位置，将原始图标绘制在中心

这种方法确保了无论原始图标的实际尺寸如何变化，在按钮上都能保持居中显示。

扩展思考

这种技术不仅适用于按钮图标，还可以应用于：

1. 菜单项图标
2. 工具栏按钮图标
3. 任何需要保持图标位置稳定的场景

开发者可以根据需要进一步扩展CenterIcon类，例如添加缩放功能或动画效果，以创建更丰富的用户界面体验。

总结

通过创建自定义的CenterIcon包装器，我们成功解决了FlatLaf中不同状态图标尺寸不一致导致的显示问题。这种方法简单有效，且不会影响FlatLaf的其他特性，是处理此类问题的理想解决方案。