ASHKAN
ASHKAN

Reputation: 55

Full image won't show in CardView

I am using CardView in Android Studio and I want to use ImageView in it to show some images but the problem is it doesn't show the full image. I want to scale it to show the full image.

Here is part of my code:

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/card_margin"
            android:layout_marginLeft="@dimen/card_margin"
            android:layout_marginRight="@dimen/card_margin">

            <LinearLayout
                style="@style/Widget.CardContent"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="more"
                    android:textAppearance="@style/TextAppearance.AppCompat.Title" />

                <a.extera.CustomTxtView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:id="@+id/txt_more"
                    android:lineSpacingExtra="7dp"
                    android:textSize="18dp"
                    android:text="more" />

                <ImageView
                    android:id="@+id/backdrop1"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="centerInside"
                    android:fitsSystemWindows="true"
                    android:orientation="vertical"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true"
                />

                <a.extera.CustomTxtView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:id="@+id/txt_more2"
                    android:lineSpacingExtra="7dp"
                    android:textSize="18dp"
                    android:text="more" />

                <ImageView
                    android:id="@+id/backdrop2"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="centerInside"
                    android:fitsSystemWindows="true"
                    android:layout_centerVertical="true"
                    android:layout_centerHorizontal="true"
                    android:orientation="vertical"
                    app:layout_collapseMode="parallax"
                  />

                <a.extera.CustomTxtView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:id="@+id/txt_more3"
                    android:lineSpacingExtra="7dp"
                    android:textSize="18dp"
                    android:text="more" />

                <ImageView
                    android:id="@+id/backdrop3"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="centerInside"
                    android:fitsSystemWindows="true"
                    android:layout_centerVertical="true"
                    android:layout_centerHorizontal="true"
                    android:adjustViewBounds="true"
                    android:orientation="horizontal"
                    app:layout_collapseMode="parallax" />

                <a.extera.CustomTxtView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:id="@+id/txt_more4"
                    android:lineSpacingExtra="7dp"
                    android:textSize="18dp"
                    android:text="more" />


                <ImageView
                    android:id="@+id/backdrop4"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="centerInside"
                    android:fitsSystemWindows="true"
                    android:layout_centerVertical="true"
                    android:layout_centerHorizontal="true"
                    android:orientation="vertical"
                    app:layout_collapseMode="parallax"
                    android:adjustViewBounds="false" />

                <a.extera.CustomTxtView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:id="@+id/txt_more5"
                    android:lineSpacingExtra="7dp"
                    android:textSize="18dp"
                    android:text="more" />

                <ImageView
                    android:id="@+id/backdrop5"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:scaleType="centerInside"
                    android:layout_centerVertical="true"
                    android:layout_centerHorizontal="true"
                    android:orientation="vertical"
                    android:fitsSystemWindows="true"
                    app:layout_collapseMode="parallax"
                    android:adjustViewBounds="false" />

            </LinearLayout>

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

for example this is the full image:

!https://s32.postimg.org/mntlijbn9/a_2.jpg

this is what it shows:

!https://s32.postimg.org/s6fyuyd91/image.jpg

Upvotes: 3

Views: 806

Answers (1)

Tony Baby
Tony Baby

Reputation: 7296

Change android:scaleType="centerInside" in ImageView to android:scaleType="fitXY"

Upvotes: 1

Related Questions