裁剪的 ImageView 大小答案

【问题标题】：Cropped ImageView size裁剪的 ImageView 大小
【发布时间】：2014-03-19 17:31:12
【问题描述】：

我为 Android 编写了我的第一个应用程序，但我在使用 ImageView 时遇到了视图问题。我想显示裁剪为宽度 = 100dp，高度 = 60dp 的图像。它可以工作，宽度等于 60dp，但 ImageView 的高度是从缩放的图像中获取的，而不是 60dp，因此 ListItem 比其他的更高或更小。

我的 XML 看起来像这样（这是列表项）：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="120dp"
android:background="#ccc">

<ImageView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/background"
    android:layout_alignParentTop="true"
    android:scaleType="centerCrop"
    android:alpha="0.6"
    android:src="@drawable/little_walter_list"/>


<ImageView
    android:layout_width="100dp"
    android:layout_height="60dp"
    android:id="@+id/songImage"
    android:src="@drawable/little_walter_list"
    android:cropToPadding="false"
    android:layout_gravity="left"
    android:layout_centerVertical="true"
    android:layout_alignParentLeft="true"
    android:layout_marginTop="15dp"
    android:layout_marginBottom="15dp"
    android:layout_marginLeft="15dp"
    android:scaleType="centerCrop"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"

    android:text="Artist"
    android:id="@+id/artist"
    android:layout_gravity="center_horizontal"
    android:layout_alignTop="@+id/songImage"
    android:layout_toRightOf="@+id/songImage"
    android:textColor="#fff"
    android:paddingLeft="15dp"
    android:textSize="18sp"
    android:textStyle="bold"
    android:layout_marginTop="30dp"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:text="Song name"
    android:id="@+id/title"
    android:layout_gravity="center_horizontal"
    android:layout_below="@+id/artist"
    android:layout_toRightOf="@+id/songImage"
    android:textColor="#fff"
    android:textSize="15sp"
    android:paddingLeft="15dp"/>


</RelativeLayout>

【问题讨论】：

标签： android android-layout android-listview imageview android-imageview

【解决方案1】：

您需要将 imageview 的边界调整为与图像相同

只需将android:adjustViewBounds="true" 添加到您的'ImageView

<ImageView
    android:layout_width="100dp"
    android:layout_height="60dp"
    android:id="@+id/songImage"
    android:src="@drawable/little_walter_list"
    android:cropToPadding="false"
    android:layout_gravity="left"
    android:layout_centerVertical="true"
    android:layout_alignParentLeft="true"
    android:layout_marginTop="15dp"
    android:layout_marginBottom="15dp"
    android:layout_marginLeft="15dp"
    android:scaleType="centerCrop"
    android:adjustViewBounds="true"/>

【讨论】：