How to create GridView with squares items on two columns?

Question

I would like to create a GridView with squares items on two columns which would take the totality of the screen (match_parent).

Every item consists of an imageView and a textView.

Here is the result in image :

enter image description here

How do I make the items width to be equal to their variable height?

Thank you in advance!!

set android:numColumns="2" and android:stretchMode="spacingWidthUniform" for gridView — Iftikar Urrhman Khan, May 21 '13 at 09:53
Use this link, it will help you http://stackoverflow.com/questions/24416847/how-to-force-gridview-to-generate-square-cells-in-android — BaDo, Mar 05 '15 at 10:18

score 1 · Answer 1 · answered Mar 05 '15 at 10:55

In your activity or Fragment layout you should have GridView like this:

<GridView
        android:id="@+id/grid_id"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="2"
         />

And then you should have an Adapter that extends BaseAdapter for example and it's item should be as follow:

<TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:drawableTop="@drawable/yourDrawable"
        android:layout_margin="20dip"
        android:gravity="center" />

You need more explanation ?

score 0 · Answer 2 · edited May 23 '17 at 10:32

0

Use these link, they will help you Option 1

Option 2

edited May 23 '17 at 10:32

Community

1
1

answered Mar 05 '15 at 10:24

BaDo

540
8
19

Never put only links as your answer because those links usually die, and therefore your answer is useless. Either explain your solution or don't answer at all. – busuu Aug 02 '17 at 22:42

score 0 · Answer 3 · answered Jun 18 '20 at 13:19

This is Gridview.

<GridView
    android:numColumns="2"
    android:id="@+id/related_contact_grid"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"/>

This is item. You will inflate this to gridview in Adapter.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/imageView"
        android:text="Tendance"
        android:layout_centerHorizontal="true"

</RelativeLayout>

If you want, I can support your work on this Gridview.

How to create GridView with squares items on two columns?

3 Answers3