在一个列表项中表示多个RelativeLayouts的视图

时间:2017-07-26 05:13:04

标签: android xml

我正在尝试在一个列表项中包含3个文本视图。挑战在于此列表项的格式类似于卡片,具有两种不同的颜色(如图所示)。我通过创意2 RelativeLayout Pictured here完成了不同的颜色。

我的XML正确格式化此列表项,但它不包含所有3个视图。它最终会创建3个仅包含{view 2}的列表项2和仅包含{view 1}的列表项2。是什么导致下面的XML没有将所有3个视图分组到一个列表项中,如何解决?

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:padding="2dp"
    android:layout_height="match_parent">


    <RelativeLayout
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:id="@+id/outer"
        android:padding="3dp"
        android:background="#08445e"
        android:layout_toLeftOf="@+id/button"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <TextView
            android:id="@+id/textViewRoom"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Room "
            android:textColor="#fff"
            android:layout_alignParentLeft="true"/>

        <TextView
            android:id="@+id/textViewTime"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Time: "
            android:layout_alignParentRight="true"
            android:textColor="#fff" />

    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:id="@+id/inner"
        android:background="#d1d1d1"
        android:layout_below="@+id/outer"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_toLeftOf="@+id/button"
        android:layout_toStartOf="@+id/button">

        <TextView
            android:id="@+id/textViewRequest"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:textColor="#000"
            android:textSize="20sp"
            android:layout_centerHorizontal="true" />

    </RelativeLayout>

</RelativeLayout>

2 个答案:

答案 0 :(得分:0)

试试这个我在你的XML中做了一些改变

Movie

答案 1 :(得分:0)

length

这段代码可以帮助你