source code :

1. xml version="1.0" encoding="utf-8"?>

2. <androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
3. xmlns:app="http://schemas.android.com/apk/res-auto"
4. xmlns:tools="http://schemas.android.com/tools"
5. android:layout_width="match_parent"
6. android:layout_height="match_parent"
7. app:layout_anchorGravity="center"
8. tools:context=".MainActivity">
9.  
10. <TextView
11. android:id="@+id/textView10"
12. android:layout_width="160dp"
13. android:layout_height="50dp"
14. android:layout_marginTop="25dp"
15. android:layout_marginEnd="50dp"
16. android:layout_marginRight="50dp"
17. android:background="@drawable/chatbox1"
18. android:gravity="center"
19. android:text="Sedang mengerjakan UTS"
20. android:textColor="#000000"
21. app:layout_constraintBottom_toBottomOf="parent"
22. app:layout_constraintEnd_toEndOf="parent"
23. app:layout_constraintTop_toBottomOf="@+id/textView7"
24. app:layout_constraintVertical_bias="0.0" />
25.  
26. <TextView
27. android:id="@+id/textView8"
28. android:layout_width="130dp"
29. android:layout_height="25dp"
30. android:layout_marginTop="25dp"
31. android:layout_marginEnd="48dp"
32. android:layout_marginRight="48dp"
33. android:background="@drawable/chatbox1"
34. android:gravity="center"
35. android:text="Baik-baik saja!"
36. android:textColor="#000000"
37. app:layout_constraintBottom_toBottomOf="parent"
38. app:layout_constraintEnd_toEndOf="parent"
39. app:layout_constraintTop_toBottomOf="@+id/textView2"
40. app:layout_constraintVertical_bias="0.0" />
41.  
42. <TextView
43. android:id="@+id/textView7"
44. android:layout_width="150dp"
45. android:layout_height="25dp"
46. android:layout_marginStart="64dp"
47. android:layout_marginLeft="64dp"
48. android:layout_marginTop="25dp"
49. android:background="@drawable/chatbox"
50. android:gravity="center"
51. android:text="Kamu sedang apa?"
52. android:textColor="#000000"
53. app:layout_constraintStart_toStartOf="parent"
54. app:layout_constraintTop_toBottomOf="@+id/textView8" />
55.  
56. <ImageView
57. android:id="@+id/imageView21"
58. android:layout_width="35dp"
59. android:layout_height="35dp"
60. android:layout_marginStart="16dp"
61. android:layout_marginLeft="16dp"
62. app:layout_constraintBottom_toBottomOf="@+id/textView7"
63. app:layout_constraintEnd_toStartOf="@+id/textView7"
64. app:layout_constraintHorizontal_bias="0.538"
65. app:layout_constraintStart_toStartOf="parent"
66. app:layout_constraintTop_toTopOf="@+id/textView7"
67. app:layout_constraintVertical_bias="0.3"
68. app:srcCompat="@drawable/ic_face_co" />
69.  
70. <androidx.appcompat.widget.Toolbar
71. android:id="@+id/toolbar"
72. android:layout_width="409dp"
73. android:layout_height="wrap_content"
74. android:background="#87C7FF"
75. android:minHeight="?attr/actionBarSize"
76. android:theme="?attr/actionBarTheme"
77. app:layout_constraintEnd_toEndOf="parent"
78. app:layout_constraintStart_toStartOf="parent"
79. app:layout_constraintTop_toTopOf="parent" />
80.  
81. <TextView
82. android:id="@+id/textView"
83. android:layout_width="wrap_content"
84. android:layout_height="wrap_content"
85. android:text="Chatto"
86. android:textColor="#373636"
87. android:textSize="30sp"
88. android:textStyle="bold"
89. android:typeface="normal"
90. app:layout_constraintBottom_toBottomOf="@+id/toolbar"
91. app:layout_constraintEnd_toEndOf="@+id/toolbar"
92. app:layout_constraintStart_toStartOf="@+id/toolbar"
93. app:layout_constraintTop_toTopOf="@+id/toolbar" />
94.  
95. <TextView
96. android:id="@+id/textView2"
97. android:layout_width="120dp"
98. android:layout_height="25dp"
99. android:layout_marginTop="25dp"
100.android:layout_marginEnd="48dp"
101.android:layout_marginRight="48dp"
102.android:background="@drawable/chatbox1"
103.android:gravity="center"
104.android:text="Halo! Herdin!"
105.android:textColor="#000000"
106.app:layout_constraintBottom_toBottomOf="parent"
107.app:layout_constraintEnd_toEndOf="parent"
108.app:layout_constraintTop_toBottomOf="@+id/textView4"
109.app:layout_constraintVertical_bias="0.0" />
110. 
111.<TextView
112.android:id="@+id/textView3"
113.android:layout_width="wrap_content"
114.android:layout_height="wrap_content"
115.android:layout_marginTop="35dp"
116.android:layout_marginEnd="75dp"
117.android:layout_marginRight="75dp"
118.android:text="Herdin Nugraha"
119.android:textSize="30sp"
120.app:layout_constraintEnd_toEndOf="parent"
121.app:layout_constraintTop_toBottomOf="@+id/toolbar" />
122. 
123.<ImageView
124.android:id="@+id/imageView4"
125.android:layout_width="wrap_content"
126.android:layout_height="wrap_content"
127.android:layout_marginTop="25dp"
128.app:layout_constraintEnd_toEndOf="parent"
129.app:layout_constraintStart_toStartOf="parent"
130.app:layout_constraintTop_toBottomOf="@+id/textView3"
131.app:srcCompat="@drawable/line" />
132. 
133.<TextView
134.android:id="@+id/textView4"
135.android:layout_width="150dp"
136.android:layout_height="25dp"
137.android:layout_marginStart="65dp"
138.android:layout_marginLeft="65dp"
139.android:layout_marginTop="25dp"
140.android:background="@drawable/chatbox"
141.android:gravity="center"
142.android:text="Halo! Apa kabar?"
143.android:textColor="#000000"
144.app:layout_constraintStart_toStartOf="parent"
145.app:layout_constraintTop_toBottomOf="@+id/imageView4" />
146. 
147.<ImageView
148.android:id="@+id/imageView17"
149.android:layout_width="75dp"
150.android:layout_height="75dp"
151.app:layout_constraintBottom_toTopOf="@+id/imageView4"
152.app:layout_constraintEnd_toStartOf="@+id/textView3"
153.app:layout_constraintStart_toStartOf="parent"
154.app:layout_constraintTop_toBottomOf="@+id/toolbar"
155.app:srcCompat="@drawable/ic_face_co" />
156. 
157.<ImageView
158.android:id="@+id/imageView18"
159.android:layout_width="35dp"
160.android:layout_height="35dp"
161.android:layout_marginStart="15dp"
162.android:layout_marginLeft="15dp"
163.app:layout_constraintBottom_toBottomOf="@+id/textView4"
164.app:layout_constraintEnd_toStartOf="@+id/textView4"
165.app:layout_constraintHorizontal_bias="0.066"
166.app:layout_constraintStart_toStartOf="parent"
167.app:layout_constraintTop_toTopOf="@+id/textView4"
168.app:srcCompat="@drawable/ic_face_co" />
169. 
170.<TextView
171.android:id="@+id/textView11"
172.android:layout_width="330dp"
173.android:layout_height="30dp"
174.android:layout_marginBottom="30dp"
175.android:background="@drawable/chat"
176.android:gravity="center"
177.android:text="Ketik pesan"
178.android:textColor="#000000"
179.app:layout_constraintBottom_toBottomOf="parent"
180.app:layout_constraintEnd_toEndOf="parent"
181.app:layout_constraintHorizontal_bias="0.283"
182.app:layout_constraintStart_toStartOf="parent" />
183. 
184.<ImageView
185.android:id="@+id/imageView22"
186.android:layout_width="wrap_content"
187.android:layout_height="wrap_content"
188.app:layout_constraintBottom_toBottomOf="@+id/textView11"
189.app:layout_constraintEnd_toEndOf="parent"
190.app:layout_constraintHorizontal_bias="0.26"
191.app:layout_constraintStart_toEndOf="@+id/textView11"
192.app:layout_constraintTop_toTopOf="@+id/textView11"
193.app:layout_constraintVertical_bias="0.0"
194.app:srcCompat="@android:drawable/ic_btn_speak_now" />
 195. 
