Recycler view display item with different size image

Question

I'm using recycler view to display item, my item is include image and text. And im using StaggeredGridLayoutManager to display this.

a part of my layout:

 <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <android.support.v7.widget.CardView
                android:id="@+id/cvExhibit"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                xmlns:cardview="http://schemas.android.com/apk/res-auto"
                cardview:cardCornerRadius="@dimen/cardview_corner_radius"
                cardview:cardUseCompatPadding="true"
                >
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">
                    <ImageView
                        android:id="@+id/imgExhibit"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:scaleType="fitXY"

                        />
                </LinearLayout>

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

            <ProgressBar
                android:id="@+id/pbItemMainScreen"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:elevation="2dp"
                android:visibility="visible"
                android:indeterminateTint="@color/colorBlueLight"
                android:indeterminateTintMode="src_in"
                />

        </RelativeLayout>

And result: result1

I wan't to fit image full larger both width and height, but the result like this: result2

and here a code for result2:

<RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <android.support.v7.widget.CardView
                android:id="@+id/cvExhibit"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                xmlns:cardview="http://schemas.android.com/apk/res-auto"
                cardview:cardCornerRadius="@dimen/cardview_corner_radius"
                >
                <ImageView
                    android:id="@+id/imgExhibit"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:scaleType="fitXY"

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

            <ProgressBar
                android:id="@+id/pbItemMainScreen"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:elevation="2dp"
                android:visibility="visible"
                android:indeterminateTint="@color/colorBlueLight"
                android:indeterminateTintMode="src_in"
                />

        </RelativeLayout>

How can I do the image fit by width, and then it height auto fit by image size? like this:

My dream result

score 0 · Accepted Answer · edited Jan 07 '19 at 09:25

0

Please try this

<ImageView
    android:id="@id/imgExhibit"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:scaleType="fitCenter" />

edited Jan 07 '19 at 09:25

Dharmesh G

67
1
5

answered Jun 20 '18 at 03:17

Shravan Jain

720
1
11
32

What is the output now? – Shravan Jain Jun 20 '18 at 03:34
I add android:adjustViewBound , Then i edit layout_width and layout_height of cardview. And this working! Tks u – Phuc sino Jun 20 '18 at 03:44
1

`fill_parent` is [deprecated](https://stackoverflow.com/a/8516882/5180017) – Shashanth Jun 20 '18 at 04:12

Recycler view display item with different size image

1 Answers1