<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/community_topic_list_item_bg"
    android:clipChildren="false"
    android:clipToPadding="false"
    android:paddingStart="18dp"
    android:paddingTop="10dp">

    <com.tencent.qcloud.tuikit.timcommon.component.RoundCornerImageView
        android:id="@+id/topic_face"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        app:corner_radius="8dp" />

    <com.tencent.qcloud.tuikit.timcommon.component.UnreadCountTextView
        android:id="@+id/topic_unread"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_centerVertical="true"
        android:layout_marginEnd="10dp"
        android:gravity="center"
        android:includeFontPadding="false"
        android:textColor="#FFFFFF"
        android:textSize="8sp" />

    <TextView
        android:id="@+id/topic_title"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:gravity="center_vertical"
        android:layout_alignTop="@id/topic_face"
        android:layout_toEndOf="@id/topic_face"
        android:layout_marginStart="8dp"
        android:ellipsize="end"
        android:maxWidth="180dp"
        android:singleLine="true"
        android:textColor="@color/black_font_color"
        android:textSize="14sp" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/topic_title"
        android:layout_alignStart="@id/topic_title" >
        <TextView
            android:id="@+id/topic_at_all"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:ellipsize="end"
            android:singleLine="true"
            android:textColor="@color/read_dot_bg"
            android:textSize="13.44sp"
            android:visibility="gone"
            android:text="@string/ui_at_all"
            tools:visibility="visible"
            tools:text="[at all]"/>

        <TextView
            android:id="@+id/topic_at_me"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toEndOf="@id/topic_at_all"
            android:ellipsize="end"
            android:singleLine="true"
            android:textColor="@color/read_dot_bg"
            android:textSize="13.44sp"
            android:visibility="gone"
            android:text="@string/ui_at_me"
            tools:visibility="visible"/>

        <TextView
            android:id="@+id/topic_draft"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toEndOf="@id/topic_at_me"
            android:ellipsize="end"
            android:singleLine="true"
            android:textColor="@color/read_dot_bg"
            android:textSize="13.44sp"
            android:visibility="gone"
            android:text="@string/drafts"
            tools:visibility="visible" />
        <TextView
            android:id="@+id/topic_last_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toEndOf="@id/topic_draft"
            android:ellipsize="end"
            android:singleLine="true"
            android:textColor="#999999"
            android:textSize="12sp"
            tools:text="Message content"/>
    </RelativeLayout>

</RelativeLayout>
