Android 如何制作一个；“用户活动”；像Facebook/Messenger这样的布局

这是我的用户布局的XML文件

<?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"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"
        android:orientation="horizontal">
        <de.hdodenhof.circleimageview.CircleImageView
            android:id="@+id/users_profile_image"
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:src="@drawable/profile_image"
            app:civ_border_color="#696969"
            app:civ_border_width="1dp"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_gravity="center"
            android:layout_marginLeft="5dp">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="20dp"
                android:id="@+id/username_layout"
                android:padding="5dp"
                android:text="username"
                android:textColor="#353758"
                android:textStyle="bold"
                />
            <ImageView
                android:id="@+id/user_item_online"
                android:layout_width="12dp"
                android:layout_height="12dp"
                android:layout_gravity="center_vertical"
                android:src="@drawable/user_state"
                android:visibility="visible"
                />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

这就是它的样子：

---

但我希望它就像facebook或messenger一样，我的意思是当用户在线时，该点会附加到他的个人资料图片上。

我建议对此取消搜索

ConstraintLayout

。更容易！对于

ConstraintLayout

您需要将此依赖项添加到

build.gradle

app文件中：

实现“androidx.constraintlayout:constraintlayout:1.1.3”

然后你可以这样做：

创建父布局（LinearLayout）

为配置文件图像创建子布局（RelativeLayout）

将在线图标添加到配置文件图像的布局中，并添加“android:layout\u alignParentBottom=“true”和“android:layout\u alignParentRight=“true””

将textview（名称）添加到父布局中