初始代码

2025-09-03 18:52:07 +08:00
parent 2d21a47e87
commit 6e3e30efa5
3249 changed files with 239147 additions and 0 deletions
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#50000000" />
+    <corners android:radius="12dp" />
+</shape>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/tuicallkit_ic_handsfree_enable" android:state_activated="true" android:state_enabled="true" />
+    <item android:drawable="@drawable/tuicallkit_ic_handsfree_disable" android:state_activated="false" android:state_enabled="true" />
+</selector>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/tuicallkit_ic_blur_disable" android:state_activated="false" android:state_enabled="true" />
+    <item android:drawable="@drawable/tuicallkit_ic_blur_enable" android:state_activated="true" android:state_enabled="true" />
+</selector>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/tuicallkit_ic_camera_disable" android:state_activated="false" android:state_enabled="true" />
+    <item android:drawable="@drawable/tuicallkit_ic_camera_enable" android:state_activated="true" android:state_enabled="true" />
+</selector>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/tuicallkit_ic_dialing_pressed" android:state_pressed="true" android:state_enabled="true" />
+    <item android:drawable="@drawable/tuicallkit_ic_dialing" android:state_pressed="false" android:state_enabled="true" />
+</selector>
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="#FF4F586B" />
+    <corners
+        android:topLeftRadius="15dp"
+        android:topRightRadius="15dp" />
+</shape>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/tuicallkit_ic_hangup_pressed" android:state_enabled="true" android:state_pressed="true" />
+    <item android:drawable="@drawable/tuicallkit_ic_hangup" android:state_enabled="true" android:state_pressed="false" />
+</selector>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#22262E" />
+    <corners android:radius="12dp" />
+</shape>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/tuicallkit_ic_mic_unmute" android:state_activated="true" android:state_enabled="true" />
+    <item android:drawable="@drawable/tuicallkit_ic_mic_mute" android:state_activated="false" android:state_enabled="true" />
+</selector>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FFFFFF" />
+    <corners android:radius="12dp" />
+</shape>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#F2F2F2" />
+    <corners android:radius="12dp" />
+</shape>
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/tuicallkit_check_box_group_selected" android:state_checked="true" android:state_enabled="true" />
+    <item android:drawable="@drawable/tuicallkit_group_select_disable" android:state_checked="true" android:state_enabled="false" />
+    <item android:drawable="@drawable/tuicallkit_check_box_group_unselected" android:state_checked="false" />
+    <item android:drawable="@drawable/tuicallkit_check_box_group_unselected" />
+
+</selector>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#EEF0F2" />
+    <corners android:radius="8dp" />
+</shape>
@@ -0,0 +1,16 @@
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_selected="true">
+        <shape android:shape="rectangle">
+            <stroke android:width="2dp" android:color="@color/tuicallkit_color_transparent" />
+            <solid android:color="@color/tuicallkit_color_white" />
+            <corners android:radius="8.91dp" />
+        </shape>
+    </item>
+    <item android:state_selected="false">
+        <shape android:shape="rectangle">
+            <stroke android:width="2dp" android:color="@color/tuicallkit_color_transparent" />
+            <solid android:color="#EFEFF4" />
+            <corners android:radius="8.91dp" />
+        </shape>
+    </item>
+</selector>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#EFEFF4" />
+    <corners android:radius="8.91dp" />
+</shape>
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merge xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent" />
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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:background="@color/tuicallkit_color_white">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/cl_group_user_title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="?attr/core_header_start_color"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <androidx.appcompat.widget.Toolbar
+            android:id="@+id/toolbar_group"
+            android:layout_width="match_parent"
+            android:layout_height="?android:attr/actionBarSize"
+            android:layout_marginTop="28dp"
+            android:layoutDirection="locale"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:navigationIcon="@drawable/tuicallkit_ic_back">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center"
+                android:singleLine="true"
+                android:text="@string/tuicallkit_group_title_add_user"
+                android:textColor="?attr/core_header_text_color"
+                android:textSize="18sp"
+                android:textStyle="bold" />
+
+            <Button
+                android:id="@+id/btn_group_ok"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="end|center_vertical"
+                android:background="@android:color/transparent"
+                android:text="@string/tuicallkit_group_btn_ok"
+                android:textAllCaps="false"
+                android:textColor="#0365F9"
+                android:textSize="16sp" />
+        </androidx.appcompat.widget.Toolbar>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/rv_user_list"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="4dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/cl_group_user_title" />
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.tencent.qcloud.tuikit.tuicallkit.view.component.floatwindow.RoundShadowLayout 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"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:background="@color/tuicallkit_color_white">
+
+        <FrameLayout
+            android:id="@+id/rl_video_view"
+            android:layout_width="72dp"
+            android:layout_height="72dp"
+            android:visibility="gone"
+            app:layout_constraintBottom_toTopOf="@+id/gl_horizontal_top"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:visibility="visible" />
+
+        <ImageView
+            android:id="@+id/iv_audio_view"
+            android:layout_width="36dp"
+            android:layout_height="36dp"
+            android:layout_marginStart="18dp"
+            android:layout_marginTop="8dp"
+            android:layout_marginEnd="18dp"
+            android:layout_marginBottom="6dp"
+            android:src="@drawable/tuicallkit_ic_float"
+            app:layout_constraintBottom_toTopOf="@+id/tv_float_call_status"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_float_call_status"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="6dp"
+            android:gravity="center"
+            android:textColor="@color/tuicallkit_record_text_green"
+            android:textSize="12sp"
+            app:layout_constraintBottom_toTopOf="@+id/gl_horizontal_top"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            tools:text="00:01" />
+
+        <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/gl_horizontal_top"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal" />
+
+        <ImageView
+            android:id="@+id/iv_float_video_mark"
+            android:layout_width="16dp"
+            android:layout_height="16dp"
+            android:layout_marginBottom="4dp"
+            android:src="@drawable/tuicallkit_ic_float_video_off"
+            android:visibility="gone"
+            app:layout_constraintEnd_toStartOf="@+id/iv_float_audio_mark"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/gl_horizontal_top"
+            tools:visibility="visible" />
+
+        <ImageView
+            android:id="@+id/iv_float_audio_mark"
+            android:layout_width="16dp"
+            android:layout_height="16dp"
+            android:src="@drawable/tuicallkit_ic_float_audio_off"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="@+id/iv_float_video_mark"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/iv_float_video_mark"
+            app:layout_constraintTop_toTopOf="@+id/iv_float_video_mark"
+            tools:visibility="visible" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</com.tencent.qcloud.tuikit.tuicallkit.view.component.floatwindow.RoundShadowLayout>
+
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content"
+    android:layout_centerHorizontal="true"
+    android:layout_marginTop="20dp"
+    android:layout_marginBottom="74dp"
+    android:adjustViewBounds="true"
+    android:maxWidth="480dp">
+
+    <LinearLayout
+        android:id="@+id/ll_mute"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center_horizontal"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/ll_hangup"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:id="@+id/img_mute"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:src="@drawable/tuicallkit_bg_mute_mic" />
+
+        <TextView
+            android:id="@+id/tv_mic"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:gravity="center"
+            android:text="@string/tuicallkit_toast_disable_mute"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="@dimen/tuicallkit_text_size_hint" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/ll_hangup"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center_horizontal"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/ll_audio_device"
+        app:layout_constraintStart_toEndOf="@+id/ll_mute"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:id="@+id/img_hangup"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:src="@drawable/tuicallkit_bg_hangup" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:gravity="center"
+            android:text="@string/tuicallkit_text_hangup"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="@dimen/tuicallkit_text_size_hint" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/ll_audio_device"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center_horizontal"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/ll_hangup"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:id="@+id/img_audio_device"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:src="@drawable/tuicallkit_bg_audio_device" />
+
+        <TextView
+            android:id="@+id/tv_audio_device"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:gravity="center"
+            android:text="@string/tuicallkit_toast_use_earpiece"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="@dimen/tuicallkit_text_size_hint" />
+    </LinearLayout>
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content"
+    android:layout_centerHorizontal="true"
+    android:layout_marginTop="20dp"
+    android:layout_marginBottom="74dp"
+    android:adjustViewBounds="true"
+    android:maxWidth="480dp">
+
+    <LinearLayout
+        android:id="@+id/ll_reject"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center_horizontal"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/ll_answer"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:src="@drawable/tuicallkit_bg_hangup" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:gravity="center"
+            android:text="@string/tuicallkit_text_hangup"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="@dimen/tuicallkit_text_size_hint" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/ll_answer"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center_horizontal"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/ll_reject"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:src="@drawable/tuicallkit_bg_dialing" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:gravity="center"
+            android:text="@string/tuicallkit_text_dialing"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="@dimen/tuicallkit_text_size_hint" />
+    </LinearLayout>
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.motion.widget.MotionLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/cl_view_video"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_centerHorizontal="true"
+    android:adjustViewBounds="true"
+    android:maxWidth="480dp"
+    app:layoutDescription="@xml/tuicallkit_function_view_video_expanded_scene">
+
+    <View
+        android:id="@+id/slide_reference_view"
+        android:layout_width="1dp"
+        android:layout_height="1dp"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageView
+        android:id="@+id/iv_mic"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        android:layout_marginTop="32dp"
+        android:src="@drawable/tuicallkit_bg_mute_mic"
+        app:layout_constraintEnd_toStartOf="@+id/iv_speaker"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/tv_mic"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="12dp"
+        android:gravity="center"
+        android:text="@string/tuicallkit_toast_disable_mute"
+        android:textColor="@color/tuicallkit_color_white"
+        android:textSize="12sp"
+        app:layout_constraintEnd_toEndOf="@+id/iv_mic"
+        app:layout_constraintStart_toStartOf="@+id/iv_mic"
+        app:layout_constraintTop_toBottomOf="@+id/iv_mic" />
+
+    <ImageView
+        android:id="@+id/iv_speaker"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        android:src="@drawable/tuicallkit_bg_audio_device"
+        app:layout_constraintEnd_toStartOf="@+id/iv_camera"
+        app:layout_constraintStart_toEndOf="@+id/iv_mic"
+        app:layout_constraintTop_toTopOf="@+id/iv_mic" />
+
+    <TextView
+        android:id="@+id/tv_speaker"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="12dp"
+        android:gravity="center"
+        android:text="@string/tuicallkit_toast_speaker"
+        android:textColor="@color/tuicallkit_color_white"
+        android:textSize="12sp"
+        app:layout_constraintEnd_toEndOf="@+id/iv_speaker"
+        app:layout_constraintStart_toStartOf="@+id/iv_speaker"
+        app:layout_constraintTop_toBottomOf="@+id/iv_speaker" />
+
+    <ImageView
+        android:id="@+id/iv_camera"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        android:src="@drawable/tuicallkit_bg_camera"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/iv_speaker"
+        app:layout_constraintTop_toTopOf="@+id/iv_mic" />
+
+    <TextView
+        android:id="@+id/tv_video_camera"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="12dp"
+        android:gravity="center"
+        android:text="@string/tuicallkit_toast_enable_camera"
+        android:textColor="@color/tuicallkit_color_white"
+        android:textSize="12sp"
+        app:layout_constraintEnd_toEndOf="@+id/iv_camera"
+        app:layout_constraintStart_toStartOf="@+id/iv_camera"
+        app:layout_constraintTop_toBottomOf="@+id/iv_camera" />
+
+    <ImageView
+        android:id="@+id/iv_hang_up"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        android:layout_marginTop="22dp"
+        android:src="@drawable/tuicallkit_bg_hangup"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_expanded"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/tv_speaker" />
+
+    <ImageView
+        android:id="@+id/iv_function_switch_camera"
+        android:layout_width="28dp"
+        android:layout_height="28dp"
+        android:src="@drawable/tuicallkit_ic_switch_camera"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_hang_up"
+        app:layout_constraintStart_toStartOf="@+id/iv_camera"
+        app:layout_constraintTop_toTopOf="@+id/iv_hang_up" />
+
+    <ImageView
+        android:id="@+id/img_blur_background"
+        android:layout_width="28dp"
+        android:layout_height="28dp"
+        android:src="@drawable/tuicallkit_ic_blur_background_accept"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="@+id/iv_hang_up"
+        app:layout_constraintEnd_toEndOf="@+id/iv_mic"
+        app:layout_constraintTop_toTopOf="@+id/iv_hang_up" />
+
+    <ImageView
+        android:id="@+id/iv_expanded"
+        android:layout_width="30dp"
+        android:layout_height="30dp"
+        android:layout_marginStart="30dp"
+        android:layout_marginTop="150dp"
+        android:layout_marginBottom="49dp"
+        android:rotation="0"
+        android:src="@drawable/tuicallkit_ic_view_expand"
+        android:visibility="invisible"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+</androidx.constraintlayout.motion.widget.MotionLayout>
@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/constraint_layout"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_centerHorizontal="true"
+    android:layout_marginBottom="40dp"
+    android:adjustViewBounds="true"
+    android:maxWidth="480dp">
+
+    <LinearLayout
+        android:id="@+id/ll_cancel"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="16dp"
+        android:gravity="center_horizontal"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/ll_switch">
+
+        <ImageView
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:src="@drawable/tuicallkit_bg_hangup" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:gravity="center"
+            android:text="@string/tuicallkit_btn_cancel"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="@dimen/tuicallkit_text_size_hint" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/ll_switch"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center"
+        android:orientation="vertical"
+        app:layout_constraintBottom_toTopOf="@+id/ll_cancel"
+        app:layout_constraintEnd_toStartOf="@+id/ll_blur"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:id="@+id/img_switch_camera"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:src="@drawable/tuicallkit_ic_switch_camera_group" />
+
+        <TextView
+            android:id="@+id/tv_switch_camera"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:gravity="center"
+            android:text="@string/tuicallkit_toast_switch_camera"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="12sp" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/ll_blur"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center"
+        android:orientation="vertical"
+        app:layout_constraintEnd_toStartOf="@+id/ll_camera"
+        app:layout_constraintStart_toEndOf="@+id/ll_switch"
+        app:layout_constraintTop_toTopOf="@+id/ll_switch">
+
+        <ImageView
+            android:id="@+id/iv_video_blur"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:src="@drawable/tuicallkit_bg_blur_background" />
+
+        <TextView
+            android:id="@+id/tv_blur"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:text="@string/tuicallkit_blur_background"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="12sp" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/ll_camera"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center"
+        android:orientation="vertical"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/ll_blur"
+        app:layout_constraintTop_toTopOf="@+id/ll_switch">
+
+        <ImageView
+            android:id="@+id/img_camera"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:src="@drawable/tuicallkit_bg_camera" />
+
+        <TextView
+            android:id="@+id/tv_camera"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:text="@string/tuicallkit_toast_enable_camera"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="12sp" />
+    </LinearLayout>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.motion.widget.MotionLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/ml_root"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_gravity="center_horizontal"
+    app:layoutDescription="@xml/tuicallkit_function_video_view_item_scene">
+
+    <ImageView
+        android:id="@+id/iv_function"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/tv_function"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="12dp"
+        android:gravity="center"
+        android:textColor="@color/tuicallkit_color_white"
+        android:textSize="12sp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/iv_function" />
+</androidx.constraintlayout.motion.widget.MotionLayout>
@@ -0,0 +1,68 @@
+<?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"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@drawable/tuicallkit_bg_incoming_view"
+    android:orientation="horizontal">
+
+    <androidx.constraintlayout.utils.widget.ImageFilterView
+        android:id="@+id/img_float_avatar"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        android:layout_gravity="center_vertical"
+        android:layout_marginStart="16dp"
+        android:layout_marginTop="16dp"
+        android:layout_marginEnd="12dp"
+        android:layout_marginBottom="16dp"
+        android:scaleType="centerCrop"
+        android:src="@drawable/tuicallkit_ic_avatar"
+        app:round="8dp" />
+
+    <LinearLayout
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center_vertical"
+        android:layout_weight="1"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/tv_float_title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:ellipsize="end"
+            android:maxLines="1"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="18sp"
+            tools:hint="inviter" />
+
+        <TextView
+            android:id="@+id/tv_float_desc"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="4dp"
+            android:ellipsize="end"
+            android:maxLines="1"
+            android:textColor="@color/tuicallkit_color_white"
+            android:textSize="12sp"
+            tools:hint="description" />
+    </LinearLayout>
+
+    <ImageView
+        android:id="@+id/btn_float_decline"
+        android:layout_width="36dp"
+        android:layout_height="36dp"
+        android:layout_gravity="center_vertical"
+        android:layout_marginStart="24dp"
+        android:layout_marginEnd="24dp"
+        android:src="@drawable/tuicallkit_bg_hangup" />
+
+    <ImageView
+        android:id="@+id/btn_float_accept"
+        android:layout_width="36dp"
+        android:layout_height="36dp"
+        android:layout_gravity="center_vertical"
+        android:layout_marginEnd="16dp"
+        android:background="@drawable/tuicallkit_bg_dialing" />
+</LinearLayout>
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@color/tuicallkit_color_transparent"
+    android:orientation="horizontal">
+
+    <ImageView
+        android:id="@+id/img_incoming_avatar"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        android:layout_gravity="center_vertical"
+        android:layout_marginStart="12dp"
+        android:layout_marginTop="12dp"
+        android:layout_marginEnd="12dp"
+        android:layout_marginBottom="12dp"
+        android:scaleType="centerCrop"
+        android:src="@drawable/tuicallkit_ic_avatar" />
+
+    <LinearLayout
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center_vertical"
+        android:layout_weight="1"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/tv_incoming_title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:ellipsize="end"
+            android:maxLines="1"
+            android:textAppearance="@style/TextAppearance.Compat.Notification.Title"
+            android:textSize="18sp"
+            tools:hint="inviter" />
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical"
+            android:layout_marginTop="4dp"
+            android:orientation="horizontal">
+
+            <ImageView
+                android:id="@+id/img_media_type"
+                android:layout_width="16dp"
+                android:layout_height="16dp"
+                android:layout_gravity="center_vertical"
+                android:layout_marginEnd="4dp"
+                android:src="@drawable/tuicallkit_ic_float" />
+
+            <TextView
+                android:id="@+id/tv_desc"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center_vertical"
+                android:ellipsize="end"
+                android:maxLines="1"
+                android:textAppearance="@style/TextAppearance.Compat.Notification.Line2"
+                android:textSize="12sp"
+                tools:hint="description" />
+        </LinearLayout>
+    </LinearLayout>
+
+    <ImageView
+        android:id="@+id/btn_decline"
+        android:layout_width="36dp"
+        android:layout_height="36dp"
+        android:layout_gravity="center_vertical"
+        android:layout_marginStart="12dp"
+        android:layout_marginEnd="16dp"
+        android:src="@drawable/tuicallkit_bg_hangup" />
+
+    <ImageView
+        android:id="@+id/btn_accept"
+        android:layout_width="36dp"
+        android:layout_height="36dp"
+        android:layout_gravity="center_vertical"
+        android:layout_marginEnd="8dp"
+        android:src="@drawable/tuicallkit_bg_dialing" />
+</LinearLayout>
@@ -0,0 +1,17 @@
+<?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:minHeight="60dp"
+    android:orientation="vertical">
+
+    <TextView
+        android:id="@+id/tv_call_title"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="24dp"
+        android:layout_marginTop="13dp"
+        android:text="@string/tuicallkit_record_call_title"
+        android:textColor="@color/tuicallkit_color_black"
+        android:textSize="34sp" />
+</RelativeLayout>
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="#FFEBF0F6">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_margin="8dp"
+        android:background="@drawable/tuicallkit_dialog_cancel"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:id="@+id/img_join_call_icon"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="8dp"
+            android:layout_marginBottom="8dp"
+            android:src="@drawable/tuicallkit_ic_join_call"
+            app:layout_constraintBottom_toTopOf="@+id/cl_expand_view"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_user_hint"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="10dp"
+            android:textColor="@color/tuicallkit_color_gray"
+            android:textSize="12sp"
+            app:layout_constraintBottom_toBottomOf="@+id/img_join_call_icon"
+            app:layout_constraintStart_toEndOf="@+id/img_join_call_icon"
+            app:layout_constraintTop_toTopOf="@+id/img_join_call_icon"
+            tools:hint="two people is in voice call" />
+
+        <ImageView
+            android:id="@+id/img_ic_expand"
+            android:layout_width="21dp"
+            android:layout_height="21dp"
+            android:layout_marginEnd="16dp"
+            android:padding="10dp"
+            app:layout_constraintBottom_toBottomOf="@+id/img_join_call_icon"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/img_join_call_icon" />
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/cl_expand_view"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginEnd="16dp"
+            android:layout_marginBottom="16dp"
+            android:background="@drawable/tuicallkit_join_group_expand_view"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/img_join_call_icon">
+
+            <HorizontalScrollView
+                android:id="@+id/scroll_view"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="10dp"
+                android:layout_marginEnd="10dp"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent">
+
+                <LinearLayout
+                    android:id="@+id/ll_layout_avatar"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="center"
+                    android:layout_marginTop="30dp"
+                    android:layout_marginBottom="30dp"
+                    android:orientation="horizontal" />
+
+            </HorizontalScrollView>
+
+            <View
+                android:id="@+id/view_separate"
+                android:layout_width="match_parent"
+                android:layout_height="1dp"
+                android:background="#22707070"
+                app:layout_constraintTop_toBottomOf="@+id/scroll_view" />
+
+            <Button
+                android:id="@+id/btn_join_call"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:background="@color/tuicallkit_color_transparent"
+                android:textAllCaps="false"
+                android:textColor="@color/tuicallkit_color_black"
+                android:textSize="14sp"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/view_separate" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,93 @@
+<?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="64dp"
+    android:background="#FFFFFF"
+    android:layoutDirection="locale"
+    android:orientation="horizontal"
+    app:clickToClose="false">
+
+    <LinearLayout
+        android:id="@+id/ll_call_item_left"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="#FFFFFF"
+        android:gravity="center_vertical"
+        android:orientation="vertical">
+
+        <LinearLayout
+            android:id="@+id/ll_call_item"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:background="#FFFFFF"
+            android:gravity="center_vertical"
+            android:orientation="horizontal"
+            android:paddingStart="16dp"
+            android:paddingEnd="16dp">
+
+            <CheckBox
+                android:id="@+id/cb_call_select"
+                android:layout_width="18dp"
+                android:layout_height="18dp"
+                android:layout_gravity="center"
+                android:layout_marginEnd="8dp"
+                android:background="@drawable/tuicallkit_checkbox_selected"
+                android:button="@null"
+                android:gravity="center"
+                android:padding="20dp"
+                android:visibility="visible" />
+
+            <include
+                layout="@layout/tuicallkit_layout_call_list_item_sub"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:layout_gravity="center_vertical"
+                android:tag="Hover" />
+        </LinearLayout>
+
+        <View
+            android:id="@+id/bottom_line"
+            android:layout_width="match_parent"
+            android:layout_height="2dp"
+            android:background="#DDDDDD" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/bottom_wrapper_2"
+        android:layout_width="70dp"
+        android:layout_height="match_parent"
+        android:tag="Bottom4">
+
+        <RelativeLayout
+            android:id="@+id/ll_call_delete"
+            android:layout_width="70dp"
+            android:layout_height="match_parent"
+            android:background="#ff0000"
+            android:clickable="true"
+            android:gravity="center">
+
+            <ImageView
+                android:id="@+id/img_call_delete"
+                android:layout_width="18dp"
+                android:layout_height="18dp"
+                android:layout_centerHorizontal="true"
+                android:layout_centerVertical="true"
+                android:src="@drawable/tuicallkit_ic_delete" />
+
+            <TextView
+                android:id="@+id/tv_call_delete"
+                android:layout_width="70dp"
+                android:layout_height="match_parent"
+                android:layout_below="@+id/img_call_delete"
+                android:layout_centerHorizontal="true"
+                android:layout_centerVertical="true"
+                android:gravity="center"
+                android:paddingStart="5dp"
+                android:paddingEnd="5dp"
+                android:text="@string/tuicallkit_record_call_delete"
+                android:textColor="@color/tuicallkit_color_white"
+                android:textSize="12sp" />
+        </RelativeLayout>
+    </LinearLayout>
+</LinearLayout>
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/cl_info_layout"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_gravity="center"
+    android:gravity="center_vertical"
+    android:orientation="horizontal">
+
+    <com.tencent.qcloud.tuikit.tuicallkit.view.component.recents.RecordsIconView
+        android:id="@+id/call_icon"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        android:scaleType="fitCenter"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:round="45dp" />
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/cl_info"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center_vertical"
+        android:layout_marginStart="8dp"
+        app:layout_constraintBottom_toBottomOf="@+id/call_icon"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintHorizontal_weight="1"
+        app:layout_constraintStart_toEndOf="@+id/call_icon"
+        app:layout_constraintTop_toTopOf="@+id/call_icon">
+
+        <TextView
+            android:id="@+id/tv_call_user_id"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:ellipsize="end"
+            android:gravity="center"
+            android:maxWidth="180dp"
+            android:singleLine="true"
+            android:text="userId"
+            android:textColor="@color/tuicallkit_color_black"
+            android:textSize="14sp"
+            android:textStyle="bold"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <ImageView
+            android:id="@+id/call_media_type"
+            android:layout_width="14dp"
+            android:layout_height="14dp"
+            android:layout_gravity="center_vertical"
+            android:scaleType="fitCenter"
+            app:layout_constraintBottom_toBottomOf="@+id/tv_call_status"
+            app:layout_constraintStart_toStartOf="@+id/tv_call_user_id"
+            app:layout_constraintTop_toTopOf="@+id/tv_call_status" />
+
+        <TextView
+            android:id="@+id/tv_call_status"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="4dp"
+            android:layout_marginTop="4dp"
+            android:layout_marginBottom="4dp"
+            android:ellipsize="end"
+            android:singleLine="true"
+            android:text="Missed"
+            android:textColor="#7A7A7A"
+            android:textSize="12sp"
+            app:layout_constraintStart_toEndOf="@+id/call_media_type"
+            app:layout_constraintTop_toBottomOf="@+id/tv_call_user_id" />
+
+        <TextView
+            android:id="@+id/tv_call_time"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="12dp"
+            android:lineHeight="15.84sp"
+            android:text="2:14 PM"
+            android:textColor="#b0b0b0"
+            android:textSize="12sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/img_call_details"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <ImageView
+            android:id="@+id/img_call_details"
+            android:layout_width="24dp"
+            android:layout_height="24dp"
+            android:gravity="center"
+            android:includeFontPadding="false"
+            android:padding="5dp"
+            android:src="@drawable/tuicallkit_ic_more_info"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,66 @@
+<?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="58dp"
+    android:background="@color/tuicallkit_color_white"
+    android:orientation="vertical">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:paddingBottom="5dp">
+
+        <CheckBox
+            android:id="@+id/group_user_check_box"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:layout_marginStart="10dp"
+            android:layout_marginEnd="10dp"
+            android:background="@drawable/tuicallkit_group_checkbox_selector"
+            android:button="@null"
+            android:clickable="false"
+            android:focusable="false"
+            android:gravity="center" />
+
+        <androidx.constraintlayout.utils.widget.ImageFilterView
+            android:id="@+id/group_user_avatar"
+            android:layout_width="38.4dp"
+            android:layout_height="38.4dp"
+            android:layout_gravity="center_vertical"
+            android:layout_marginStart="12dp"
+            android:layout_marginEnd="12dp"
+            android:scaleType="centerCrop"
+            android:src="@drawable/tuicallkit_ic_avatar"
+            app:round="12dp" />
+
+        <TextView
+            android:id="@+id/group_user_name"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:ellipsize="end"
+            android:gravity="center_vertical"
+            android:lines="1"
+            android:textColor="#ff111111"
+            android:textSize="18sp" />
+
+        <TextView
+            android:id="@+id/group_user_hint"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:layout_marginStart="4dp"
+            android:gravity="center_vertical"
+            android:text="@string/tuicallkit_group_hint_you"
+            android:textColor="@color/tuicallkit_color_gray"
+            android:textSize="14sp"
+            android:visibility="gone" />
+    </LinearLayout>
+
+    <View
+        android:id="@+id/view_line"
+        android:layout_width="match_parent"
+        android:layout_height="0.55dp"
+        android:background="#D9D9D9" />
+</LinearLayout>
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content">
+
+    <TextView
+        android:id="@+id/tv_clear_call_history"
+        android:layout_width="match_parent"
+        android:layout_height="56dp"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        android:background="@drawable/tuicallkit_dialog_sure"
+        android:gravity="center"
+        android:text="@string/tuicallkit_record_dialog_message"
+        android:textColor="@color/tuicallkit_record_text_red"
+        android:textSize="17sp"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/tv_clear_cancel"
+        android:layout_width="match_parent"
+        android:layout_height="56dp"
+        android:layout_marginStart="16dp"
+        android:layout_marginTop="12dp"
+        android:layout_marginEnd="16dp"
+        android:layout_marginBottom="21dp"
+        android:background="@drawable/tuicallkit_dialog_cancel"
+        android:gravity="center"
+        android:text="@string/tuicallkit_record_dialog_cancel"
+        android:textColor="#007AFF"
+        android:textSize="17sp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/tv_clear_call_history" />
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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:background="@color/tuicallkit_color_white">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/cl_record_title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:background="?attr/core_header_start_color"
+        android:padding="10dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <com.google.android.material.tabs.TabLayout
+            android:id="@+id/tab_layout"
+            android:layout_width="wrap_content"
+            android:layout_height="32dp"
+            android:background="@drawable/tuicallkit_tab_selector"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:tabBackground="@drawable/tuicallkit_tab_item_selector"
+            app:tabIndicatorHeight="0dp"
+            app:tabMinWidth="76dp"
+            app:tabRippleColor="@null"
+            app:tabTextAppearance="@style/TUICallTabLayoutStyle">
+
+            <com.google.android.material.tabs.TabItem
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/tuicallkit_record_tab_title_all" />
+
+            <com.google.android.material.tabs.TabItem
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/tuicallkit_record_tab_title_miss" />
+        </com.google.android.material.tabs.TabLayout>
+
+        <Button
+            android:id="@+id/btn_call_edit"
+            android:layout_width="18dp"
+            android:layout_height="18dp"
+            android:layout_marginEnd="18dp"
+            android:background="@drawable/tuicallkit_ic_edit"
+            android:padding="5dp"
+            app:layout_constraintBottom_toBottomOf="@+id/tab_layout"
+            app:layout_constraintEnd_toStartOf="@+id/btn_start_call"
+            app:layout_constraintTop_toTopOf="@+id/tab_layout" />
+
+        <Button
+            android:id="@+id/btn_start_call"
+            android:layout_width="18dp"
+            android:layout_height="18dp"
+            android:layout_marginEnd="24dp"
+            android:background="@drawable/tuicallkit_ic_start_call"
+            android:padding="5dp"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="@+id/tab_layout"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/tab_layout" />
+
+        <Button
+            android:id="@+id/btn_clear"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="15dp"
+            android:background="@color/tuicallkit_color_transparent"
+            android:minWidth="0dp"
+            android:minHeight="0dp"
+            android:padding="5dp"
+            android:text="@string/tuicallkit_record_clear"
+            android:textAllCaps="false"
+            android:textColor="?attr/core_header_text_color"
+            android:textStyle="bold"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="@+id/tab_layout"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/tab_layout" />
+
+        <Button
+            android:id="@+id/btn_edit_done"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="15dp"
+            android:background="@color/tuicallkit_color_transparent"
+            android:minWidth="0dp"
+            android:minHeight="0dp"
+            android:padding="5dp"
+            android:text="@string/tuicallkit_record_done"
+            android:textAllCaps="false"
+            android:textColor="?attr/core_header_text_color"
+            android:textStyle="bold"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="@+id/tab_layout"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/tab_layout" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <com.tencent.qcloud.tuikit.tuicallkit.view.component.recents.SlideRecyclerView
+        android:id="@+id/recycle_view_list"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/cl_record_title" />
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/cl_root"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/tuicallkit_color_gray">
+
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/gl_horizontal_top"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_begin="57dp" />
+
+    <ImageView
+        android:id="@+id/img_group_view_background"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:scaleType="centerCrop"
+        android:visibility="visible" />
+
+    <FrameLayout
+        android:id="@+id/rl_layout_video_group"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_marginTop="8dp"
+        app:layout_constraintBottom_toTopOf="@+id/rl_layout_function"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/image_float_icon_group"
+        app:layout_constraintVertical_weight="1" />
+
+    <FrameLayout
+        android:id="@+id/rl_layout_call_time"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:gravity="center"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/gl_horizontal_top" />
+
+    <FrameLayout
+        android:id="@+id/rl_layout_call_hint"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="40dp"
+        app:layout_constraintBottom_toTopOf="@+id/rl_layout_function"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+
+    <FrameLayout
+        android:id="@+id/rl_layout_function"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+
+    <ImageView
+        android:id="@+id/image_float_icon_group"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
+        android:layout_marginStart="20dp"
+        android:background="@drawable/tuicallkit_ic_float_button"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/gl_horizontal_top" />
+
+    <FrameLayout
+        android:id="@+id/rl_layout_invite_user"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
+        android:layout_marginEnd="20dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/gl_horizontal_top" />
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/cl_root"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/gl_horizontal_top"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_begin="20dp" />
+
+    <FrameLayout
+        android:id="@+id/fl_video"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <ImageView
+        android:id="@+id/image_float_icon"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
+        android:layout_marginStart="20dp"
+        android:layout_marginTop="32dp"
+        android:background="@drawable/tuicallkit_ic_float_button"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/gl_horizontal_top" />
+
+    <FrameLayout
+        android:id="@+id/fl_call_hint"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="20dp"
+        app:layout_constraintBottom_toTopOf="@id/rl_single_function"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+
+    <FrameLayout
+        android:id="@+id/rl_single_time"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="12dp"
+        android:layout_marginTop="64dp"
+        app:layout_constraintBottom_toBottomOf="@+id/image_float_icon"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/image_float_icon" />
+
+    <FrameLayout
+        android:id="@+id/rl_single_function"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merge 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"
+    tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">
+
+    <ScrollView
+        android:id="@+id/scroll_video_layout"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent">
+
+        <com.tencent.qcloud.tuikit.tuicallkit.view.component.videolayout.multicall.MultiCallGridLayout
+            android:id="@+id/grid_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+    </ScrollView>
+
+    <LinearLayout
+        android:id="@+id/ll_callee_waiting_view"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="20dp"
+        android:gravity="center"
+        android:orientation="horizontal"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <com.tencent.qcloud.tuikit.tuicallkit.view.component.aisubtitle.AISubtitle
+        android:id="@+id/ai_subtitle"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="50dp"
+        android:background="@drawable/tuicallkit_bg_aisubtitle"
+        android:padding="20dp"
+        android:textSize="16dp"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintWidth_percent="0.8" />
+</merge>
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merge 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"
+    tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">
+
+    <FrameLayout
+        android:id="@+id/rl_video_big"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:visibility="gone" />
+
+    <FrameLayout
+        android:id="@+id/rl_video_small"
+        android:layout_width="@dimen/tuicallkit_video_small_view_width"
+        android:layout_height="@dimen/tuicallkit_video_small_view_height"
+        android:layout_marginTop="100dp"
+        android:layout_marginEnd="20dp"
+        android:visibility="gone"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:visibility="visible" />
+
+    <ImageView
+        android:id="@+id/img_user_background"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:scaleType="centerCrop"
+        android:visibility="gone" />
+
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_horizontal"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.3" />
+
+    <androidx.constraintlayout.utils.widget.ImageFilterView
+        android:id="@+id/iv_user_avatar"
+        android:layout_width="100dp"
+        android:layout_height="100dp"
+        android:layout_marginBottom="12dp"
+        android:src="@drawable/tuicallkit_ic_avatar"
+        android:visibility="gone"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="@+id/guideline_horizontal"
+        app:round="12dp"
+        tools:visibility="visible" />
+
+    <TextView
+        android:id="@+id/tv_user_name"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textColor="@color/tuicallkit_color_white"
+        android:textSize="18sp"
+        android:visibility="gone"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/iv_user_avatar"
+        tools:visibility="visible" />
+
+    <com.tencent.qcloud.tuikit.tuicallkit.view.component.aisubtitle.AISubtitle
+        android:id="@+id/ai_subtitle"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="300dp"
+        android:background="@drawable/tuicallkit_bg_aisubtitle"
+        android:padding="20dp"
+        android:textSize="16sp"
+        android:visibility="gone"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/tv_user_name"
+        app:layout_constraintWidth_percent="0.8" />
+</merge>
@@ -0,0 +1,122 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <ImageView
+        android:id="@+id/img_video_background"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:scaleType="centerCrop"
+        android:visibility="gone" />
+
+    <com.tencent.cloud.tuikit.engine.common.TUIVideoView
+        android:id="@+id/tx_cloud_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:visibility="gone"
+        tools:visibility="visible" />
+
+    <androidx.constraintlayout.utils.widget.ImageFilterView
+        android:id="@+id/img_head"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_centerInParent="true"
+        android:scaleType="fitXY"
+        android:src="@drawable/tuicallkit_ic_avatar"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:visibility="visible" />
+
+    <com.tencent.qcloud.tuikit.tuicallkit.view.component.videolayout.multicall.MultiCallLoadingView
+        android:id="@+id/img_loading"
+        android:layout_width="64dp"
+        android:layout_height="64dp"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageView
+        android:id="@+id/image_load"
+        android:layout_width="64dp"
+        android:layout_height="64dp"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/tv_name"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="10dp"
+        android:layout_marginBottom="8dp"
+        android:background="@color/tuicallkit_color_transparent"
+        android:ellipsize="end"
+        android:maxLines="1"
+        android:textColor="@color/tuicallkit_color_white"
+        android:textSize="14sp"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        tools:visibility="visible" />
+
+    <ImageView
+        android:id="@+id/iv_audio_input"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
+        android:layout_marginStart="4dp"
+        android:layout_marginBottom="8dp"
+        android:background="@drawable/tuicallkit_ic_audio_input"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/tv_name"
+        tools:visibility="visible" />
+
+    <ImageView
+        android:id="@+id/iv_network"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
+        android:layout_marginEnd="8dp"
+        android:layout_marginBottom="8dp"
+        android:layout_toStartOf="@+id/iv_switch_camera"
+        android:background="@drawable/tuicallkit_ic_network_bad"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/iv_switch_camera"
+        tools:visibility="visible" />
+
+    <ImageView
+        android:id="@+id/iv_switch_camera"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
+        android:layout_marginEnd="8dp"
+        android:layout_marginBottom="8dp"
+        android:layout_toStartOf="@+id/iv_blur"
+        android:background="@drawable/tuicallkit_ic_switch_camera_group"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/iv_blur"
+        tools:visibility="visible" />
+
+    <ImageView
+        android:id="@+id/iv_blur"
+        android:layout_width="24dp"
+        android:layout_height="24dp"
+        android:layout_marginEnd="8dp"
+        android:layout_marginBottom="8dp"
+        android:background="@drawable/tuicallkit_bg_blur_background"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        tools:visibility="visible" />
+</androidx.constraintlayout.widget.ConstraintLayout>
+
@@ -0,0 +1,74 @@
+<resources>
+    <string name="tuicallkit_toast_enable_mute">كتم الصوت</string>
+    <string name="tuicallkit_toast_disable_mute">إلغاء الكتم</string>
+    <string name="tuicallkit_toast_speaker">مكبر الصوت</string>
+    <string name="tuicallkit_toast_use_earpiece">سماعة الأذن</string>
+    <string name="tuicallkit_toast_callee_hangup">أنهى الطرف الآخر المكالمة</string>
+    <string name="tuicallkit_toast_callee_reject">الطرف الآخر رفض المكالمة</string>
+    <string name="tuicallkit_toast_callee_no_response">لم يستجب الطرف الآخر</string>
+    <string name="tuicallkit_other_party_network_low_quality">اتصال الطرف الآخر بالشبكة ضعيف</string>
+    <string name="tuicallkit_self_network_low_quality">اتصالك بالشبكة ضعيف</string>
+    <string name="tuicallkit_toast_switch_camera">تبديل الكاميرا</string>
+    <string name="tuicallkit_toast_enable_camera">تشغيل الكاميرا</string>
+    <string name="tuicallkit_toast_disable_camera">إيقاف الكاميرا</string>
+    <string name="tuicallkit_waiting_accept">في انتظار قبول المستخدم...</string>
+    <string name="tuicallkit_invite_audio_call">دعوتك لمكالمة صوتية...</string>
+    <string name="tuicallkit_invite_video_call">دعوتك لمكالمة فيديو...</string>
+    <string name="tuicallkit_text_hangup">إنهاء المكالمة</string>
+    <string name="tuicallkit_text_line_busy">الخط مشغول</string>
+    <string name="tuicallkit_text_dialing">الرد</string>
+    <string name="tuicallkit_btn_cancel">إلغاء</string>
+    <string name="tuicallkit_video_call">مكالمة فيديو</string>
+    <string name="tuicallkit_audio_call">مكالمة صوتية</string>
+    <string name="tuicallkit_user_exceed_limit">يدعم TUICallKit حاليًا المكالمة مع ما يصل إلى 9 أشخاص. لمؤتمرات الاتصال الأكبر ، جرب استخدام TUIRoomKit</string>
+    <string name="tuicallkit_wait_response">انتظار</string>
+    <string name="tuicallkit_wait_accept_group">أدعوك للانضمام إلى مكالمة جماعية</string>
+    <string name="tuicallkit_accept_single">" تم توصيل الهاتف"</string>
+    <string name="tuicallkit_invitee_user_list">هناك آخرون يشاركون في المكالمة</string>
+
+    <string name="tuicallkit_permission_camera">الكاميرا</string>
+    <string name="tuicallkit_permission_microphone">الميكروفون</string>
+    <string name="tuicallkit_permission_bluetooth">البلوتوث</string>
+    <string name="tuicallkit_permission_separator">،</string>
+    <string name="tuicallkit_permission_tips">يرجى تشغيل إذن %s أولاً</string>
+    <string name="tuicallkit_permission_title">%s يتقدم بطلب الوصول إلى %s</string>
+    <string name="tuicallkit_permission_mic_reason">يحتاج إلى الوصول إلى ميكروفونك ، ويمكن استخدامه لوظائف مثل المكالمة الصوتية / الفيديو ، المكالمة الصوتية / الفيديو الجماعية وما إلى ذلك.</string>
+    <string name="tuicallkit_permission_camera_reason">يحتاج إلى الوصول إلى كاميراك ، ويمكن استخدامه لوظائف مثل المكالمة الفيديو ، المكالمة الفيديو الجماعية وما إلى ذلك. لتعمل مرشحات الجمال ، سنجمع معلومات الوجه التي يتم التقاطها بكاميراك في الوقت الحقيقي لكشف ملامح وجهك.</string>
+    <string name="tuicallkit_permission_bluetooth_reason">يحتاج إلى الوصول إلى بلوتوثك ، ويمكن استخدامه لسماعة البلوتوث.</string>
+
+    <string name="tuicallkit_package_not_purchased">ليس لديك حزمة TUICallKit ، يرجى فتح التجربة المجانية في لوحة التحكم أو شراء الحزمة الرسمية</string>
+    <string name="tuicallkit_package_not_support">الحزمة التي اشتريتها لا تدعم هذه القدرة</string>
+    <string name="tuicallkit_group_id_is_empty">معرف المجموعة فارغ</string>
+    <string name="tuicallkit_have_a_new_call">لديك مكالمة جديدة</string>
+
+    <string name="tuicallkit_record_call_title">المكالمات الأخيرة</string>
+    <string name="tuicallkit_record_call_delete">حذف</string>
+    <string name="tuicallkit_record_dialog_message">مسح كل سجل المكالمات</string>
+    <string name="tuicallkit_record_dialog_cancel">إلغاء</string>
+    <string name="tuicallkit_record_tab_title_all">الكل</string>
+    <string name="tuicallkit_record_tab_title_miss">المفقودة</string>
+    <string name="tuicallkit_record_done">تم</string>
+    <string name="tuicallkit_record_clear">مسح</string>
+    <string name="tuicallkit_group_recall_unsupport">لا يدعم سجل المكالمات المتعددة إعادة الاتصال</string>
+    <string name="tuicallkit_record_result_unknown">غير معروف</string>
+    <string name="tuicallkit_record_result_missed">فائت</string>
+    <string name="tuicallkit_record_result_incoming">وارد</string>
+    <string name="tuicallkit_record_result_outgoing">صادر</string>
+
+    <string name="tuicallkit_group_title_add_user">إضافة مستخدم</string>
+    <string name="tuicallkit_group_hint_you">(أنت)</string>
+    <string name="tuicallkit_group_btn_ok">تأكيد</string>
+
+    <string name="tuicallkit_error_in_peer_blacklist">فشلت المكالمة ، المستخدم في القائمة السوداء ، ممنوع الإطلاق.</string>
+    <string name="tuicallkit_error_invalid_login">الرجاء تسجيل الدخول مرة أخرى، تسجيل الدخول غير صحيح</string>
+    <string name="tuicallkit_error_parameter_invalid">خطأ المعلمة</string>
+    <string name="tuicallkit_error_request_refused">الحالة الحالية لا تدعم نداء الدالة</string>
+    <string name="tuicallkit_error_request_repeated">الطريقة الحالية تتم تنفيذها، يرجى عدم استدعاءها مرة أخرى</string>
+    <string name="tuicallkit_error_scene_not_support">مشهد المكالمة الحالي لا يدعم هذه الوظيفة</string>
+    <string name="tuicallkit_join_group_call">انضمام</string>
+    <string name="tuicallkit_join_group_call_users">%d شخص في مكالمة</string>
+
+    <string name="tuicallkit_blur_background">الخلفية الغائمة</string>
+    <string name="tuicallkit_notification_channel_group_id">إدارة المكالمات</string>
+    <string name="tuicallkit_notification_channel_id">مكالمات الصوت والفيديو</string>
+</resources>
@@ -0,0 +1,74 @@
+<resources>
+    <string name="tuicallkit_toast_enable_mute">Muted</string>
+    <string name="tuicallkit_toast_disable_mute">Unmuted</string>
+    <string name="tuicallkit_toast_speaker">Speaker</string>
+    <string name="tuicallkit_toast_use_earpiece">Earpiece</string>
+    <string name="tuicallkit_toast_callee_hangup">Other party hung up, call ended</string>
+    <string name="tuicallkit_toast_callee_reject">Call rejected by other party</string>
+    <string name="tuicallkit_toast_callee_no_response">The other party did not respond</string>
+    <string name="tuicallkit_other_party_network_low_quality">The other party\'s network connection is poor</string>
+    <string name="tuicallkit_self_network_low_quality">Your network connection is poor</string>
+    <string name="tuicallkit_toast_switch_camera">Switch Camera</string>
+    <string name="tuicallkit_toast_enable_camera">Camera On</string>
+    <string name="tuicallkit_toast_disable_camera">Camera Off</string>
+    <string name="tuicallkit_waiting_accept">Awaiting response</string>
+    <string name="tuicallkit_invite_audio_call">Invited you to a voice call</string>
+    <string name="tuicallkit_invite_video_call">Invites you to a video call</string>
+    <string name="tuicallkit_text_hangup">Hang Up</string>
+    <string name="tuicallkit_text_line_busy">Line Busy</string>
+    <string name="tuicallkit_text_dialing">Answer</string>
+    <string name="tuicallkit_btn_cancel">Cancel</string>
+    <string name="tuicallkit_video_call">Video Call</string>
+    <string name="tuicallkit_audio_call">Voice Call</string>
+    <string name="tuicallkit_user_exceed_limit">TUICallKit currently supports call with up to 9 people.For larger conference calls,try using TUIRoomKit</string>
+    <string name="tuicallkit_wait_response">Waiting</string>
+    <string name="tuicallkit_wait_accept_group">invites you to a group call</string>
+    <string name="tuicallkit_accept_single">Connected</string>
+    <string name="tuicallkit_invitee_user_list">Also on the call:</string>
+
+    <string name="tuicallkit_permission_camera">Camera</string>
+    <string name="tuicallkit_permission_microphone">Microphone</string>
+    <string name="tuicallkit_permission_bluetooth">Bluetooth</string>
+    <string name="tuicallkit_permission_separator">,</string>
+    <string name="tuicallkit_permission_tips">Please turn on the %s permission first</string>
+    <string name="tuicallkit_permission_title">%s applies for access to the %s</string>
+    <string name="tuicallkit_permission_mic_reason">Needs access to your microphone, and it can be used for functions such as Audio/Video Call, Group Audio/Video Call etc.</string>
+    <string name="tuicallkit_permission_camera_reason">Needs access to your camera, and it can be used for functions such as Video Call, Group Video Call etc. For beauty filters to work, we will collect the facial information captured by your camera in real time to detect your facial features.</string>
+    <string name="tuicallkit_permission_bluetooth_reason">To ensure that you can connect to Bluetooth function for communication during Audio/Video Call, we need to request permission of nearby devices.</string>
+
+    <string name="tuicallkit_package_not_purchased">You do not have TUICallKit package, please open the free experience in the console or purchase the official package</string>
+    <string name="tuicallkit_package_not_support">The package you purchased does not support this ability</string>
+    <string name="tuicallkit_group_id_is_empty">groupId is empty</string>
+    <string name="tuicallkit_have_a_new_call">You have a new call</string>
+
+    <string name="tuicallkit_record_call_title">Recent Calls</string>
+    <string name="tuicallkit_record_call_delete">delete</string>
+    <string name="tuicallkit_record_dialog_message">Clear All Call History</string>
+    <string name="tuicallkit_record_dialog_cancel">Cancel</string>
+    <string name="tuicallkit_record_tab_title_all">All</string>
+    <string name="tuicallkit_record_tab_title_miss">Missed</string>
+    <string name="tuicallkit_record_done">Done</string>
+    <string name="tuicallkit_record_clear">Clear</string>
+    <string name="tuicallkit_group_recall_unsupport">Multiple call records do not support recalls</string>
+    <string name="tuicallkit_record_result_unknown">Unknown</string>
+    <string name="tuicallkit_record_result_missed">Missed</string>
+    <string name="tuicallkit_record_result_incoming">Incoming</string>
+    <string name="tuicallkit_record_result_outgoing">Outgoing</string>
+
+    <string name="tuicallkit_group_title_add_user">Add User</string>
+    <string name="tuicallkit_group_hint_you">(you)</string>
+    <string name="tuicallkit_group_btn_ok">Confirm</string>
+
+    <string name="tuicallkit_error_in_peer_blacklist">The identifier is in blacklist. Failed to send this message!</string>
+    <string name="tuicallkit_error_invalid_login">Invalid login, please login again</string>
+    <string name="tuicallkit_error_parameter_invalid">Parameter error</string>
+    <string name="tuicallkit_error_request_refused">The current status can not use this function</string>
+    <string name="tuicallkit_error_request_repeated">The current status is waiting/accept, please do not call it repeatedly</string>
+    <string name="tuicallkit_error_scene_not_support">The current scene does not support this function</string>
+    <string name="tuicallkit_join_group_call">Join</string>
+    <string name="tuicallkit_join_group_call_users">%d people are on the call</string>
+
+    <string name="tuicallkit_blur_background">Blur Background</string>
+    <string name="tuicallkit_notification_channel_group_id">Call Manager</string>
+    <string name="tuicallkit_notification_channel_id">TUICallKit</string>
+</resources>
@@ -0,0 +1,74 @@
+<resources>
+    <string name="tuicallkit_toast_enable_mute">マイクオフ</string>
+    <string name="tuicallkit_toast_disable_mute">マイクオン</string>
+    <string name="tuicallkit_toast_speaker">スピーカーオン</string>
+    <string name="tuicallkit_toast_use_earpiece">スピーカーオフ</string>
+    <string name="tuicallkit_toast_callee_hangup">相手が切断、通話終了</string>
+    <string name="tuicallkit_toast_callee_reject">相手による通話拒否</string>
+    <string name="tuicallkit_toast_callee_no_response">呼び出しタイムアウト</string>
+    <string name="tuicallkit_other_party_network_low_quality">相手のネットワーク接続が不安定です</string>
+    <string name="tuicallkit_self_network_low_quality">ネットワーク接続が不安定です</string>
+    <string name="tuicallkit_toast_switch_camera">カメラの切り替え</string>
+    <string name="tuicallkit_toast_enable_camera">カメラオン</string>
+    <string name="tuicallkit_toast_disable_camera">カメラオフ</string>
+    <string name="tuicallkit_waiting_accept">応答を待っています</string>
+    <string name="tuicallkit_invite_audio_call">音声通話に招待されました</string>
+    <string name="tuicallkit_invite_video_call">ビデオ通話に招待されました</string>
+    <string name="tuicallkit_text_hangup">マイク</string>
+    <string name="tuicallkit_text_line_busy">回線ビジー</string>
+    <string name="tuicallkit_text_dialing">応答</string>
+    <string name="tuicallkit_btn_cancel">キャンセル</string>
+    <string name="tuicallkit_video_call">ビデオ通話</string>
+    <string name="tuicallkit_audio_call">音声通話</string>
+    <string name="tuicallkit_user_exceed_limit">暫して、最大9人までの通话をサポートしています。複数人の会議を希望する場合、TUIRoomKitを使用してください。</string>
+    <string name="tuicallkit_wait_response">応答を待っています...</string>
+    <string name="tuicallkit_wait_accept_group">グループ通話に招待します</string>
+    <string name="tuicallkit_accept_single">接続済み</string>
+    <string name="tuicallkit_invitee_user_list">通話に参加している他の人もいます</string>
+
+    <string name="tuicallkit_permission_camera">カメラ</string>
+    <string name="tuicallkit_permission_microphone">マイク</string>
+    <string name="tuicallkit_permission_bluetooth">Bluetooth</string>
+    <string name="tuicallkit_permission_separator">、</string>
+    <string name="tuicallkit_permission_tips">最初に%sの権限を有効にする必要があります</string>
+    <string name="tuicallkit_permission_title">%sは%s権限を取得するよう申請します</string>
+    <string name="tuicallkit_permission_camera_reason">カメラへのアクセス許可が必要で、ビデオ通話、グループビデオ通話などの機能に使用できます。美顔機能を使用する場合は、カメラで撮影された映像から顔の特徴点情報をリアルタイムで収集し、より自然な美しさを提供します。</string>
+    <string name="tuicallkit_permission_mic_reason">マイクへのアクセス許可が必要で、音声/ビデオ通話、グループ音声/ビデオ通話などの機能に使用できます。マイクをオンにした場合のみ、録画した動画に音声が保存されます。</string>
+    <string name="tuicallkit_permission_bluetooth_reason">音声/ビデオ通話中にBluetooth接続が正常に行われるには、付近のBluetoothデバイスの検出や接続を許可する必要があります。</string>
+
+    <string name="tuicallkit_package_not_purchased">TUICallKit パッケージを購入していません。コンソールで無料トライアル版をアクティブ化するか、正式版を購入してください。</string>
+    <string name="tuicallkit_package_not_support">購入したTUICallKitパッケージはこの機能をサポートしていません。パッケージタイプをアップグレードすることをお勧めします。</string>
+    <string name="tuicallkit_group_id_is_empty">グループIDが空です</string>
+    <string name="tuicallkit_have_a_new_call">新しい通話があります</string>
+
+    <string name="tuicallkit_record_call_title">通話履歴</string>
+    <string name="tuicallkit_record_call_delete">削除</string>
+    <string name="tuicallkit_record_dialog_message">すべての履歴を消去</string>
+    <string name="tuicallkit_record_dialog_cancel">キャンセル</string>
+    <string name="tuicallkit_record_tab_title_all">すべて</string>
+    <string name="tuicallkit_record_tab_title_miss">不在着信</string>
+    <string name="tuicallkit_record_done">完了</string>
+    <string name="tuicallkit_record_clear">削除</string>
+    <string name="tuicallkit_group_recall_unsupport">グループ通話記録はリコールをサポートしません</string>
+    <string name="tuicallkit_record_result_unknown">不明</string>
+    <string name="tuicallkit_record_result_missed">不在着信</string>
+    <string name="tuicallkit_record_result_incoming">着信</string>
+    <string name="tuicallkit_record_result_outgoing">発信</string>
+
+    <string name="tuicallkit_group_title_add_user">メンバーを招待</string>
+    <string name="tuicallkit_group_hint_you">(自分)</string>
+    <string name="tuicallkit_group_btn_ok">OK</string>
+
+    <string name="tuicallkit_error_in_peer_blacklist">ユーザーはブラックリストに登録され、通話が開始できませんでした。</string>
+    <string name="tuicallkit_error_invalid_login">ログイン失敗しました。もう一度ログインしてください</string>
+    <string name="tuicallkit_error_parameter_invalid">パラメータエラー</string>
+    <string name="tuicallkit_error_request_refused">現在の状態では、この機能の呼び出しはサポートされていません</string>
+    <string name="tuicallkit_error_request_repeated">現在実行中のメソッドを呼び出すことはできません</string>
+    <string name="tuicallkit_error_scene_not_support">現在の通話シーンでは、この機能はサポートしていません</string>
+    <string name="tuicallkit_join_group_call">参加</string>
+    <string name="tuicallkit_join_group_call_users">%d人が通話中です</string>
+
+    <string name="tuicallkit_blur_background">背景をぼかす</string>
+    <string name="tuicallkit_notification_channel_group_id">つうわかんり</string>
+    <string name="tuicallkit_notification_channel_id">おんせい・えいぞうつうわ</string>
+</resources>
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="tuicallkit_toast_enable_mute">麥克風已關</string>
+    <string name="tuicallkit_toast_disable_mute">麥克風已開</string>
+    <string name="tuicallkit_toast_speaker">揚聲器已開</string>
+    <string name="tuicallkit_toast_use_earpiece">揚聲器已關</string>
+    <string name="tuicallkit_toast_callee_hangup">對方已掛斷，通話結束</string>
+    <string name="tuicallkit_toast_callee_reject">對方拒絕了通話請求</string>
+    <string name="tuicallkit_toast_callee_no_response">對方未響應</string>
+    <string name="tuicallkit_other_party_network_low_quality">當前通話對方網絡不佳</string>
+    <string name="tuicallkit_self_network_low_quality">當前通話你的網絡不佳</string>
+    <string name="tuicallkit_toast_switch_camera">翻轉</string>
+    <string name="tuicallkit_toast_enable_camera">攝像頭已開</string>
+    <string name="tuicallkit_toast_disable_camera">攝像頭已關</string>
+    <string name="tuicallkit_waiting_accept">等待對方接受邀請</string>
+    <string name="tuicallkit_invite_audio_call">邀請你語音通話</string>
+    <string name="tuicallkit_invite_video_call">邀請你視頻通話</string>
+    <string name="tuicallkit_text_hangup">掛斷</string>
+    <string name="tuicallkit_text_line_busy">對方忙</string>
+    <string name="tuicallkit_text_dialing">接聽</string>
+    <string name="tuicallkit_btn_cancel">取消</string>
+    <string name="tuicallkit_video_call">視頻通話</string>
+    <string name="tuicallkit_audio_call">語音通話</string>
+    <string name="tuicallkit_user_exceed_limit">暫支持最多9人通話。如需多人會議，請使用TUIRoomKit</string>
+    <string name="tuicallkit_wait_response">等待接聽</string>
+    <string name="tuicallkit_wait_accept_group">邀請你加入多人通話</string>
+    <string name="tuicallkit_accept_single">已接通</string>
+    <string name="tuicallkit_invitee_user_list">參與通話的還有:</string>
+
+    <string name="tuicallkit_permission_camera">攝像頭</string>
+    <string name="tuicallkit_permission_microphone">麥克風</string>
+    <string name="tuicallkit_permission_bluetooth">藍牙</string>
+    <string name="tuicallkit_permission_separator">、</string>
+    <string name="tuicallkit_permission_tips">請先打開%s權限</string>
+    <string name="tuicallkit_permission_title">%s申請獲取%s權限</string>
+    <string name="tuicallkit_permission_camera_reason">需要訪問您的相機權限，開啟後用於視頻通話、多人視頻通話等功能，在您使用美顏功能時，我們會對您實時拍攝的面部的像素信息進行實時智能識別，在識別過程中會實時收集您面部的像素信息，以為您提供更好的美顏效果。</string>
+    <string name="tuicallkit_permission_mic_reason">需要訪問您的麥克風權限，開啟後用於語音通話、多人語音通話、視頻通話、多人視頻通話等功能，並且開啟後錄製的視頻才會有聲音。</string>
+    <string name="tuicallkit_permission_bluetooth_reason">為確保您在音視頻通話中可正常連接藍牙功能進行溝通，我們需要向您申請查找與連接附近設備的權限。</string>
+
+    <string name="tuicallkit_package_not_purchased">您當前未購買音視頻通話能力套餐，請前往 IM 控制台開通免費體驗或加購正式版</string>
+    <string name="tuicallkit_package_not_support">您當前購買的音視頻通話能力套餐不支持該功能，建議您升級套餐類型</string>
+    <string name="tuicallkit_group_id_is_empty">群ID為空</string>
+    <string name="tuicallkit_have_a_new_call">您有一個新的通話</string>
+
+    <string name="tuicallkit_record_call_title">最近通話</string>
+    <string name="tuicallkit_record_call_delete">刪除</string>
+    <string name="tuicallkit_record_dialog_message">清除所有記錄</string>
+    <string name="tuicallkit_record_dialog_cancel">取消</string>
+    <string name="tuicallkit_record_tab_title_all">所有通話</string>
+    <string name="tuicallkit_record_tab_title_miss">未接來電</string>
+    <string name="tuicallkit_record_done">完成</string>
+    <string name="tuicallkit_record_clear">清除</string>
+    <string name="tuicallkit_group_recall_unsupport">多人通話記錄不支持重呼</string>
+    <string name="tuicallkit_record_result_unknown">未知通話</string>
+    <string name="tuicallkit_record_result_missed">未接</string>
+    <string name="tuicallkit_record_result_incoming">來電</string>
+    <string name="tuicallkit_record_result_outgoing">去電</string>
+
+    <string name="tuicallkit_group_title_add_user">添加成員</string>
+    <string name="tuicallkit_group_hint_you">(你)</string>
+    <string name="tuicallkit_group_btn_ok">確定</string>
+
+    <string name="tuicallkit_error_in_peer_blacklist">發起通話失敗，用戶在黑名單中，禁止發起！</string>
+    <string name="tuicallkit_error_invalid_login">登錄失敗,請重新登錄</string>
+    <string name="tuicallkit_error_parameter_invalid">參數錯誤</string>
+    <string name="tuicallkit_error_request_refused">當前狀態不支持調用</string>
+    <string name="tuicallkit_error_request_repeated">當前方法正在執行中，請勿重複調用</string>
+    <string name="tuicallkit_error_scene_not_support">當前通話場景，不支持該功能</string>
+    <string name="tuicallkit_join_group_call">加入</string>
+    <string name="tuicallkit_join_group_call_users">%d人正在通话中</string>
+
+    <string name="tuicallkit_blur_background">模糊背景</string>
+    <string name="tuicallkit_notification_channel_group_id">通話管理</string>
+    <string name="tuicallkit_notification_channel_id">音視頻通話</string>
+</resources>
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="tuicallkit_toast_enable_mute">麥克風已關</string>
+    <string name="tuicallkit_toast_disable_mute">麥克風已開</string>
+    <string name="tuicallkit_toast_speaker">揚聲器已開</string>
+    <string name="tuicallkit_toast_use_earpiece">揚聲器已關</string>
+    <string name="tuicallkit_toast_callee_hangup">對方已掛斷，通話結束</string>
+    <string name="tuicallkit_toast_callee_reject">對方拒絕了通話請求</string>
+    <string name="tuicallkit_toast_callee_no_response">對方未響應</string>
+    <string name="tuicallkit_other_party_network_low_quality">當前通話對方網絡不佳</string>
+    <string name="tuicallkit_self_network_low_quality">當前通話你的網絡不佳</string>
+    <string name="tuicallkit_toast_switch_camera">翻轉</string>
+    <string name="tuicallkit_toast_enable_camera">攝像頭已開</string>
+    <string name="tuicallkit_toast_disable_camera">攝像頭已關</string>
+    <string name="tuicallkit_waiting_accept">等待對方接受邀請</string>
+    <string name="tuicallkit_invite_audio_call">邀請你語音通話</string>
+    <string name="tuicallkit_invite_video_call">邀請你視頻通話</string>
+    <string name="tuicallkit_text_hangup">掛斷</string>
+    <string name="tuicallkit_text_line_busy">對方忙</string>
+    <string name="tuicallkit_text_dialing">接聽</string>
+    <string name="tuicallkit_btn_cancel">取消</string>
+    <string name="tuicallkit_video_call">視頻通話</string>
+    <string name="tuicallkit_audio_call">語音通話</string>
+    <string name="tuicallkit_user_exceed_limit">暫支持最多9人通話。如需多人會議，請使用TUIRoomKit</string>
+    <string name="tuicallkit_wait_response">等待接聽</string>
+    <string name="tuicallkit_wait_accept_group">邀請你加入多人通話</string>
+    <string name="tuicallkit_accept_single">已接通</string>
+    <string name="tuicallkit_invitee_user_list">參與通話的還有:</string>
+
+    <string name="tuicallkit_permission_camera">攝像頭</string>
+    <string name="tuicallkit_permission_microphone">麥克風</string>
+    <string name="tuicallkit_permission_bluetooth">藍牙</string>
+    <string name="tuicallkit_permission_separator">、</string>
+    <string name="tuicallkit_permission_tips">請先打開%s權限</string>
+    <string name="tuicallkit_permission_title">%s申請獲取%s權限</string>
+    <string name="tuicallkit_permission_camera_reason">需要訪問您的相機權限，開啟後用於視頻通話、多人視頻通話等功能，在您使用美顏功能時，我們會對您實時拍攝的面部的像素信息進行實時智能識別，在識別過程中會實時收集您面部的像素信息，以為您提供更好的美顏效果。</string>
+    <string name="tuicallkit_permission_mic_reason">需要訪問您的麥克風權限，開啟後用於語音通話、多人語音通話、視頻通話、多人視頻通話等功能，並且開啟後錄製的視頻才會有聲音。</string>
+    <string name="tuicallkit_permission_bluetooth_reason">為確保您在音視頻通話中可正常連接藍牙功能進行溝通，我們需要向您申請查找與連接附近設備的權限。</string>
+
+    <string name="tuicallkit_package_not_purchased">您當前未購買音視頻通話能力套餐，請前往 IM 控制台開通免費體驗或加購正式版</string>
+    <string name="tuicallkit_package_not_support">您當前購買的音視頻通話能力套餐不支持該功能，建議您升級套餐類型</string>
+    <string name="tuicallkit_group_id_is_empty">群ID為空</string>
+    <string name="tuicallkit_have_a_new_call">您有一個新的通話</string>
+
+    <string name="tuicallkit_record_call_title">最近通話</string>
+    <string name="tuicallkit_record_call_delete">刪除</string>
+    <string name="tuicallkit_record_dialog_message">清除所有記錄</string>
+    <string name="tuicallkit_record_dialog_cancel">取消</string>
+    <string name="tuicallkit_record_tab_title_all">所有通話</string>
+    <string name="tuicallkit_record_tab_title_miss">未接來電</string>
+    <string name="tuicallkit_record_done">完成</string>
+    <string name="tuicallkit_record_clear">清除</string>
+    <string name="tuicallkit_group_recall_unsupport">多人通話記錄不支持重呼</string>
+    <string name="tuicallkit_record_result_unknown">未知通話</string>
+    <string name="tuicallkit_record_result_missed">未接</string>
+    <string name="tuicallkit_record_result_incoming">來電</string>
+    <string name="tuicallkit_record_result_outgoing">去電</string>
+
+    <string name="tuicallkit_group_title_add_user">添加成員</string>
+    <string name="tuicallkit_group_hint_you">(你)</string>
+    <string name="tuicallkit_group_btn_ok">確定</string>
+
+    <string name="tuicallkit_error_in_peer_blacklist">發起通話失敗，用戶在黑名單中，禁止發起！</string>
+    <string name="tuicallkit_error_invalid_login">登錄失敗,請重新登錄</string>
+    <string name="tuicallkit_error_parameter_invalid">參數錯誤</string>
+    <string name="tuicallkit_error_request_refused">當前狀態不支持調用</string>
+    <string name="tuicallkit_error_request_repeated">當前方法正在執行中，請勿重複調用</string>
+    <string name="tuicallkit_error_scene_not_support">當前通話場景，不支持該功能</string>
+    <string name="tuicallkit_join_group_call">加入</string>
+    <string name="tuicallkit_join_group_call_users">%d人正在通话中</string>
+
+    <string name="tuicallkit_blur_background">模糊背景</string>
+    <string name="tuicallkit_notification_channel_group_id">通話管理</string>
+    <string name="tuicallkit_notification_channel_id">音視頻通話</string>
+</resources>
@@ -0,0 +1,74 @@
+<resources>
+    <string name="tuicallkit_toast_enable_mute">麦克风已关</string>
+    <string name="tuicallkit_toast_disable_mute">麦克风已开</string>
+    <string name="tuicallkit_toast_speaker">扬声器已开</string>
+    <string name="tuicallkit_toast_use_earpiece">扬声器已关</string>
+    <string name="tuicallkit_toast_callee_hangup">对方已挂断，通话结束</string>
+    <string name="tuicallkit_toast_callee_reject">对方拒绝了通话请求</string>
+    <string name="tuicallkit_toast_callee_no_response">对方未响应</string>
+    <string name="tuicallkit_other_party_network_low_quality">当前通话对方网络不佳</string>
+    <string name="tuicallkit_self_network_low_quality">当前通话你的网络不佳</string>
+    <string name="tuicallkit_toast_switch_camera">翻转</string>
+    <string name="tuicallkit_toast_enable_camera">摄像头已开</string>
+    <string name="tuicallkit_toast_disable_camera">摄像头已关</string>
+    <string name="tuicallkit_waiting_accept">等待对方接受邀请</string>
+    <string name="tuicallkit_invite_audio_call">邀请你语音通话</string>
+    <string name="tuicallkit_invite_video_call">邀请你视频通话</string>
+    <string name="tuicallkit_text_hangup">挂断</string>
+    <string name="tuicallkit_text_line_busy">对方忙</string>
+    <string name="tuicallkit_text_dialing">接听</string>
+    <string name="tuicallkit_btn_cancel">取消</string>
+    <string name="tuicallkit_video_call">视频通话</string>
+    <string name="tuicallkit_audio_call">语音通话</string>
+    <string name="tuicallkit_user_exceed_limit">暂支持最多9人通话。如需多人会议，请使用TUIRoomKit</string>
+    <string name="tuicallkit_wait_response">等待接听</string>
+    <string name="tuicallkit_wait_accept_group">邀请你加入多人通话</string>
+    <string name="tuicallkit_accept_single">已接通</string>
+    <string name="tuicallkit_invitee_user_list">参与通话的还有:</string>
+
+    <string name="tuicallkit_permission_camera">摄像头</string>
+    <string name="tuicallkit_permission_microphone">麦克风</string>
+    <string name="tuicallkit_permission_bluetooth">蓝牙</string>
+    <string name="tuicallkit_permission_separator">、</string>
+    <string name="tuicallkit_permission_tips">请先打开%s权限</string>
+    <string name="tuicallkit_permission_title">%s申请获取%s权限</string>
+    <string name="tuicallkit_permission_camera_reason">需要访问您的相机权限，开启后用于视频通话、多人视频通话等功能，在您使用美颜功能时，我们会对您实时拍摄的面部的像素信息进行实时智能识别，在识别过程中会实时收集您面部的像素信息，以为您提供更好的美颜效果。</string>
+    <string name="tuicallkit_permission_mic_reason">需要访问您的麦克风权限，开启后用于语音通话、多人语音通话、视频通话、多人视频通话等功能，并且开启后录制的视频才会有声音。</string>
+    <string name="tuicallkit_permission_bluetooth_reason">为确保您在音视频通话中可正常连接蓝牙功能进行沟通，我们需要向您申请查找与连接附近设备的权限。</string>
+
+    <string name="tuicallkit_package_not_purchased">您当前未购买音视频通话能力套餐，请前往 IM 控制台开通免费体验或加购正式版</string>
+    <string name="tuicallkit_package_not_support">您当前购买的音视频通话能力套餐不支持该功能，建议您升级套餐类型</string>
+    <string name="tuicallkit_group_id_is_empty">群ID为空</string>
+    <string name="tuicallkit_have_a_new_call">您有一个新的通话</string>
+
+    <string name="tuicallkit_record_call_title">最近通话</string>
+    <string name="tuicallkit_record_call_delete">删除</string>
+    <string name="tuicallkit_record_dialog_message">清除所有记录</string>
+    <string name="tuicallkit_record_dialog_cancel">取消</string>
+    <string name="tuicallkit_record_tab_title_all">所有通话</string>
+    <string name="tuicallkit_record_tab_title_miss">未接来电</string>
+    <string name="tuicallkit_record_done">完成</string>
+    <string name="tuicallkit_record_clear">清除</string>
+    <string name="tuicallkit_group_recall_unsupport">多人通话记录不支持重呼</string>
+    <string name="tuicallkit_record_result_unknown">未知通话</string>
+    <string name="tuicallkit_record_result_missed">未接</string>
+    <string name="tuicallkit_record_result_incoming">来电</string>
+    <string name="tuicallkit_record_result_outgoing">去电</string>
+
+    <string name="tuicallkit_group_title_add_user">添加成员</string>
+    <string name="tuicallkit_group_hint_you">(你)</string>
+    <string name="tuicallkit_group_btn_ok">确定</string>
+
+    <string name="tuicallkit_error_in_peer_blacklist">发起通话失败，用户在黑名单中，禁止发起！</string>
+    <string name="tuicallkit_error_invalid_login">登录失败,请重新登录</string>
+    <string name="tuicallkit_error_parameter_invalid">参数错误</string>
+    <string name="tuicallkit_error_request_refused">当前状态不支持调用</string>
+    <string name="tuicallkit_error_request_repeated">当前方法正在执行中，请勿重复调用</string>
+    <string name="tuicallkit_error_scene_not_support">当前通话场景，不支持该功能</string>
+    <string name="tuicallkit_join_group_call">加入</string>
+    <string name="tuicallkit_join_group_call_users">%d人正在通话中</string>
+
+    <string name="tuicallkit_blur_background">模糊背景</string>
+    <string name="tuicallkit_notification_channel_group_id">通话管理</string>
+    <string name="tuicallkit_notification_channel_id">音视频通话</string>
+</resources>
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="tuicallkit_color_white">#FFFFFFFF</color>
+    <color name="tuicallkit_color_black">#FF000000</color>
+    <color name="tuicallkit_color_gray">#696969</color>
+    <color name="tuicallkit_color_transparent">#00000000</color>
+    <color name="tuicallkit_color_blur_mask">#8022262E</color>
+    <color name="tuicallkit_record_text_red">#FF584C</color>
+    <color name="tuicallkit_record_text_green">#12B969</color>
+    <color name="tuicallkit_color_bg_float_view">#FFBBBBBB</color>
+</resources>
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="tuicallkit_small_image_size">30dp</dimen>
+    <dimen name="tuicallkit_small_image_left_margin">8dp</dimen>
+    <dimen name="tuicallkit_text_size_hint">12sp</dimen>
+    <dimen name="tuicallkit_video_small_view_width">120dp</dimen>
+    <dimen name="tuicallkit_video_small_view_height">180dp</dimen>
+</resources>
@@ -0,0 +1,75 @@
+<resources>
+    <string name="tuicallkit_toast_enable_mute">Muted</string>
+    <string name="tuicallkit_toast_disable_mute">Unmuted</string>
+    <string name="tuicallkit_toast_speaker">Speaker</string>
+    <string name="tuicallkit_toast_use_earpiece">Earpiece</string>
+    <string name="tuicallkit_toast_callee_hangup">Other party hung up, call ended</string>
+    <string name="tuicallkit_toast_callee_reject">Call rejected by other party</string>
+    <string name="tuicallkit_toast_callee_no_response">The other party did not respond</string>
+    <string name="tuicallkit_other_party_network_low_quality">The other party\'s network connection is poor</string>
+    <string name="tuicallkit_self_network_low_quality">Your network connection is poor</string>
+    <string name="tuicallkit_toast_switch_camera">Switch Camera</string>
+    <string name="tuicallkit_toast_enable_camera">Camera On</string>
+    <string name="tuicallkit_toast_disable_camera">Camera Off</string>
+    <string name="tuicallkit_waiting_accept">Awaiting response</string>
+    <string name="tuicallkit_invite_audio_call">Invited you to a voice call</string>
+    <string name="tuicallkit_invite_video_call">Invites you to a video call</string>
+    <string name="tuicallkit_text_hangup">Hang Up</string>
+    <string name="tuicallkit_text_line_busy">Line Busy</string>
+    <string name="tuicallkit_text_dialing">Answer</string>
+    <string name="tuicallkit_btn_cancel">Cancel</string>
+    <string name="tuicallkit_video_call">Video Call</string>
+    <string name="tuicallkit_audio_call">Voice Call</string>
+    <string name="tuicallkit_user_exceed_limit">TUICallKit currently supports call with up to 9 people.For larger conference calls,try using TUIRoomKit</string>
+    <string name="tuicallkit_wait_response">Waiting</string>
+    <string name="tuicallkit_wait_accept_group">invites you to a group call</string>
+    <string name="tuicallkit_accept_single">Connected</string>
+    <string name="tuicallkit_invitee_user_list">Also on the call:</string>
+
+    <string name="tuicallkit_permission_camera">Camera</string>
+    <string name="tuicallkit_permission_microphone">Microphone</string>
+    <string name="tuicallkit_permission_bluetooth">Bluetooth</string>
+    <string name="tuicallkit_permission_separator">,</string>
+    <string name="tuicallkit_permission_tips">Please turn on the %s permission first</string>
+    <string name="tuicallkit_permission_title">%s applies for access to the %s</string>
+    <string name="tuicallkit_permission_mic_reason">Needs access to your microphone, and it can be used for functions such as Audio/Video Call, Group Audio/Video Call etc.</string>
+    <string name="tuicallkit_permission_camera_reason">Needs access to your camera, and it can be used for functions such as Video Call, Group Video Call etc. For beauty filters to work, we will collect the facial information captured by your camera in real time to detect your facial features.</string>
+    <string name="tuicallkit_permission_bluetooth_reason">To ensure that you can connect to Bluetooth function for communication during Audio/Video Call, we need to request permission of nearby devices.</string>
+
+    <string name="tuicallkit_package_not_purchased">You do not have TUICallKit package, please open the free experience in the console or purchase the official package</string>
+    <string name="tuicallkit_package_not_support">The package you purchased does not support this ability</string>
+    <string name="tuicallkit_group_id_is_empty">groupId is empty</string>
+    <string name="tuicallkit_have_a_new_call">You have a new call</string>
+
+    <string name="tuicallkit_record_call_title">Recent Calls</string>
+    <string name="tuicallkit_record_call_delete">delete</string>
+    <string name="tuicallkit_record_dialog_message">Clear All Call History</string>
+    <string name="tuicallkit_record_dialog_cancel">Cancel</string>
+    <string name="tuicallkit_record_tab_title_all">All</string>
+    <string name="tuicallkit_record_tab_title_miss">Missed</string>
+    <string name="tuicallkit_record_done">Done</string>
+    <string name="tuicallkit_record_clear">Clear</string>
+    <string name="tuicallkit_group_recall_unsupport">Multiple call records do not support recalls</string>
+    <string name="tuicallkit_record_result_unknown">Unknown</string>
+    <string name="tuicallkit_record_result_missed">Missed</string>
+    <string name="tuicallkit_record_result_incoming">Incoming</string>
+    <string name="tuicallkit_record_result_outgoing">Outgoing</string>
+
+    <string name="tuicallkit_group_title_add_user">Add User</string>
+    <string name="tuicallkit_group_hint_you">(you)</string>
+    <string name="tuicallkit_group_btn_ok">Confirm</string>
+
+    <string name="tuicallkit_error_in_peer_blacklist">The identifier is in blacklist. Failed to send this message!</string>
+    <string name="tuicallkit_error_invalid_login">Invalid login, please login again</string>
+    <string name="tuicallkit_error_parameter_invalid">Parameter error</string>
+    <string name="tuicallkit_error_request_refused">The current status can not use this function</string>
+    <string name="tuicallkit_error_request_repeated">The current status is waiting/accept, please do not call it repeatedly</string>
+    <string name="tuicallkit_error_scene_not_support">The current scene does not support this function</string>
+    <string name="tuicallkit_join_group_call">Join</string>
+    <string name="tuicallkit_join_group_call_users">%d people are on the call</string>
+
+    <string name="tuicallkit_blur_background">Blur Background</string>
+    <string name="tuicallkit_notification_channel_group_id">Call Manager</string>
+    <string name="tuicallkit_notification_channel_id">TUICallKit</string>
+
+</resources>
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="TUICallTabLayoutStyle" parent="android:style/TextAppearance.Widget.TabWidget">
+        <item name="android:textSize">13sp</item>
+        <item name="android:textStyle">normal</item>
+        <item name="android:textColor">#000000</item>
+        <item name="textAllCaps">false</item>
+    </style>
+</resources>
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <ConstraintSet android:id="@+id/start">
+        <Constraint
+            android:id="@+id/iv_function"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+        <Constraint
+            android:id="@+id/tv_function"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:alpha="1"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/iv_function" />
+    </ConstraintSet>
+
+    <ConstraintSet android:id="@+id/end">
+        <Constraint
+            android:id="@+id/iv_function"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+        <Constraint
+            android:id="@+id/tv_function"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:alpha="0"
+            android:visibility="gone"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/iv_function" />
+    </ConstraintSet>
+
+    <Transition
+        android:id="@+id/item_transition"
+        app:constraintSetEnd="@id/end"
+        app:constraintSetStart="@+id/start" />
+</MotionScene>
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="utf-8"?>
+<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:motion="http://schemas.android.com/apk/res-auto">
+    <ConstraintSet android:id="@+id/start">
+        <Constraint
+            android:id="@id/slide_reference_view"
+            android:layout_width="1dp"
+            android:layout_height="1dp"
+            app:layout_constraintTop_toTopOf="parent" />
+        <Constraint
+            android:id="@+id/iv_mic"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:layout_marginTop="32dp"
+            app:layout_constraintEnd_toStartOf="@+id/iv_speaker"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+        <Constraint
+            android:id="@+id/tv_mic"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:alpha="1"
+            app:layout_constraintEnd_toEndOf="@+id/iv_mic"
+            app:layout_constraintStart_toStartOf="@+id/iv_mic"
+            app:layout_constraintTop_toBottomOf="@+id/iv_mic" />
+        <Constraint
+            android:id="@+id/iv_speaker"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            app:layout_constraintEnd_toStartOf="@+id/iv_camera"
+            app:layout_constraintStart_toEndOf="@+id/iv_mic"
+            app:layout_constraintTop_toTopOf="@+id/iv_mic" />
+        <Constraint
+            android:id="@+id/tv_speaker"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:alpha="1"
+            app:layout_constraintEnd_toEndOf="@+id/iv_speaker"
+            app:layout_constraintStart_toStartOf="@+id/iv_speaker"
+            app:layout_constraintTop_toBottomOf="@+id/iv_speaker" />
+        <Constraint
+            android:id="@+id/iv_camera"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/iv_speaker"
+            app:layout_constraintTop_toTopOf="@+id/iv_mic" />
+        <Constraint
+            android:id="@+id/tv_video_camera"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="12dp"
+            android:alpha="1"
+            app:layout_constraintEnd_toEndOf="@+id/iv_camera"
+            app:layout_constraintStart_toStartOf="@+id/iv_camera"
+            app:layout_constraintTop_toBottomOf="@+id/iv_camera" />
+        <Constraint
+            android:id="@+id/iv_hang_up"
+            android:layout_width="60dp"
+            android:layout_height="60dp"
+            android:layout_marginTop="22dp"
+            app:layout_constraintBottom_toBottomOf="@+id/iv_expanded"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/iv_expanded" />
+        <Constraint
+            android:id="@+id/iv_expanded"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
+            android:layout_marginStart="30dp"
+            android:layout_marginTop="150dp"
+            android:layout_marginBottom="49dp"
+            android:rotation="0"
+            android:visibility="invisible"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </ConstraintSet>
+
+    <ConstraintSet android:id="@+id/end">
+        <Constraint
+            android:id="@id/slide_reference_view"
+            android:layout_width="1dp"
+            android:layout_height="1dp"
+            app:layout_constraintBottom_toBottomOf="parent" />
+        <Constraint
+            android:id="@+id/iv_mic"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            app:layout_constraintBottom_toBottomOf="@id/iv_expanded"
+            app:layout_constraintEnd_toStartOf="@id/iv_speaker"
+            app:layout_constraintStart_toEndOf="@id/iv_expanded"
+            app:layout_constraintTop_toTopOf="@id/iv_expanded" />
+        <Constraint
+            android:id="@+id/tv_mic"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="4dp"
+            android:alpha="0"
+            app:layout_constraintEnd_toEndOf="@+id/iv_mic"
+            app:layout_constraintStart_toStartOf="@+id/iv_mic"
+            app:layout_constraintTop_toBottomOf="@+id/iv_mic" />
+        <Constraint
+            android:id="@+id/iv_speaker"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            app:layout_constraintBottom_toBottomOf="@id/iv_expanded"
+            app:layout_constraintEnd_toStartOf="@id/iv_camera"
+            app:layout_constraintStart_toEndOf="@id/iv_mic"
+            app:layout_constraintTop_toTopOf="@id/iv_expanded" />
+        <Constraint
+            android:id="@+id/tv_speaker"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="4dp"
+            android:alpha="0"
+            app:layout_constraintEnd_toEndOf="@+id/iv_speaker"
+            app:layout_constraintStart_toStartOf="@+id/iv_speaker"
+            app:layout_constraintTop_toBottomOf="@+id/iv_speaker" />
+        <Constraint
+            android:id="@+id/iv_camera"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            app:layout_constraintBottom_toBottomOf="@id/iv_expanded"
+            app:layout_constraintEnd_toStartOf="@id/iv_hang_up"
+            app:layout_constraintStart_toEndOf="@id/iv_speaker"
+            app:layout_constraintTop_toTopOf="@id/iv_expanded" />
+        <Constraint
+            android:id="@+id/tv_video_camera"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="4dp"
+            android:alpha="0"
+            app:layout_constraintEnd_toEndOf="@+id/iv_camera"
+            app:layout_constraintStart_toStartOf="@+id/iv_camera"
+            app:layout_constraintTop_toBottomOf="@+id/iv_camera" />
+        <Constraint
+            android:id="@+id/iv_hang_up"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            app:layout_constraintBottom_toBottomOf="@id/iv_expanded"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@id/iv_camera"
+            app:layout_constraintTop_toTopOf="@id/iv_expanded" />
+        <Constraint
+            android:id="@+id/iv_expanded"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
+            android:layout_marginStart="30dp"
+            android:layout_marginTop="32dp"
+            android:layout_marginBottom="49dp"
+            android:rotation="180"
+            android:visibility="visible"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </ConstraintSet>
+
+    <Transition
+        android:id="@+id/video_function_view_transition"
+        app:constraintSetEnd="@id/end"
+        app:constraintSetStart="@+id/start">
+        <OnSwipe
+            motion:dragDirection="dragDown"
+            motion:onTouchUp="decelerateAndComplete"
+            motion:touchAnchorId="@id/slide_reference_view"
+            motion:touchAnchorSide="bottom" />
+    </Transition>
+</MotionScene>