Question

I’m completely shocked that I can’t find anything about how to do this. How do I wrap images in a layout to just drop down to the next line.. and continue to do so until all of the images have been shown? I’m using 80×80 images as buttons and when however many can fit on one line, I want it to wrap them to the next line and continue. When those have reached the end, I want it to wrap again.

Can someone please show me how to build this layout? Thank you.

Answer 1

In API 12 and earlier, you want:

public static final int BUTTON_WIDTH = 80;
public static final int BUTTON_HEIGHT = 80;
public static final int SPACING = 8;

Display display = getWindowManager().getDefaultDisplay();
public int screenWidth = display.getWidth();
public int screenHeight = display.getHeight();    

//somewhere a drawButton(int y, int x) should be defined

for (int i = 0, i < screenHeight, i += (BUTTON_HEIGHT + SPACING)) {
    for (int j = 0, j < screenWidth, j += (BUTTON_WIDTH + SPACING)) {
        drawButton(i, j);
    }
}

In API 13 and later, replace lines 5-7 with the following:

Point screen = new Point();
getWindowManager().getDefaultDisplay().getSize(screen);

public int screenWidth = screen.x;
public int screenHeight = screen.y;