<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical"
              android:paddingBottom="@dimen/kf5_dimen_8dp"
              android:paddingTop="@dimen/kf5_dimen_8dp">

    <TextView
        android:id="@+id/kf5_tvDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="@dimen/kf5_dimen_8dp"
        android:background="@drawable/kf5_message_item_with_date_bg"
        android:textColor="@android:color/white"
        android:textSize="@dimen/kf5_text_size_14"/>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/kf5_dimen_16dp">

        <com.kf5.sdk.im.widget.CircleImageView
            android:id="@+id/kf5_message_item_with_image_head_img"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_marginEnd="@dimen/kf5_dimen_8dp"
            android:layout_marginRight="@dimen/kf5_dimen_8dp"
            android:contentDescription="@null"/>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/kf5_message_item_with_image_head_img"
            android:layout_marginEnd="@dimen/kf5_dimen_4dp"
            android:layout_marginLeft="@dimen/kf5_dimen_32dp"
            android:layout_marginRight="@dimen/kf5_dimen_4dp"
            android:layout_marginStart="@dimen/kf5_dimen_32dp"
            android:layout_toLeftOf="@+id/kf5_message_item_with_image_head_img"
            android:layout_toStartOf="@+id/kf5_message_item_with_image_head_img"
            android:orientation="horizontal">

            <RelativeLayout
                android:id="@+id/kf5_progress_layout"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginEnd="@dimen/kf5_dimen_4dp"
                android:layout_marginRight="@dimen/kf5_dimen_4dp">

                <ProgressBar
                    android:id="@+id/kf5_progressbar"
                    style="?android:attr/progressBarStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:visibility="gone"/>
            </RelativeLayout>

            <com.kf5.sdk.im.widget.MaskImage
                android:id="@+id/kf5_message_item_with_image_content_img"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                app:kf5_mi_maskSource="kf5_mi_right"/>
        </LinearLayout>
    </RelativeLayout>
</LinearLayout>