How to draw 2 JLabels on each row of a JList?

Question

Let's say I want to have a JList like this:

For each rows, there are 2 JLabels: the left is is the color name, and the right one is the color itself. How do you write your own custom ListCellRenderer for this purpose?

Answer 1

In outline,

• Give your JList a ListCellRenderer that displays an Icon, as shown here.

• Use setHorizontalTextPosition() and setVerticalTextPosition() to achieve the desired layout.

• Use a custom implementation of Icon, such as the ColorIcon shown here.