Question

我有一个问题是在彼此旁边制作两个ImageView，它们之间没有任何空格。

这是XML代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >

<TextView
    android:id="@+id/txtMeGuess"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="0dp"
    android:layout_marginTop="10dp"
    android:text="1111"
    android:textSize="16sp" />

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_toRightOf="@+id/txtMeGuess"
    android:layout_toEndOf="@+id/txtMeGuess"
    android:layout_alignTop="@+id/txtMeGuess"
    android:layout_alignBottom="@+id/txtMeGuess"
    android:paddingLeft="15dp">

    <ImageView
        android:id="@+id/imgEval1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/green_square"
        android:scaleType="fitStart"
        android:layout_weight="1" />
    <ImageView
        android:id="@+id/imgEval2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/orange_square"
        android:scaleType="fitStart"
        android:layout_weight="1"/>
</LinearLayout>

</RelativeLayout>

此布局提供了截图中的设计：

Layout screenshot

我想要达到的目标是那两个方格（绿色和橙色）是彼此相邻的。

这就是我想要实现的目标：

To achieve

提前致谢。

Answer 1

使用此：npm ERR! Darwin 14.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" npm ERR! node v5.0.0 npm ERR! npm v3.3.6 npm ERR! code MODULE_NOT_FOUND npm ERR! Cannot find module './lib' npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! <https://github.com/npm/npm/issues>

有关详细信息，请查看此answer

Answer 2

将 layout_weight 设置为Imageview可以完全满足您的需求。尝试去除重量。

将布局更改为：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >

<TextView
    android:id="@+id/txtMeGuess"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="0dp"
    android:layout_marginTop="10dp"
    android:text="1111"
    android:textSize="16sp" />

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_toRightOf="@+id/txtMeGuess"
    android:layout_alignTop="@+id/txtMeGuess"
    android:layout_alignBottom="@+id/txtMeGuess"
    android:layout_toEndOf="@+id/txtMeGuess"
    android:paddingLeft="15dp">

    <ImageView
        android:id="@+id/imgEval1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/green_square"
        android:adjustViewBounds="true"
        android:scaleType="fitStart"
       />
    <ImageView
        android:id="@+id/imgEval2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/orange_square"
        android:adjustViewBounds="true"
        android:scaleType="fitStart"
        />
</LinearLayout>

</RelativeLayout>

Answer 3

我删除了 layout_weight 并添加了 android：adjustViewBounds =“true” ，设计成为了我想要实现的目标。< / p>

发出额外空间 - 作为列表项的两个imageView

3 个答案: