item_feed.xml

<?xml version="1.0" encoding="utf-8"?>
<layout 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">

    <data>

        <variable
            name="onClick"
            type="com.into.websoso.ui.main.feed.FeedItemClickListener" />

        <variable
            name="feed"
            type="com.into.websoso.ui.main.feed.model.FeedModel" />

    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="@{() -> onClick.onContentClick(feed.id)}">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/cl_feed_profile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="20dp"
            android:layout_marginTop="20dp"
            android:onClick="@{() -> onClick.onProfileClick(feed.user.id, feed.isMyFeed)}"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <ImageView
                android:id="@+id/iv_feed_profile"
                cornerRadius="@{12f}"
                loadImageUrl="@{feed.user.avatarImage}"
                android:layout_width="36dp"
                android:layout_height="36dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:srcCompat="@tools:sample/avatars" />

            <TextView
                android:id="@+id/tv_feed_user_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="14dp"
                android:maxLines="1"
                android:text="@{feed.user.nickname}"
                android:textAppearance="@style/title2"
                android:textColor="@color/black"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toEndOf="@+id/iv_feed_profile"
                app:layout_constraintTop_toTopOf="parent"
                tools:text="세훈군" />
        </androidx.constraintlayout.widget.ConstraintLayout>

        <TextView
            android:id="@+id/tv_feed_created_date"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{feed.formattedCreatedDate}"
            android:textAppearance="@style/body5"
            android:textColor="@color/black"
            app:layout_constraintBottom_toBottomOf="@+id/cl_feed_profile"
            app:layout_constraintStart_toEndOf="@+id/cl_feed_profile"
            app:layout_constraintTop_toTopOf="@+id/cl_feed_profile" />

        <TextView
            android:id="@+id/tv_feed_is_modified"
            isVisible="@{feed.modified}"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="4dp"
            android:text="@string/feed_is_modified"
            android:textAppearance="@style/body5"
            android:textColor="@color/gray_200_AEADB3"
            app:layout_constraintBottom_toBottomOf="@+id/tv_feed_created_date"
            app:layout_constraintStart_toEndOf="@+id/tv_feed_created_date"
            app:layout_constraintTop_toTopOf="@+id/tv_feed_created_date" />

        <ImageView
            android:id="@+id/iv_feed_more"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="20dp"
            android:onClick="@{(iv_feed_more) -> onClick.onMoreButtonClick(iv_feed_more, feed.id, feed.isMyFeed)}"
            android:padding="12dp"
            android:src="@drawable/ic_more"
            app:layout_constraintBottom_toBottomOf="@+id/cl_feed_profile"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="@+id/cl_feed_profile" />

        <TextView
            android:id="@+id/tv_feed_spoiler_warning"
            isVisible="@{feed.spoiler}"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:onClick="@{() -> onClick.onContentClick(feed.id)}"
            android:text="@string/feed_spoiler_warning"
            android:textAppearance="@style/body2"
            android:textColor="@color/secondary_100_FF675D"
            app:layout_constraintStart_toStartOf="@+id/cl_feed_profile"
            app:layout_constraintTop_toBottomOf="@+id/cl_feed_profile" />

        <TextView
            android:id="@+id/tv_feed_content"
            isVisible="@{!feed.spoiler}"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="12dp"
            android:breakStrategy="simple"
            android:ellipsize="end"
            android:gravity="top"
            android:maxLines="5"
            android:text="@{feed.content}"
            android:textAppearance="@style/body2"
            android:textColor="@color/black"
            app:layout_constraintEnd_toEndOf="@+id/iv_feed_more"
            app:layout_constraintStart_toStartOf="@+id/cl_feed_profile"
            app:layout_constraintTop_toBottomOf="@+id/tv_feed_spoiler_warning"
            tools:text="최근 잼께 봤던 무협 소설 목록 진짜들만 골라봤어요 애매한 건 빼고 주로 무협 중에서도 회귀물로 골라봤어요 왜냐면 내가 회귀물을 좋아하기 때문에 최근 잼께 봤던 무협 소설 목록 진짜들만 골라봤어요최근 잼께 봤던 무협 소설 목록 진짜들을 가 회귀물을 좋아하기 때문에 최근 잼께 봤습니다 몇글자 까지 될지 모르겠네요" />

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/cl_feed_novel_info"
            isVisible="@{!feed.novel.nothing}"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="20dp"
            android:layout_marginTop="20dp"
            android:layout_marginEnd="20dp"
            android:background="@drawable/btn_feed_novel_info"
            android:onClick="@{() -> onClick.onNovelInfoClick(feed.novel.id)}"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tv_feed_content">

            <ImageView
                android:id="@+id/iv_feed_link"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="16dp"
                android:layout_marginTop="16dp"
                android:layout_marginBottom="16dp"
                android:src="@drawable/ic_link"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <TextView
                android:id="@+id/tv_feed_novel_name"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginEnd="24dp"
                android:ellipsize="end"
                android:ems="13"
                android:maxLines="1"
                android:text="@{feed.novel.title}"
                android:textAppearance="@style/title3"
                android:textColor="@color/black"
                app:layout_constraintBottom_toBottomOf="@+id/iv_feed_link"
                app:layout_constraintEnd_toStartOf="@+id/iv_feed_star"
                app:layout_constraintStart_toEndOf="@+id/iv_feed_link"
                app:layout_constraintTop_toTopOf="@+id/iv_feed_link"
                tools:text="화산귀한화산귀한화산귀한화산귀한" />

            <ImageView
                android:id="@+id/iv_feed_star"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="4dp"
                android:src="@drawable/ic_star"
                app:layout_constraintBottom_toBottomOf="@+id/tv_feed_score"
                app:layout_constraintEnd_toStartOf="@+id/tv_feed_score"
                app:layout_constraintTop_toTopOf="@+id/tv_feed_score" />

            <TextView
                android:id="@+id/tv_feed_score"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="8dp"
                android:text="@{@string/feed_score_count(feed.novel.rating, feed.novel.ratingCount)}"
                android:textAppearance="@style/label1"
                android:textColor="@color/black"
                app:layout_constraintBottom_toBottomOf="@+id/tv_feed_novel_name"
                app:layout_constraintEnd_toStartOf="@+id/iv_feed_navigate_right"
                app:layout_constraintTop_toTopOf="@+id/tv_feed_novel_name"
                tools:text="4.0 (523)" />

            <ImageView
                android:id="@+id/iv_feed_navigate_right"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="1dp"
                android:layout_marginEnd="16dp"
                android:src="@drawable/ic_navigate_right"
                app:layout_constraintBottom_toBottomOf="@+id/tv_feed_score"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toTopOf="@+id/tv_feed_score" />
        </androidx.constraintlayout.widget.ConstraintLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/cl_feed_like"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="20dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="28dp"
            android:onClick="@{(cl_feed_like) -> onClick.onLikeButtonClick(cl_feed_like, feed.id)}"
            app:isVisible="@{feed.isPublic}"
            app:layout_constraintBottom_toTopOf="@+id/view_feed_indicator"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/cl_feed_novel_info"
            tools:visibility="gone">

            <ImageView
                android:id="@+id/iv_feed_thumb_up"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="8dp"
                android:layout_marginTop="8dp"
                android:layout_marginBottom="8dp"
                android:src="@drawable/btn_feed_thumb_up"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <TextView
                android:id="@+id/tv_feed_thumb_up_count"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginEnd="8dp"
                android:maxLines="1"
                android:text="@{String.valueOf(feed.likeCount)}"
                android:textAppearance="@style/body2"
                android:textColor="@color/gray_200_AEADB3"
                app:layout_constraintBottom_toBottomOf="@+id/iv_feed_thumb_up"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/iv_feed_thumb_up"
                app:layout_constraintTop_toTopOf="@+id/iv_feed_thumb_up"
                tools:text="32" />
        </androidx.constraintlayout.widget.ConstraintLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/cl_feed_comment"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            app:isVisible="@{feed.isPublic}"
            app:layout_constraintBottom_toBottomOf="@+id/cl_feed_like"
            app:layout_constraintStart_toEndOf="@+id/cl_feed_like"
            app:layout_constraintTop_toTopOf="@+id/cl_feed_like"
            tools:visibility="gone">

            <ImageView
                android:id="@+id/iv_feed_comment"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="8dp"
                android:layout_marginTop="8dp"
                android:layout_marginBottom="8dp"
                android:src="@drawable/ic_comment"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <TextView
                android:id="@+id/tv_feed_comment_count"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginEnd="8dp"
                android:maxLines="1"
                android:text="@{String.valueOf(feed.commentCount)}"
                android:textAppearance="@style/body2"
                android:textColor="@color/gray_200_AEADB3"
                app:layout_constraintBottom_toBottomOf="@+id/iv_feed_comment"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/iv_feed_comment"
                app:layout_constraintTop_toTopOf="@+id/iv_feed_comment"
                tools:text="32" />

        </androidx.constraintlayout.widget.ConstraintLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="28dp"
            android:gravity="center_vertical"
            android:paddingHorizontal="20dp"
            android:paddingVertical="10dp"
            app:isVisible="@{!feed.isPublic}"
            app:layout_constraintBottom_toTopOf="@+id/view_feed_indicator"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/cl_feed_novel_info">

            <ImageView
                android:layout_width="18dp"
                android:layout_height="18dp"
                android:src="@drawable/ic_create_novel_lock"
                app:tint="@color/gray_200_AEADB3" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="6dp"
                android:text="@string/feed_private_label"
                android:textAppearance="@style/body4"
                android:textColor="@color/gray_200_AEADB3" />
        </LinearLayout>

        <View
            android:id="@+id/view_feed_indicator"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@drawable/bg_feed_indicator"
            app:layout_constraintBottom_toBottomOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>