如何在 android 中制作带有圆角的 EditText 组件

Question

我想设计一个EditText 组件，使其具有类似于login UI 的圆角。我已成功实现自定义四舍五入ImageView，但在电子邮件和密码EditText 上失败。

下面是我当前的 xml 文件

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




    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/profile_image"
        android:layout_width="96dp"
        android:layout_height="96dp"
        android:layout_marginTop="140dp"
        android:src="@drawable/ic_person"
        app:civ_border_color="#FF000000"
        app:civ_border_width="2dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.463"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/email"
        android:layout_width="40dp"
        android:layout_height="0dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginStart="60dp"
        android:layout_marginBottom="412dp"
        android:gravity="top"
        android:text="@string/email"
        android:textAppearance="@style/email"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

解决方案

1. 创建可绘制文件rounded_edittext.xml
2. 将此可绘制文件添加到EditText 的属性background:

第 1 步

在res > drawable >中创建文件rounded_edittext.xml

rounded_edittext.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:padding="10dp"
    android:shape="rectangle">

    <solid android:color="#14809AB1" />
    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp" />
</shape>

第 2 步

添加可绘制文件作为background 属性的值。

 <EditText
        .....
        android:background="@drawable/rounded_edittext"/>

Answer 2

使用编辑文本

   <EditText
         android:id="@+id/email"
         android:hint="email"
         android:layout_height="wrap_content"
         android:layout_width="match_parent"
         android:inputType="text"/>