在ListView中使用RelativeLayout时，视图的背景色已删除

Question

在使用ListViews时，我遇到了一个有趣的问题。 因此，我的目标是为自定义ListView项设计编写xml布局。

首先，这是有问题的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="match_parent"
    android:background="?android:attr/activatedBackgroundIndicator" >

    <TextView
        android:id="@+id/notebook_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:textAppearanceLarge"
        android:layout_toRightOf="@+id/notebook_color_tag"
        />

    <View
        android:id="@+id/notebook_color_tag"
        android:layout_width="20dp"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        />

</RelativeLayout>

布局是相当基本的，只是一个用于显示颜色的View和一个TextView 。

我有一个ListFragment的子类，该子类在其setListAdapter()方法中使用CursorAdapter的子类的实例。 在该自定义CursorAdpater的bindView()我设置了View的颜色和TextView的文本（该代码不是问题，您可以忽略它，这里只是供参考）：

@Override
public void bindView(View view, Context context, Cursor cursor) {
    TextView notebookName = (TextView) view.findViewById(R.id.notebook_title);
    View colorTag = view.findViewById(R.id.notebook_color_tag);

    String name = cursor.getString(NOTEBOOK_NAME_POS);
    int color = cursor.getInt(NOTEBOOK_COLOR_POS);

    notebookName.setText(name);
    colorTag.setBackgroundColor(color);
}

现在，问题在于，如果将View的android:layout_height设置为match_parent或wrap_content ，则该View根本不会出现在ListView的项目中。 顶部似乎有一定的余量。 如果指定了具体的宽度值，例如： android:layout_height="40dp" ，则一切正常。

这是伪布局的外观：

这是它的外观：

如上所述，蓝色矩形似乎根本不在ListView的项目容器内（但元素在那里，可以通过findViewById()访问，并且颜色的确可以通过setBackgroundColor()调用更改 ， View只是简单地似乎没有显示）。

对布局进行以下更改可解决此问题：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:orientation="horizontal"
    android:background="?android:attr/activatedBackgroundIndicator" >

    <View
        android:id="@+id/notebook_color_tag"
        android:layout_marginTop="0dp"
        android:layout_width="20dp"
        android:layout_height="match_parent"
        />

    <TextView
        android:id="@+id/notebook_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:textAppearanceLarge"
        />

</LinearLayout>

我知道LinearLayout在这里比RelativeLayout更有意义，但是我很好奇RelativeLayout的情况是什么。

Answer 1

您有重复的“ notebook_color_tag” ID。 您将在第一个布局XML中添加两次（作为TextView的参数，也作为布局的子级）。

另外，我将颠倒顺序，如下所示：

<View
    android:id="@+id/notebook_color_tag"
    android:layout_width="20dp"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    />

<TextView
    android:id="@+id/notebook_title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:textAppearanceLarge"
    android:layout_toRightOf="@id/notebook_color_tag"
    />

由于RelativeLayout将按照XML的顺序创建和放置，因此效率更高（不必重新测量即可正确放置视图。