У меня есть следующий код для ввода текста
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp"
android:background="@drawable/ic_login_screen_input_container">
<EditText android:id="@+id/input_name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:hint="Name"/>
</android.support.design.widget.TextInputLayout>
После добавления android: background, вводимый текст становится:

Как видите, я добавил закругленный контейнер в качестве фонового изображения, но за текстовым полем ввода все еще есть прямоугольное поле позади него. Моя конечная цель - создать текстовое поле для ввода, например:

Затем, когда пользователь начинает вводить текст в поле, текстовое поле ввода должно выглядеть следующим образом:

Пожалуйста, дайте мне знать, как мне этого добиться