如何在Android中以百分比解决IMAGEVIEW错误的高度

Question

我曾尝试过一些想法来实现以下目标：

对于描述：我希望有一个带有textview的标题，它覆盖了howl页面，在这个标题下方，我希望在彼此旁边显示三个图像。它应该像一个图库。这个布局我想复制。

但我的问题是，我对ImageView的高度是高的，并且大小的图像和标题之间有一个距离。见图。

左边是我想要的，右边是我得到的......

这是我的布局代码：

<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scrollbars="none"
    android:layout_weight="1">


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary"
            android:textStyle="bold"
            android:text="titel"
            android:id="@+id/titel"
            android:gravity="center"
            android:padding="3dp"
            android:textSize="18sp"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/titel">

        <ImageView
            android:layout_width="0dp"
            android:layout_weight="0.208"
            android:layout_height="match_parent"
            android:id="@+id/image1"
            android:src="@drawable/1"/>

        <ImageView
            android:layout_width="0dp"
            android:layout_weight="0.389"
            android:layout_height="match_parent"
            android:id="@+id/image2"
            android:src="@drawable/2"/>

        <ImageView
            android:layout_width="0dp"
            android:layout_weight="0.403"
            android:layout_height="match_parent"
            android:id="@+id/image3"
            android:src="@drawable/3"/>

        </LinearLayout>

    </RelativeLayout>

</ScrollView>

Answer 1

我最好的猜测是因为您的ImageView缩放图片的方式使其适合视图的中心，并在视图的顶部和底部留下空白区域。尝试将android:adjustViewBounds="true"添加到xml中的ImageView。

侧面说明，在调试视图层次结构时，转到Android Device Monitor几乎总是有帮助，选择右侧的设备，然后点击Dump View Hierarchy for UI Automator。通过将鼠标悬停在不同的视图元素上，您可以轻松找到占用额外空间的视图。