Android 后面有文本视图的Imageview

我正在努力实现以下目标

左边的圆圈是ImageView，左边的每个灰色框都是TextView。 听起来很简单，但我却陷入了困境，只能做到以下几点

这是我的xml`

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:background="@android:color/holo_blue_bright"
    android:id="@+id/singlerowRL"
    android:layout_width="fill_parent"
    android:layout_height="300dp">


    <de.hdodenhof.circleimageview.CircleImageView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/first"
        android:layout_weight="1"
        android:src="@mipmap/climbing"
        android:layout_width="150dp"
        android:layout_height="150dp"
        app:civ_border_width="2dp"
        app:civ_border_color="#00000000"
         />

        <TextView
            android:textSize="10dp"
            android:id="@+id/interestone"
            android:layout_weight="1"
            android:layout_width="150dp"
            android:layout_height="20dp"
            android:textColor="#000000"
            android:background="@drawable/roundshapebackground"
            android:text="Fitness"
            android:layout_alignParentTop="true"
            android:layout_alignLeft="@+id/interestfive"
            android:layout_alignStart="@+id/interestfive" />

    <TextView
        android:layout_marginTop="10dp"
        android:textSize="10dp"
        android:id="@+id/interesttwo"
        android:layout_weight="1"
        android:layout_width="150dp"
        android:layout_height="20dp"
        android:textColor="#000000"
        android:background="@drawable/roundshapebackground"
        android:text="Gaming"
        android:layout_below="@+id/interestthree"
        android:layout_alignLeft="@+id/interestthree"
        android:layout_alignStart="@+id/interestthree" />

    <TextView
        android:layout_marginTop="5dp"
        android:textSize="10dp"
        android:id="@+id/interestthree"
        android:layout_weight="1"
        android:layout_width="150dp"
        android:layout_height="20dp"
        android:textColor="#000000"
        android:background="@drawable/roundshapebackground"
        android:text="Coding"
        android:layout_below="@+id/interestfour"
        android:layout_alignLeft="@+id/interestfour"
        android:layout_alignStart="@+id/interestfour" />

    <TextView
        android:textSize="10dp"
        android:id="@+id/interestfour"
        android:layout_weight="1"
        android:layout_width="150dp"
        android:layout_height="20dp"
        android:textColor="#000000"
        android:background="@drawable/roundshapebackground"
        android:text="Traveling"
        android:layout_marginTop="10dp"
        android:layout_below="@+id/interestfive"
        android:layout_alignLeft="@+id/interestfive"
        android:layout_alignStart="@+id/interestfive" />

    <TextView
        android:layout_marginTop="10dp"
        android:textSize="10dp"
        android:id="@+id/interestfive"
        android:layout_weight="1"
        android:layout_width="150dp"
        android:layout_height="20dp"
        android:textColor="#000000"
        android:background="@drawable/roundshapebackground"
        android:text="Shopping"
        android:layout_below="@+id/interestone"
        android:layout_centerHorizontal="true" />


</RelativeLayout>`

`

---

提前谢谢

尝试将

de.hdodenhof.circleimageview.circleimageview

放在

textView

之后的

RelativeLayout

末尾

---

或者，请参见。

尝试将

de.hdodenhof.circleimageview.circleimageview

放在

textView

之后的

RelativeLayout

末尾

---

或者，请参见。

尝试将该圆形元素从RelativeLayout的开始移动到RelativeLayout的结束标记之前。

尝试将该圆形元素从RelativeLayout的开始移动到RelativeLayout的结束标记之前。

将circleImageView放在布局的底部，而不是顶部它工作了！多么愚蠢的错误啊。谢谢你的帮助！：）@USER2095470将circleImageView放在布局的底部而不是顶部它起作用了！多么愚蠢的错误啊。谢谢你的帮助！：）@用户2095470