How create a JComboBox with the border round

[Vincenzo Palazzo]

Hi guys,

I'm doing developing a new look and feel for swing and now I want to create a new style of a combo box with the border round.

I have implemented new Border and this is the code

and this is the effect


But my problem is when I add the panel black and the JComboBox background white the effect is wrong and it is equal this



My component MaterialComboBoxUI is this

package mdlaf.components.combobox;

import mdlaf.animation.MaterialUIMovement;
import mdlaf.utils.MaterialBorders;
import mdlaf.utils.MaterialManagerListener;
import javax.swing.*;
import javax.swing.border.Border;
import javax.swing.plaf.ComponentUI;
import javax.swing.plaf.basic.BasicArrowButton;
import javax.swing.plaf.basic.BasicComboBoxUI;
import java.awt.*;
import java.awt.event.FocusEvent;
import java.awt.event.FocusListener;

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

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

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

        JComboBox<?> comboBox = (JComboBox<?>) c;
        comboBox.setFont(UIManager.getFont("ComboBox.font"));
        comboBox.setBackground(UIManager.getColor("ComboBox.background"));
        comboBox.setForeground(UIManager.getColor("ComboBox.foreground"));
        comboBox.setBorder(UIManager.getBorder("ComboBox.border"));
        comboBox.setLightWeightPopupEnabled(true);
        comboBox.setCursor(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR));
    }

    @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);
        }
        MaterialManagerListener.removeAllMaterialMouseListener(button);
        button.setOpaque(true);
        button.setBackground(UIManager.getColor("ComboBox.buttonBackground"));
        if (UIManager.getBoolean("ComboBox.mouseHoverEnabled")) {
            button.addMouseListener(MaterialUIMovement.getMovement(button, UIManager.getColor("ComboBox.mouseHoverColor")));
        }
        button.setBorder(UIManager.getBorder("ComboBox[button].border"));
        return button;
    }

    @Override
    public void update(Graphics g, JComponent c) {
        super.update(g, c);
    }

    @Override
    public void paint(Graphics g, JComponent c) {
        super.paint(g, c);
    }

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

    @Override
    protected FocusListener createFocusListener() {
        comboBox.addFocusListener(new FocusListenerColor());
        return super.createFocusListener();
    }

    protected class FocusListenerColor implements FocusListener {

        private Border focus;
        private Border unfocus;

        public FocusListenerColor() {
            focus = MaterialBorders.roundedLineColorBorder(UIManager.getColor("ComboBox.focusColor"));
            unfocus = MaterialBorders.roundedLineColorBorder(UIManager.getColor("ComboBox.unfocusColor"));
        }

        @Override
        public void focusGained(FocusEvent e) {
            if (focus != null) {
                comboBox.setBorder(focus);
            }
        }

        @Override
        public void focusLost(FocusEvent e) {
            if (unfocus != null) {
                comboBox.setBorder(unfocus);
            }
        }
    }
}

My problem is how remove the rectangular border to JComboBox?

Solution
I rewrite the update method, this is the code

@Override
    public void update(Graphics g, JComponent c) {
        g.setColor(c.getBackground());
        g.fillRoundRect(0, 0, c.getWidth(), c.getHeight(),12, 12);
        paint(g, c);
    }

This is the effect

[Paul Clapham]

Hi vincenzo, welcome to the Ranch!

To me it looks like you're setting the JComboBox's border at line 32 of your code. You say you don't want that border? Then it seems to me you could just remove that line of code.

You also have a method called createArrowButton which does a lot of things with your special border-maker, but I don't see any code which calls that method. Anyway I don't understand why you don't put the special border around the combo box, instead of making a separate button.

[Vincenzo Palazzo]

Paul Clapham wrote:Hi vincenzo, welcome to the Ranch!

To me it looks like you're setting the JComboBox's border at line 32 of your code. You say you don't want that border? Then it seems to me you could just remove that line of code.

You also have a method called createArrowButton which does a lot of things with your special border-maker, but I don't see any code which calls that method. Anyway I don't understand why you don't put the special border around the combo box, instead of making a separate button.

Hi Paul, thanks so much.

I'm setting my border round whit this code but the line of the border is round and the border doesn't is round.

To me it looks like you're setting the JComboBox's border at line 32 of your code. You say you don't want that border? Then it seems to me you could just remove that line of code.

Because this method is the method for setting a button od the JComboBox and I inherited all to BasicComboBoxUI

You also have a method called createArrowButton which does a lot of things with your special border-maker, but I don't see any code which calls that method. Anyway I don't understand why you don't put the special border around the combo box, instead of making a separate button

I found the problem and I edited the question with the solution, thanks so much

[Paul Clapham]

Okay, you're ahead of me in working with Swing look and feels. Good to hear you have the solution now.

[Vincenzo Palazzo]

Paul Clapham wrote:Okay, you're ahead of me in working with Swing look and feels. Good to hear you have the solution now.

Thanks so much for your answer and for you beautiful words