Как сделать такой вид в студии android?

Question

Я разрабатываю приложение для записи к врачу android Я нашел это представление, вводное представление, как мне достичь этого представления в android

ниже того, что я пробовал

My Introduction_page. xml файл

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <View
        android:id="@+id/vector_1"
        android:layout_width="419dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_height="555dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:background="@drawable/vector_1" />


    <View
        android:id="@+id/some_id"
        android:layout_width="221dp"
        android:layout_height="158dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:background="@drawable/some_id"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.442"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.474" />

    <TextView
        android:id="@+id/search_doct"
        android:layout_width="272dp"
        android:layout_height="82dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="292dp"
        android:gravity="top"
        android:text="@string/search_doct"
        android:textAppearance="@style/search_doct"
        app:layout_constraintTop_toTopOf="@id/vector_1"
        app:layout_constraintBottom_toBottomOf="@id/some_id" />


    <Button
        android:layout_width="125dp"
        android:layout_height="44dp"
        android:layout_marginBottom="32dp"
        android:text="@string/skip"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:layout_editor_absoluteX="121dp" />


</androidx.constraintlayout.widget.ConstraintLayout>



some_id.xml vector drawable file where I have put vector in order to achieve view above

<vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt"
    android:width="244dp"
    android:height="244dp"
    android:viewportWidth="244"
    android:viewportHeight="244"
    >

    <group>

        <clip-path
            android:pathData="M0 0H244V244H0V0Z"
            />

    </group>

</vector>

vector_1. xml векторный файл с возможностью рисования, в который я поместил вектор, чтобы получить изображение выше.

<vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt"
    android:width="377dp"
    android:height="559dp"
    android:viewportWidth="377"
    android:viewportHeight="559"
    >

    <group>

        <clip-path
            android:pathData="M0.5 0.5H376.5V558.5H0.5V0.5Z"
            />

        <path
            android:pathData="M0.5 0.5V558.5H376.5V0.5"
            android:fillColor="#B0BAD5"
            />

    </group>

    <path
        android:pathData="M0.5 0.5H376.5V558.5H0.5V0.5Z"
        android:strokeWidth="1"
        android:strokeColor="#C4C4C4"
        />

</vector>

UI я хочу

Я хочу знать, как я могу получить представление о том, что мне нужно выучить или что мне нужно сделать, чтобы отобразить пользовательский интерфейс выше