我的ImageView之间不必要的水平间距

Question

我试图以2x2网格的方式放置四个ImageView，然后尝试从tableLayout到relativeLayout最终了解嵌套的所有内容，如下所示

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".MainActivity"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >

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

<ImageView
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:id="@+id/imageView"
    />



<ImageView
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:id="@+id/imageView2"
    />
</LinearLayout>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_below="@id/top"
    android:id="@+id/btm">

<ImageView
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:id="@+id/imageView3"

    />

<ImageView
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:id="@+id/imageView4"
    android:layout_below="@id/imageView2"
    /></LinearLayout>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/changepic"
    android:id="@+id/button"

    android:layout_below="@id/btm"/>

但是不管我做什么，我总是在同一行中的ImageViews之间得到这种“不必要的”水平间距，如图所示，这在ImageViewsverticaly之间是惊人地缺少的。 Picture这是什么原因造成的？

Answer 1

我将完全摆脱线性布局-您不需要它，并且添加额外的视图在android上会带来不良的性能问题。 相反，将第二个图像设为android：layout_toRightOf左一个。 那也应该杀死空间。

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >


<ImageView
    android:layout_width="wrap_content"
    android:layout_height="150dp"
    android:id="@+id/imageView"
    />



<ImageView
    android:layout_width="wrap_content"
    android:layout_height="150dp"
    android:layout_toRightOf="@id/imageView"
    android:id="@+id/imageView2"
    />
...

另外-您确定宽度正确吗？ 您将其作为一对150dpx150dp图像使用。 这些图像不是正方形的。 您可能没有那么宽，所以多余的空间是因为图像仅填充了150dp的一部分。 您可能需要wrap_content作为宽度。

Answer 2

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
tools:context=".MainActivity" >

<LinearLayout
    android:id="@+id/top"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_gravity="left"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_gravity="right"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

<LinearLayout
    android:id="@+id/btm"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_gravity="left"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_gravity="right"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/app_name" />

</LinearLayout>