Как я могу сделать этот тип пользовательского интерфейса EditText?

Question

Я пытаюсь установить границы для текста редактирования и надписи на нем. Я попробовал это.

<stroke
    android:width="2dp"
    android:color="@color/colorPrimary"/>
<corners android:radius="15dp"/>

Но я хочу следующее. Изначально это будет выглядеть так.

После нажатия будет так.

Не могли бы вы помочь?

Answer 1

put the below code in drawable and use this attribute in edittext
 android:background="@drawable/nameofdrawablefile"
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="#CC0505"/>
    <stroke android:width="2dp" android:color="#CC0505" />
    <corners android:radius="5dp" />
</shape>

Answer 2

Как сказал @ZahoorSaleem, вы можете использовать MaterialComponents для этого. Вам нужно будет добавить библиотеку поддержки в файл сборки.

Схема будет (упрощенно) выглядеть следующим образом:

<TextInputLayout       
  android:hint="Label"
  style="style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <TextInputEditText />
</TextInputLayout>

Answer 3

использовать дизайн материала Outline Box style = "@ style / Widget.MaterialComponents.TextInputLayout.OutlinedBox"

эта ссылка может вам помочь http://qaru.site/questions/1688917/custom-textinputlayout-android