196.<ImageView
197.android:id="@+id/imageView23"
198.android:layout_width="30dp"
199.android:layout_height="30dp"
200.android:layout_marginEnd="-20dp"
201.android:layout_marginRight="-20dp"
202.app:layout_constraintBottom_toBottomOf="@+id/toolbar"
203.app:layout_constraintEnd_toEndOf="@+id/toolbar"
204.app:layout_constraintStart_toEndOf="@+id/textView"
205.app:layout_constraintTop_toTopOf="@+id/toolbar"
206.app:srcCompat="@drawable/ic_telephone_handle_silhouette" />
207. 
208.<ImageView
209.android:id="@+id/imageView24"
210.android:layout_width="35dp"
211.android:layout_height="35dp"
212.app:layout_constraintBottom_toBottomOf="@+id/toolbar"
213.app:layout_constraintEnd_toStartOf="@+id/textView"
214.app:layout_constraintStart_toStartOf="@+id/toolbar"
215.app:layout_constraintTop_toTopOf="parent"
216.app:srcCompat="@drawable/ic_video_camera" />
217. 
218.</androidx.constraintlayout.widget.ConstraintLayout>

KETERANGAN VITUR:
1. BISA MELAKUKAN VIDEO CALL
2. BISA MELAKUKAN PANGGILAN TELPON
3. MENULIS PESAN
4. MELAKUKAN VOICE NOTE
5. MENGGANTI PHOTO PROFIL