Gridview not fit for all screens in Android

Question

I am working in an Android app. In this I have an issue that my GridView and images are not get fit with all screen sizes .

Here I have the gridview inside the fragment

The fragment_reminders.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearlayout_Gridview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:padding="5dp">

    <GridView
        android:id="@+id/mGridView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnWidth="100dp"
        android:gravity="center"
        android:horizontalSpacing="10dp"
        android:numColumns="3"
        android:stretchMode="spacingWidthUniform"
        android:verticalSpacing="10dp" />
</LinearLayout>

And gridview.xml is

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:padding="5dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

        <ImageView
            android:id="@+id/mImageView"
            android:layout_width="35dp"
            android:layout_height="35dp" />

        <TextView
            android:id="@+id/mTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:textAlignment="center"
            android:textSize="10dp" />
</LinearLayout>

Can anyone help me to fix this issue?

As you've set `numColumns`, column width is redundant. Try removing that from `gridView`. — tahsinRupam, Apr 22 '18 at 06:30
@tahsinRupam if I removed that it will display a single column — Nikson, Apr 22 '18 at 06:33
@ProkashSarkar ,yes exactly and also I want the gridview to get fit for all screen sizes — Nikson, Apr 22 '18 at 06:35
Set Top layout `RelativeLayout` with `match_parent ,match_parent` — IntelliJ Amiya, Apr 22 '18 at 06:40
Possible duplicate of [How to make a GridLayout fit screen size](https://stackoverflow.com/questions/10347846/how-to-make-a-gridlayout-fit-screen-size) — Reaz Murshed, Apr 22 '18 at 07:04
Hello Nikson, Rather than giving columnWidth as 100dp to GridView make it as match_parent then this will work fine for you. — Mohammed Rampurawala, Apr 22 '18 at 14:05
@Nikson I will suggest you use `RecyclerView ` with `GridLayoutManager` — N J, Apr 22 '18 at 14:17
https://stackoverflow.com/questions/40587168/simple-android-grid-example-using-recyclerview-with-gridlayoutmanager-like-the Please check this — N J, Apr 22 '18 at 14:51
@mzeus.bolt sorry typing error ,I can't mark it as match_parent — Nikson, Apr 23 '18 at 04:15

tahsinRupam · Answer 1 · 2018-04-22T08:03:07.917

0

Use GridLayout to acquire the desired result.Firstly add gridLayout dependancy:

compile 'com.android.support:gridlayout-v7:27.0.1'

Then, add the following xml code:

 <android.support.v7.widget.GridLayout
    android:id="@+id/gridLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:columnCount="3">

    <FrameLayout
        app:layout_columnWeight="1"
        app:layout_rowWeight="1">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:gravity="center">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@android:drawable/ic_lock_idle_alarm"
                android:layout_marginBottom="5dp"/>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="Alarms"/>
        </LinearLayout>

     </FrameLayout>

  </android.support.v7.widget.GridLayout>

In the above code, I've just added 1 element. Just copy & paste this FrameLayout and change texts & images accordingly. After adding 12 elements, the output should look as below:

edited Apr 22 '18 at 08:03

answered Apr 22 '18 at 06:41

tahsinRupam

6,325
1
18
34

images and text are get aligned center but gridview is not get fit in the screen size – Nikson Apr 22 '18 at 06:49
What is the problem you are facing exactly? Can you please elaborate or share a ss if possible? – tahsinRupam Apr 22 '18 at 06:50
I have 15 images I wanna arrange them in a 3 column and 5 rows combination, Images and text are showing well but it is not fit the screen as you can see in the above attached image .I want to make the gridview fit for all screen sizes – Nikson Apr 22 '18 at 06:52
So you want to cover up the whole screen with `gridView` items? – tahsinRupam Apr 22 '18 at 06:54
is it possible to make it to get fit for all screens – Nikson Apr 22 '18 at 07:10
Yes it is possible. You have to use `GridLayout` to fit for all screens. I'll add the sample code shortly. – tahsinRupam Apr 22 '18 at 07:13
looking for your suggestion ,Please get me soon – Nikson Apr 22 '18 at 07:30
@Nikson please check the updated answer. Sorry for the delay. – tahsinRupam Apr 22 '18 at 08:04
so there is no need of ImageAdapter class ...? – Nikson Apr 22 '18 at 08:15
If you use GridLayout, no. It's just a layout such as linearLayout. You can add views dynanically but it will not be necessary for fixed item. Btw, if the answer helps you can always upvote to encourage me ;) – tahsinRupam Apr 22 '18 at 08:21
I couldn't solved my issue...If you don't mind Can you take remote of my system and fix this issue – Nikson Apr 22 '18 at 11:50
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/169532/discussion-between-tahsinrupam-and-nikson). – tahsinRupam Apr 22 '18 at 11:53
Please check the dropbox link – Nikson Apr 22 '18 at 13:54

Prokash Sarkar · Answer 2 · 2018-04-22T06:50:41.363

0

Try the follwoing GridLayout,

<android.support.v7.widget.GridLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true"
        app:alignmentMode="alignBounds"
        app:columnCount="3"
        app:rowCount="5">

    </android.support.v7.widget.GridLayout>

And change your GridLayout item to the following,

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_margin="1.5dp"
        android:gravity="center"
        android:orientation="vertical"
        android:padding="5dp"
        app:layout_columnWeight="1"
        app:layout_gravity="fill"
        app:layout_rowWeight="1">

        <ImageView
            android:id="@+id/mImageView"
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:layout_gravity="center" />

        <TextView
            android:id="@+id/mTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:gravity="center"
            android:textAlignment="center"
            android:textSize="10dp" />

    </LinearLayout>

To use the support.v7.widget.GridLayout add the dependency,

implementation 'com.android.support:cardview-v7:27.0.1'

Haven't tested yet, but it should work.

edited Apr 22 '18 at 06:50

answered Apr 22 '18 at 06:41

Prokash Sarkar

11,723
1
37
50

Have you added the gradle dependency? – Prokash Sarkar Apr 22 '18 at 06:50
What error are you getting? Don't forget to add : (xmlns:app="http://schemas.android.com/apk/res-auto") in your parent LinearLayout with the id: linearlayout_Gridview – Prokash Sarkar Apr 22 '18 at 06:55
java.lang.ClassCastException: android.widget.AbsListView$LayoutParams cannot be cast to android.widget.LinearLayout$LayoutParams – Nikson Apr 22 '18 at 07:04
Check your java code, you need to import LayoutParams from LinearLayout instead of AbsListView. – Prokash Sarkar Apr 22 '18 at 07:06
After applying your suggestion this line throws error in fragment class(Reminders.java) – Nikson Apr 22 '18 at 12:41
mGridView.setAdapter(new ImageAdapter(mRootView.getContext())); – Nikson Apr 22 '18 at 12:42

Gridview not fit for all screens in Android

2 Answers2

Linked