How To Change My Chat Layout Output As Like Whatsapp Chat Layout?

I am developing an android application, In that i have a chat window layout at present my chat window ouput is looking below (when i am send the message to others) but i am expect

Solution 1:

Try this.

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:emojicon="http://schemas.android.com/apk/res-auto"android:id="@+id/view_send_txt"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="end"android:gravity="end"android:layout_margin="10dp"android:orientation="vertical"android:visibility="visible"><TextViewandroid:id="@+id/txt_send"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginBottom="3dp"android:layout_marginEnd="20dp"android:layout_marginLeft="5dp"android:layout_marginRight="20dp"android:layout_marginStart="5dp"android:layout_marginTop="5dp"android:lineSpacingExtra="1dp"android:minWidth="150dp"android:padding="5dp"android:textColor="@color/lightred"android:singleLine="false"android:textSize="18sp" /><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="end|bottom"android:layout_marginEnd="30dp"android:layout_marginRight="30dp"android:gravity="center_vertical"android:orientation="horizontal"android:paddingBottom="7dp"><TextViewandroid:id="@+id/txt_send_timer"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_marginLeft="15dp"android:layout_marginStart="15dp"android:background="@color/grey"android:textColor="@color/white"android:textSize="13sp" /></LinearLayout>