如何去美化你的EditText

一.在EditText左侧添加图片

如

 

 

其原理就是在相对布局(RelativeLayout)的基础上用ImageView实现

代码如下：

 

<RelativeLayout><EditText android:id="@+id/edt_operator_name" style="@style/syncEditText"android:hint="@string/hint_operator_name" /><ImageView android:id="@+id/syncOperatorImg" style="@style/syncImageView"android:layout_alignLeft="@+id/edt_operator_name"android:layout_alignTop="@+id/edt_operator_name"android:layout_alignBottom="@+id/edt_operator_name" android:src="@drawable/sync_operator" /></RelativeLayout>

 让syncOperatorImag的左部，上部和下部与edt_operator_name对齐。

 

也可以直接使用 android:drawableLeft="@drawable/ic_launcher"来设置 EditText左边的图片

 

二.EditText圆角

 

首先定义一个圆角xml，路径：res/drawable/rounded_edittext.xml

 

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

也可以直接使用<corners android:radius="7dip" />来一次设置四个角的弧度 

 

把EditText的background属性设置为刚刚建立的xml

显示控件的xml中

 

<EditText android:id="@+id/edt_operator_name" style="@style/syncEditText"android:hint="@string/hint_operator_name"android:background="@drawable/rounded_edittext"android:layout_width="250dip"android:layout_height="wrap_content"android:paddingTop="10dip"android:paddingBottom="10dip"android:gravity="center_vertical" />