如何让JComboBox仅显示下拉箭头并实现列表项居中？

要实现仅显示下拉箭头、左侧无空白区域，同时下拉列表项居中的JComboBox，可通过自定义UI和列表渲染器完成，具体实现如下：

1. 自定义ComboBoxUI去除左侧空白 #

继承BasicComboBoxUI，调整布局让箭头按钮占据整个组件空间，隐藏原编辑器区域：

import javax.swing.*;
import javax.swing.plaf.basic.BasicComboBoxUI;
import java.awt.*;

public class ArrowOnlyComboBoxUI extends BasicComboBoxUI {
    @Override
    protected JButton createArrowButton() {
        JButton arrowButton = super.createArrowButton();
        arrowButton.setBorder(BorderFactory.createEmptyBorder());
        return arrowButton;
    }

    @Override
    public void layoutComboBox(Container parent, MetalComboBoxLayoutManager manager) {
        arrowButton.setBounds(0, 0, parent.getWidth(), parent.getHeight());
        if (editor != null) {
            editor.setVisible(false);
        }
    }
}

2. 自定义列表渲染器实现项居中 #

重写默认渲染器，设置文本居中对齐：

import javax.swing.*;
import java.awt.*;

public class CenteredListCellRenderer extends DefaultListCellRenderer {
    @Override
    public Component getListCellRendererComponent(JList<?> list, Object value, int index, boolean isSelected, boolean cellHasFocus) {
        super.getListCellRendererComponent(list, value, index, isSelected, cellHasFocus);
        setHorizontalAlignment(SwingConstants.CENTER);
        return this;
    }
}

3. 组合使用自定义组件 #

创建JComboBox时应用上述自定义类：

import javax.swing.*;
import java.awt.*;

public class ArrowOnlyComboBoxDemo {
    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            JFrame frame = new JFrame("仅箭头ComboBox示例");
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setLayout(new FlowLayout());

            JComboBox<String> comboBox = new JComboBox<>(new String[]{"选项1", "选项2", "选项3", "选项4"});
            comboBox.setUI(new ArrowOnlyComboBoxUI());
            comboBox.setRenderer(new CenteredListCellRenderer());
            comboBox.setPreferredSize(new Dimension(30, 25));

            frame.add(comboBox);
            frame.pack();
            frame.setLocationRelativeTo(null);
            frame.setVisible(true);
        });
    }
}

效果说明 #

• 自定义UI通过隐藏编辑器、让箭头按钮占满组件，实现仅显示下拉箭头的效果；
• 自定义渲染器修改文本对齐方式，确保下拉列表项居中显示。

内容的提问来源于stack exchange，提问作者MouseTheMilkLover