ImageView-左右兩側的多余填充

Question

我在ScrollView中有一個ImageView。 ImageView的寬度和高度以及match_parent和wrap_content。 但是，ImageView的左側和右側略有填充。 該圖像是從服務器下載的，並顯示在ImageView中。

這是我的XML：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/com.xx.xxx"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar_without_spinner" />

    <ScrollView
        android:id="@+id/scrollview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none" >

        <LinearLayout
            android:id="@+id/ll_select_activity"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/green"
            android:orientation="vertical" >

            <LinearLayout
                android:id="@+id/ll_feature"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal" >

                <LinearLayout
                    android:id="@+id/text_layout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:orientation="vertical"
                    android:paddingBottom="10dp"
                    android:paddingTop="10dp"
                    android:visibility="gone" >

                    <TextView
                        android:id="@+id/item_features_title"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:gravity="center"
                        android:text="@string/empty"
                        android:textAppearance="?android:attr/textAppearanceLarge" />

                    <TextView
                        android:id="@+id/item_features_description"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:gravity="center"
                        android:text="@string/empty"
                        android:textAppearance="?android:attr/textAppearanceMedium" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal" >
                    <!-- ImageView with the problem -->
                    <ImageView
                        android:id="@+id/item_features_imageview_icon"
                        android:layout_width="0dip"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:adjustViewBounds="true"
                        android:padding="0dp"
                        android:contentDescription="@string/item_features_icon"
                        android:cropToPadding="false"
                        android:scaleType="fitCenter" />
                </LinearLayout>
            </LinearLayout>

           ....
           .... 
        </LinearLayout>
    </ScrollView>

</LinearLayout>

請在下面找到屏幕截圖：

如何使ImageView與scrollView的總寬度匹配，並保持縱橫比？

根據文檔，“ fitCenter”是否不應該自動匹配邊緣？

ImageView.ScaleType。 FIT_CENTER

計算一個比例，該比例將保持原始的src縱橫比，但也將確保src完全適合dst。 至少一個軸（X或Y）將完全適合。 結果位於dst內部。

Answer 1

用這個

android:scaleType="fitX"

它將在水平方向擴展圖像，消除多余的填充

您也可以使用

android:scaleType="fitXY"

它將在垂直和水平方向上擴展

Answer 2

android:scaleType="fitX"它將在水平方向上擴展圖像，去除多余的填充android:scaleType="fitXY"它將在垂直方向和水平方向均擴展

圖像較大時，請使用android:adjustViewBounds="true" 。其調整范圍可保留其可繪制對象的長寬比。

Ex.

<ImageView
      android:scaleType="fitXY"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:adjustViewBounds="true"
      app:srcCompat="@drawable/background_design" />