Making the gridView center in Android

Question

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:background="#FFFFFF"
    android:layout_gravity="center_horizontal"
    android:padding="5dip" >
    <GridView
        android:id="@+id/homeGridView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:columnWidth="160dip"
        android:adjustViewBounds="true" 
        android:layout_gravity="center_horizontal"
        android:layout_centerInParent="true"
        android:gravity="center_horizontal"
        android:numColumns="2"
        android:stretchMode="none"/>
</RelativeLayout>

I have been breaking my head on how to make the gridView center horizonal and vertical. I have also attached my screen-shot for the same. Below is my image code.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:layout_gravity="center_horizontal"
    android:padding="5dip" >

    <ImageView
        android:id="@+id/grid_item_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"  
        android:layout_centerHorizontal="true">
    </ImageView>

</RelativeLayout>

http://stackoverflow.com/questions/4816004/center-elements-in-gridview — Raghunandan, Mar 22 '13 at 12:40
it is completely fine...if it still not works try removing this from your code `android:orientation="horizontal"` — karan, Mar 22 '13 at 12:40
or you can make your parent layout to linear layout if you wish — karan, Mar 22 '13 at 12:41
if you hardcode the layout_width of gridview to twice that of each gridview Item(column) instead of wrap_content it will display at the center. But, i don't think if you like that. — SKK, Mar 22 '13 at 12:50

score 4 · Accepted Answer · edited May 23 '17 at 12:25

4

Well if you don't want to use TableLayout (as you says in your precedent post), dealing with GridView is pretty complicated (i've lost a lot of times on this). The only idea i have his to force your GridView to have an exact width, that is the sum of your 2 views: 160dip * 2.

    android:layout_width="320dip"

Feel free to add 10dip or more for padding.

N.B.: i'm not sure if this is the best way and if this is proper for every device. Try it and let me know ;) .

edited May 23 '17 at 12:25

Community

1
1

answered Mar 22 '13 at 12:44

JJ86

5,055
2
35
64

Quick question: my image size is 150dp, should the column width be also 150dp or more – theJava Mar 22 '13 at 13:00
@theJava You can leave this size, but try it and see if it is more beautiful and what's changing on your layout. – JJ86 Mar 22 '13 at 13:12
In Galaxy tab, there is no spacing between the icons, but in nexus there is a horizontal space coming in.... – theJava Mar 22 '13 at 13:21
@theJava sincerely i don't know why: does they are both with JB? – JJ86 Mar 22 '13 at 19:53
@JaAd, just what I was looking for! – Garima Tiwari Apr 19 '13 at 10:05

score 1 · Answer 2 · answered Mar 22 '13 at 12:34

1

Use these 2 tags inside ur gridview see if it works

android:layout_centerVertical="true"
android:layout_centerHorizontal="true"

answered Mar 22 '13 at 12:34

nidhi_adiga

1,114
1
16
27

Can u just remove gravity tags and centerInParent tag both in Gridview and relativelayout and only use these 2 in gridview and see... – nidhi_adiga Mar 22 '13 at 12:40
I tried the above too, it does not make any change... http://pastie.org/private/zfinfrxvxmwirw0yvr5qg – theJava Mar 22 '13 at 12:44

Making the gridView center in Android

2 Answers2

Linked