app/src/main/res/layout/fragment_match_page.xml
<?xml version="1.0" encoding="utf-8"?><!-- This linear layout is used to show elements
in vertical or in horizontal linear manner -->
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:id="@+id/button_container"
android:layout_width="match_parent"
android:layout_height="80dp"
android:layout_alignParentBottom="true"
android:layout_marginBottom="8dp"
android:clipChildren="false"
android:orientation="vertical">
<com.yuyakaido.android.cardstackview.CardStackView
android:id="@+id/card_stack_view"
android:layout_width="match_parent"
android:layout_height="500dp"
android:layout_alignParentTop="true"
android:layout_above="@+id/match_play_pause_button"
android:layout_marginBottom="33dp"
android:clipToPadding="false"
android:padding="4dp" />
<TextView
android:id="@+id/no_profile_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_marginStart="@dimen/margin"
android:layout_marginEnd="@dimen/margin"
android:textAlignment="center"
android:textColor="@color/blindly_purple"
android:textSize="26sp"
android:visibility="visible" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/skip_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="30dp"
android:layout_centerVertical="true"
android:layout_toStartOf="@id/match_play_pause_button"
android:backgroundTint="@android:color/white"
android:contentDescription="@string/skip_image_description"
android:src="@drawable/skip_red"
app:fabSize="auto"
app:tint="@null"
app:rippleColor="@color/blindly_purple" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/match_play_pause_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerInParent="true"
android:layout_marginStart="32dp"
android:layout_marginEnd="32dp"
android:layout_marginBottom="32dp"
android:clickable="true"
android:focusable="true"
app:backgroundTint="#FFFBFB"
app:borderWidth="1dp"
app:fabCustomSize="49dp"
app:tint="@null"
app:maxImageSize="50dp"
app:srcCompat="@drawable/play_button_fab"
app:useCompatPadding="false"
android:contentDescription="@string/play_pause_button"
app:rippleColor="@color/blindly_purple"/>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/like_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerVertical="true"
android:layout_marginBottom="30dp"
android:layout_toEndOf="@+id/match_play_pause_button"
android:backgroundTint="@android:color/white"
android:contentDescription="@string/like_image_description"
android:src="@drawable/like_green"
app:fabSize="auto"
app:tint="@null"
app:rippleColor="@color/blindly_purple" />
</RelativeLayout>
</androidx.drawerlayout.widget.DrawerLayout>