Чтобы получить общий вид, все, что вам нужно сделать, это применить стиль "контур" к вашему тегу TextInputLayout
:
<com.google.android.material.textfield.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
...>
<com.google.android.material.textfield.TextInputEditText
.../>
</com.google.android.material.textfield.TextInputLayout
Текст «Электронная почта или телефон», который прыгает вверх, является текстом «подсказки», установленным на макете.
<com.google.android.material.textfield.TextInputLayout
android:hint="Email or phone"
...>
Руководство разработчика по TextInputLayout: https://material.io/develop/android/components/text-input-layout/
Вам понадобится библиотека компонентов материалов Google в вашем приложении. Руководство по началу работы: https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md