Set ImageView's width to fill white space (keeping aspect ratio) inside RecyclerView with GridLayoutManager

Question

I have RecyclerView with GridLayoutManger

RecyclerView recyclerView = (RecyclerView) view.findViewById(R.id.movie_posters_recycler_view);
recyclerView.setHasFixedSize(true);
mRecyclerView.setLayoutManager(new GridLayoutManager(getActivity(), 2));

Each RecyclerView's item represented by following layout

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/movie_item_poster_image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:adjustViewBounds="true" />

</FrameLayout>

Currently I have such result

layout1

I want to do this

layout2

score 4 · Answer 1 · answered Mar 16 '19 at 06:33

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/movie_thumbnail"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:adjustViewBounds="true"/>
</FrameLayout>

This should work

Atiq · Answer 2 · 2016-05-07T21:05:54.387

0

Replace your image view with this one

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/movie_item_poster_image_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true" />

edited May 07 '16 at 21:05

answered May 07 '16 at 05:14

Atiq

14,435
6
54
69

It doesn't keep aspect ratio – Yuriy Seredyuk May 07 '16 at 20:34
images your getting are smaller buddy if you want a layout like that manually set height and width of your `ImageView` in dp – Atiq May 07 '16 at 22:20
Yes, but for example 200dp width is good for 7" tablet and bad for 9" one and so on. Thats the problem. I wanted to find out solution to stretch images automatically depending on free space on the screen. – Yuriy Seredyuk May 07 '16 at 22:50
so include different xml for different screens like , 1 for 7 inch and 1 for 10 inch and i for phones, you can put them in different folders in res folder but make sure to keep the name of the xml same and android will automatically use the one with respect to device. – Atiq May 08 '16 at 06:25

score 0 · Answer 3 · answered Aug 24 '16 at 07:57

0

please add to scaltype to image view in your adapter to fitxy

answered Aug 24 '16 at 07:57

Sayam Abbas

1

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

0

Take a look at this answer: https://stackoverflow.com/a/26575808/4729523.

You just need to keep the image's aspect ratio (3/4 or 9/16).

edited May 23 '17 at 12:17

Community

1
1

answered Dec 05 '16 at 00:49

Rafa0809

1,733
21
24

score 0 · Answer 5 · answered Feb 18 '18 at 18:09

0

Using android:scaleType="fitXY" in ImageView attributes should stretch the image inside the ImageView.

answered Feb 18 '18 at 18:09

AhmedAbdelaal

286
2
6

Set ImageView's width to fill white space (keeping aspect ratio) inside RecyclerView with GridLayoutManager

5 Answers5