JButton 的可互换 JComponent 皮肤答案

【问题标题】：Interchangeable JComponent skins for JButtonJButton 的可互换 JComponent 皮肤
【发布时间】：2011-11-21 14:17:50
【问题描述】：

我正在尝试创建具有可互换皮肤组件的自定义JButton。使用CardLayout 作为切换机制，我很难将JComponent（即皮肤组件）与JButton 齐平放置。

例如，

import java.awt.CardLayout;
import java.awt.Color;
import java.awt.FlowLayout;
import java.awt.Graphics;
import javax.swing.JButton;
import javax.swing.JComponent;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.SwingUtilities;

public final class SkinsDemo {

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable(){
            @Override
            public void run() {
                createAndShowGUI();
            }
        });
    }

    private static void createAndShowGUI(){
        final JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setLayout(new FlowLayout());
        frame.add(new JSkinnableButton());
        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }

    private static final class JSkinnableButton extends JButton{
        private static final long serialVersionUID = -5167346969674067012L;

        protected JSkinnableButton(){
            super();
            setLayout(new CardLayout()); // for interchangeability 
            add(new JSkinComponent(), "Skin");
        }
    }

    private static final class JSkinComponent extends JComponent{
        private static final long serialVersionUID = 2172542865655802012L;

        protected JSkinComponent(){
            super();
            setOpaque(true);
            setLayout(new FlowLayout()); // need layout manager
            setBackground(Color.CYAN);
            add(new JLabel("Skin"));
        }

        @Override
        protected void paintComponent(Graphics g){
            Graphics gCopy = g.create();
            gCopy.setColor(getBackground());
            gCopy.fillRect(0, 0, getWidth(), getHeight());
            gCopy.dispose();
        }
    }
}

这是一个非常粗略的例子，但我认为它清楚地表达了我的意图。

这个JButton 将监听来自域对象的属性更改事件，并相应地更新它的显示。

【问题讨论】：

从头到尾，1) 你想用 LayoutManager 填充 Color.CYAN 整个 JButton 2)，3) 你想要多少皮肤..，4) 皮肤取决于 JButton 事件???
@mKorbel，我希望JComponent 的背景填充整个JButton 并通过使用CardLayout 管理器，我希望能够轻松地在3 种不同的皮肤之间切换，这在收到PropertyChangeEvent 时更改。
为什么不直接更改Icon 或者不太方便的ButtonUI？
@trashgod 这很容易，我认为 (@mre) 知道这一点，也许 ???基本上？？？与我发布stackoverflow.com/questions/8197261/… 相同的问题，在运行时更改paint()，paintComponent，没有文件过滤和不正确使用CustomPaint 复合JComponent 的另一个副作用，我认为找到正确（然后）简单的方法跨度>

标签： java swing jbutton skinning jcomponent

【解决方案1】：

在您的JSkinnableButton 中，按钮的边距和边框占用了空间。

protected JSkinnableButton(){
    super();
    setLayout(new CardLayout()); // for interchangeability
    setMargin(new Insets(0,0,0,0));
    setBorder(BorderFactory.createEmptyBorder());
    add(new JSkinComponent(), "Skin");
}

现在，特别是边框是使按钮看起来像按钮的一部分，但我假设您已经为此制定了计划...

【讨论】：