如何美化EditText 及使用drawableLeft、圆角属性

一.在EditText左侧添加图片

如

 

 

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

代码如下：

 

Xml代码  

1. <RelativeLayout>  
2.                 <EditText android:id="@+id/edt_operator_name" style="@style/syncEditText"  
3.                     android:hint="@string/hint_operator_name" />  
4.                 <ImageView android:id="@+id/syncOperatorImg" style="@style/syncImageView"  
5.                     android:layout_alignLeft="@+id/edt_operator_name"  
6.                     android:layout_alignTop="@+id/edt_operator_name"  
7.                     android:layout_alignBottom="@+id/edt_operator_name" android:src="@drawable/sync_operator" />  
8.             </RelativeLayout>  

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

 

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

 

二.EditText圆角

 

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

 

Xml代码  

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

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

 

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

显示控件的xml中

 

Xml代码  

1. <EditText android:id="@+id/edt_operator_name" style="@style/syncEditText"  
2.                     android:hint="@string/hint_operator_name"  
3. android:background="@drawable/rounded_edittext"  
4. android:layout_width="250dip"  
5. android:layout_height="wrap_content"  
6. android:paddingTop="10dip"  
7. android:paddingBottom="10dip"  
8. android:gravity="center_vertical" />