GridView, GridLayout or TableLayout?

Question

I need to create some screens similar to this one:

enter image description here

Also, if the user wants to show more buttons per screen, it would be something like this:

enter image description here

Today I am using LinearLayouts to do this.

I would like to know which option is the best to develop a design like the above.

User must not swype up or down to see the rest of buttons, the rest of buttons will be shown through the navigation buttons (don't worry, I will use a Viewflipper to do this)
Buttons must use all the screen and must have the same size. They must resize itself if images are big to fit the screen size
Lightweight. Low consumption of memory
Buttons when clicked may open new grids

What is the best option for this? GridView, GridLayout or TableLayout?

Thank you in advance!

score 3 · Accepted Answer · answered Nov 01 '12 at 18:10

3

GridView is scrollable. it would only make sense to use GridView if you load all of the buttons at once and drop the previous and next buttons.

GridLayout is the way to go.

answered Nov 01 '12 at 18:10

clocksmith

6,226
3
32
45

2

Any idea how did you decide on that? I need an example. Also how did the resize work? – Sarvesh Jun 13 '13 at 00:34

score 2 · Answer 2 · edited May 23 '17 at 11:48

Personally I would think the best way to do this is to create a Relative Layout in code. Get the screen width and height. divide width by 4 divide height by 2 then call

    RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(args to make fit screen and be in order);
    myRelativeLayout.addView(lp);

and set the images in the order you want. to get the gaps use images that have alpha so the edges make the gap.

then call

    invalidate()

but that is just me. :)

check out some other places like How to lay out Views in RelativeLayout programmatically?

GridView, GridLayout or TableLayout?

2 Answers2