Swing - 带合成器的自定义按钮

Question

我正在开发一个使用 Synth 作为 UI 的项目，并且想要实现一些自定义按钮。这些按钮需要使用合成 XML 设置文件中的样式设置 - 例如，不同状态（MOUSE_OVER、PRESSED 等）的字体颜色不同。

我遇到的问题是，某些按钮需要有额外的子组件 - 例如，有些按钮需要多个标签。我希望子组件采用与标准按钮子组件相同的样式设置。

我觉得我应该能够扩展 JButton 并覆盖/扩展 paintComponent 来调用某些子组件的绘制方法。不过，我对该方法的几个方面有点不确定：例如要传递给 paintComponent 的参数；以及如何确保子组件获得正确的 Synth 样式设置（特别是状态）。

旁白：我尝试扩展 JPanel 但在这种方法中遇到了一些困难（请参见此处：JPanel 状态为 Synth）。

编辑：所以，我发现可以向按钮添加子组件并让它们正确呈现。看来，即使 JButton.getLayout() 返回 null，该按钮仍将使用 OverlayLayout，除非您调用 JButton.setLayout()。调用 JButton.setLayout(null) 确实会阻止使用 OverlayLayout，所以这就是我处理布局的方式。

我正在研究几种不同的方法来更新子控件的样式，稍后将报告这些方法。

Answer 1

因此，如果对其他人有用，这是我最终采用的方法：

class CustomButton extends JButton {
    CustomButton() {
        // ... normal button init

        // Enable absolute positioning of sub-components.
        setLayout(null);

        updateStyles();

        getModel().addChangeListener(new ChangeListener() {
            @Override
            public void stateChanged(ChangeEvent e) {
                updateStyles();
            }
        });
    }

    private void updateStyles() {
        // See below for implementation.
    }

    private int getSynthComponentState() {
        // This is basically a copy of SynthButtonUI.getComponentState(JComponent)
        int state = SynthConstants.ENABLED;
        if (!isEnabled()) {
            state = SynthConstants.DISABLED;
        }

        if (model.isPressed()) {
            if (model.isArmed()) {
                state = SynthConstants.PRESSED;
            } else {
                state = SynthConstants.MOUSE_OVER;
            }
        }
        if (model.isRollover()) {
            state |= SynthConstants.MOUSE_OVER;
        }
        if (model.isSelected()) {
            state |= SynthConstants.SELECTED;
        }
        if (isFocusOwner() && isFocusPainted()) {
            state |= SynthConstants.FOCUSED;
        }
        if (isDefaultButton()) {
            state |= SynthConstants.DEFAULT;
        }
        return state;
    }
}

我发现了两种实现 updateStyles() 方法的方法：(A) 更改组件的名称以使用不同的命名样式，或者(B) 将样式设置从按钮复制​​到子组件。方法 (A) 非常简单，方法 (B) 的工作原理如下：

private void updateStyles() {
    SynthStyle ss = SynthLookAndFeel.getStyle(this, Region.BUTTON);
    SynthContext sc = new SynthContext(this, Region.BUTTON, ss, getSynthComponentState());

    for (Component c : getComponents()) {
        c.setFont(ss.getFont(sc));
        c.setBackground(ss.getColor(sc, ColorType.BACKGROUND));
        c.setForeground(ss.getColor(sc, ColorType.FOREGROUND));
        // ... and so on if you have other style elements to be changed.
    }
}

如果您要针对每个不同的状态更改多个样式设置，则方法 (A) 可能会更好，但如果您有不同的样式，它可能会变得笨拙对于许多不同的州。如果您只更改几个样式设置（例如，在我的情况下，我只关心颜色，至少现在是这样），那么方法 (B) 似乎是最好的。

还有由trashgod 建议的实现自定义UI 委托（扩展BasicButtonUI）的方法，但如果您采用该路线，我认为您将不得不重新实现SynthButtonUI 的大部分内容。