EditText设置圆角

EditText设置圆角

• 很高兴和大家再次见面，我是lady_zhou，这是我的Blog，欢迎大家一起来学习EditText设置圆角

我们即将要实现的是下图中效果：

首先我们定义一个设置圆角的xml文件，我们在工程下的res 文件夹下的drawable文件夹建一个xml文件：

round.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF" />
    <corners
        android:bottomRightRadius="20dp"
        android:bottomLeftRadius="20dp"
        android:topLeftRadius="20dp"
        android:topRightRadius="20dp" />
</shape>   

接下来定义显示控件的xml文件，这里我用的是activity_main.xml文件

activity_main.xml：

<EditText
                android:layout_marginRight="20dip"
                android:layout_marginLeft="20dip"
                android:background="@drawable/round"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:minHeight="40dp"
                android:inputType="number"
                android:ems="10"
                android:textColorHint="#b3b3b3"
                android:gravity="center"
                android:hint="学号"
                android:id="@+id/userId" />

想必眼尖的人可以看出来，其中关键的就是设置编辑文本控件的background属性为刚定义的圆角xml：

    android:background="@drawable/round"

就是这句

而 提示文本的语句是：

     android:hint="学号"

还可以实现设置文本框里的小图标：

    android:drawableLeft="@drawable/ic_launcher" 

这里是将图标设置在左边了，如果想放在右边就是：

    android:drawableRight="@drawable/ic_launcher"

这样EditText的圆角效果就弄好了