How to create an item divider like those in WhatsApp?

Question

How can I create item divider between recyclerview elements like in WhatsApp?

I tried SimpleItemDecorator class given in the link below which didn't give me expected result :

Add what ? There is a gap between divider lines at the left. I would appreciate some help in customising it. Please add it to answer if you know how. If this is duplicate question, please post original link. — Sumukha Aithal K, Jun 27 '18 at 06:44
I have added some details, let me know if you guys feel still it is not enough — Sumukha Aithal K, Jun 27 '18 at 07:23
I think this question will help you : https://stackoverflow.com/questions/40726438/android-detect-when-the-last-item-in-a-recyclerview-is-visible — ישו אוהב אותך, Jun 27 '18 at 07:33

Nadil · Accepted Answer · 2018-06-27T07:59:42.040

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/_60sdp"
    android:background="@color/white">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="@dimen/padding_small">

        <de.hdodenhof.circleimageview.CircleImageView
            android:id="@+id/msgimage"
            android:layout_width="@dimen/_50sdp"
            android:layout_height="@dimen/_50sdp"
            android:layout_alignParentStart="true"
            android:src="@drawable/adpost_placeholder" />


        <LinearLayout
            android:id="@+id/textsec"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_toEndOf="@+id/msgimage"
            android:layout_toStartOf="@+id/follosec"
            android:orientation="vertical">


            <com.codinghands.pistachio.Custom.MyTextViewRegular
                android:id="@+id/msgusername"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/margin_extra_very_small"
                android:layout_marginTop="@dimen/margin_small"
                android:text="name"
                android:textColor="@color/text_black"
                android:textSize="@dimen/text_small"
                android:textStyle="bold" />

            <com.codinghands.pistachio.Custom.MyTextViewRegular
                android:id="@+id/msgfullname"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/margin_extra_very_small"
                android:paddingEnd="@dimen/padding_small"
                android:text="name"
                android:textColor="@color/text_lightgrey"
                android:textSize="@dimen/text_very_small" />


        </LinearLayout>


    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginStart="@dimen/_60sdp"
        android:layout_marginEnd="@dimen/padding_small"
        android:layout_alignParentBottom="true"
        android:background="#000000" />
</RelativeLayout>


**it will be something like this change margin,padding,color and textview to your need. use it as item in recyclerview **

check if its lastpotion in bindholder and hide the view to remove item separator for lastposition

This is good idea, But I don't want to see the divider in the last element of the list. In above solution you can see it. — Sumukha Aithal K, Jun 27 '18 at 07:15
Yeah i just came to that conclusion myself. Edit the answer and add that part. I will accept it as solution. Thank you for your time. — Sumukha Aithal K, Jun 27 '18 at 07:30

score 0 · Answer 2 · answered Jun 27 '18 at 07:03

I'm just adding this to the inflating file of my recyclerview.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clickable="true"
android:focusable="true"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto">

<View
    android:id="@+id/divider"
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/uvv_light_gray"
    android:layout_marginEnd="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginStart="10dp"
    android:layout_marginLeft="10dp"/>
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/custom_ripple"
    android:padding="10dp">

    ....
    ....

</RelativeLayout>

How to create an item divider like those in WhatsApp?

2 Answers2