android - 使用相同的 XML 布局以不同方式显示的两个图像

Question

我对在当前 Android 应用程序中检测到的问题有疑问。有一个带有自定义列表项的 ListView 。这是 XML 布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@color/blanco"
    android:orientation="horizontal"
    android:padding="5dip" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:background="@color/fondo"
        android:orientation="vertical"
      >

        <TextView
            android:id="@+id/dia"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="12"
            android:textColor="@color/negro"
            android:textColorHint="@color/negro"
            android:textSize="40sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/mes"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="Diciembre"
            android:textColor="@color/blanco"
            android:textColorHint="@color/blanco"
            android:textSize="20sp" />

        <TextView
            android:id="@+id/hora"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="TextView"
            android:textColor="@color/negro"
            android:textSize="25sp" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/linearLayout1"
        android:layout_below="@+id/linearLayout2"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/titulo"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:lines="1"
            android:text="TextView"
            android:textSize="18sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/lugar"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:text="TextView"
            android:textSize="14sp" />


    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/linearLayout1"
        android:layout_alignTop="@+id/linearLayout1"
        android:layout_toRightOf="@+id/linearLayout1"

        android:orientation="vertical" >

        <ImageView
            android:id="@+id/imagen"
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:background="@color/negro"
            android:scaleType="fitCenter"
            android:src="@drawable/bolera" />

    </LinearLayout>

</RelativeLayout>

这是在模拟器上运行的应用程序的屏幕截图。在这种情况下，我向您展示了列表的两行。布局中的图片id为android:id="@+id/imagen"

如您所见，两张图片的显示方式不同，但两张图片的高度、宽度和分辨率相同，均为 528x201px 的 jpg 文件。

我需要找到解决方案或它们显示不同的原因。

谢谢。

Answer 1

    <ImageView
        android:id="@+id/imagen"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:background="@color/negro"
        android:scaleType="fitCenter"
        android:src="@drawable/bolera" />

这将有助于解决您的问题，您正在使用 android:scaleType="fitCenter" 并且 FIT_CENTER 所做的是使用 CENTER 缩放图像。 那个中心是什么？好吧，它会计算一个保持原始 src 宽高比的比例，但也会确保 src 完全适合 dst。至少有一个轴(X 或 Y)将完全适合。结果集中在 dst.. 这就是你所拥有的..现在..第一个图像采用 x 轴，第二个 y 轴..修复它，在你的 imageview 上分配一个特定的图像尺寸并使用 FIT_XY.. 它是如何工作的？ well fit_xy 使用 FILL 缩放图像 和 FILL 独立缩放 X 和 Y，以便 src 与 dst 完全匹配。这可能会改变 src 的纵横比。 reference

    <ImageView
        android:id="@+id/imagen"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/negro"
        android:scaleType="fit_xy"
        android:src="@drawable/bolera" />

那应该给你统一的方面..也可以纠正代码格式..有些可能是错误的..希望它有帮助..