为什么我的 Combobox 不能正确更新颜色？

Question

I am implementing a dark mode into my program and everything works just fine, except a Combobox, which doesn't want to change its color as I want.

_{(source: bilder-upload.eu )}

So as you can see, the "popup" of the Combobox changes the color just fine, but the Combobox itself doesn't. Also the Foreground color of the Combobox changes, but the background not.

I guess, the Look and Feel might cause the issue.

In my main-class:

UIManager.setLookAndFeel( UIManager.getSystemLookAndFeelClassName() );

Where I change to Darkmode:

TeamInterface.userFilterComboBox.setBackground( darkBackgroundColor );
TeamInterface.userFilterComboBox.setForeground( fontColor );
SwingUtilities.updateComponentTreeUI( TeamInterface.userFilterComboBox );

I have to use the updateComponentTreeUI-Method, because otherwise the "popup" also remains white. If I remove the look and feel in my main-class, the combobox looks good,as you can see in this picture,

_{(source: bilder-upload.eu )}

but I doesn't want to get rid of the system look and feel, so I tried to manually edit the UI of the combobox to metal with this code:

userFilterComboBox.setUI( new MetalComboBoxUI() );

but.. the result is just awful, even thoe theoretically (at leats thats what I think) it should look the same as without look and feel

_{(source: bilder-upload.eu )}

Answer 1

The Combobox not is a component only to the background and the foreground but is the complex component. An example:JComboBox is composed to:

• ArrowButton
• List of itme
• Border (and it have a color)
• the item selected

So for change all you can add inside your UIManager, all constant or you can define a new UIComponent.

So an PersonalComboBoxUI can the following:

/**
 * @contributor https://github.com/vincenzopalazzo
 */
public class PersonalComboBoxUI extends BasicComboBoxUI {

    public static ComponentUI createUI (JComponent c) {
        return new PersonalComboBoxUI ();
    }

    @Override
    public void installUI (JComponent c) {
        super.installUI (c);

        JComboBox<?> comboBox = (JComboBox<?>) c;
        comboBox.setBackground (UIManager.getColor ("ComboBox.background"));
        comboBox.setForeground (UIManager.getColor ("ComboBox.foreground"));
        comboBox.setBorder (UIManager.getBorder ("ComboBox.border"));
        comboBox.setLightWeightPopupEnabled (true);
    }

    @Override
    protected JButton createArrowButton () {
        Icon icon = UIManager.getIcon ("ComboBox.buttonIcon");
        JButton button;
        if (icon != null) {
            button = new JButton (icon);
        }
        else {
            button = new BasicArrowButton (SwingConstants.SOUTH);
        }
        button.setOpaque (true);
        button.setBackground (UIManager.getColor ("ComboBox.buttonBackground"));
        button.setBorder (BorderFactory.createLineBorder(Color.black));
        return button;
    }

    @Override
    protected ListCellRenderer createRenderer() {
        return new MaterialComboBoxRenderer();
    }
}

You should be defined also the PersonalComboBoxRenderer

/**
 * @contributor https://github.com/vincenzopalazzo
 */
    public class PersonalComboBoxRenderer extends BasicComboBoxRenderer {

        @Override
        public Component getListCellRendererComponent (JList list, Object value, int index, boolean isSelected, boolean cellHasFocus) {
            JComponent component = (JComponent) super.getListCellRendererComponent (list, value, index, isSelected, cellHasFocus);

            component.setBorder (BorderFactory.createEmptyBorder (5, 5, 5, 5));
            component.setForeground (UIManager.getColor ("ComboBox.foreground"));
            component.setBackground (isSelected || cellHasFocus ?
                    UIManager.getColor("ComboBox.selectedInDropDownBackground") :
                    UIManager.getColor("ComboBox.background"));

            return component;
        }
    }

ps: in this case, I'm using the UIManager.put("ComboBox.background", COLOR) for add and stratification inside the JComponent.

So I want to add two information regarding if you using the personal color inside the UIManager or the PersonalComboBoxUI the color should be defined with this code

Color PINK_400 = new ColorUIResource (236, 64, 122);

because when you go to remove look and feel the color couldn't remove but if you used ColorUIResource the look and feel should be removed correctly.

To finish, if you do not have needed the default look and feel, I want to suggest you use a library.

The material-UI-swing has a system theming for creating the personal timing in your app and the all theme is personalizable.

This is the repo vincenzoapalazzo/material-ui-swing and atarw/material-ui-swing are the same repository and the same developer so, the vincenzopalazzo/material-us-swing is the developer branch, an contains more fix and test.

An example of the library is

.

Ps: I am the designer of the MaterialTheming System .