如何去美化你的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" />

评论

1 楼 swordpy 2013-07-15  

效果是出来了，但是光标位置在图片的前面