JPanel detached border selection

Question

I have a List of JPanel and each element of a list have 10 JPanel elements inside it which contains a picture. (as the Picture)

I set Float layout for aligning them horizontally one after another. (Each row JPanel elements)

I put each element of this list on another outer JPanel vertically and everything is ok. (Each Vertical JPanel)

now I want to put the above label F1 till F10 exactly at the center of the first now elements ? how am going to do that ? any recommendation ?

Take note I can't use TitledBorder (with title and no border) for the first row elements because I have a selection function for each element and If I do this, It select the whole first row element (element + titledborder) which is pretty ugly and not similar to the other rows ?

do you hae any solution ?

Answer 1

Make the top row a JPanel having the default layout, FlowLayout. Add ten instances of a custom JLabel in which you override getPreferredSize() to return the nominal picture width and a height no less than that returned by the parent's implementation.

private static final int W = 50;

private static class MyLabel extends JLabel {

    public MyLabel(String text) {
        super(text);
        this.setHorizontalAlignment(CENTER);
    }

    @Override
    public Dimension getPreferredSize() {
        return new Dimension(W, super.getPreferredSize().height);
    }
}