如何制作这种类型的自定义EditText UI？

Question

我正在尝试在编辑文本上加上边框，并在上面加上标签。我已经试过了。

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

但是我想要以下一个。最初看起来像这样。

单击后将像这样。

请您帮忙？

Answer 1

使用材料设计“大纲框”样式=“ @ style / Widget.MaterialComponents.TextInputLayout.OutlinedBox”

此链接可能会帮助您http://qaru.site/questions/1688917/custom-textinputlayout-android

Answer 2

正如@ZahoorSaleem所说，您可以为此使用MaterialComponents。 您需要将design support library添加到您的构建文件中。

布局（简化）如下：

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

Answer 3

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>