您的位置：首页 > 其它

在EditText中添加图片和文字

2016-01-06 13:31 316 查看

如下图，在EditText中显示图片

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

代码如下：

01.<RelativeLayout>
02.                <EditText android:id="@+id/edt_operator_name" style="@style/syncEditText"
03.                    android:hint="@string/hint_operator_name" />
04.                <ImageView android:id="@+id/syncOperatorImg" style="@style/syncImageView"
05.                    android:layout_alignLeft="@+id/edt_operator_name"
06.                    android:layout_alignTop="@+id/edt_operator_name"
07.                    android:layout_alignBottom="@+id/edt_operator_name" android:src="@drawable/sync_operator" />
08.            </RelativeLayout>

这里只是局部代码，其他一些自定义的样式或者引用没有写出来，知道关键的地方就行了，上面代码中最关键的是

01.android:layout_alignLeft="@+id/edt_operator_name"
02.                    android:layout_alignTop="@+id/edt_operator_name"
03.                    android:layout_alignBottom="@+id/edt_operator_name" android:src="@drawable/sync_operator"

这几句的意思就是让让syncOperatorImag的左部，上部和上部与edt_operator_name对齐。

注意:一定是在RelativeLayout的基础上，否则不行

设置EditText边框为圆角如下图所示：

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

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

显示控件的xml中

01.<EditText android:id="@+id/edt_operator_name" style="@style/syncEditText"
02.                    android:hint="@string/hint_operator_name"
03.android:background="@drawable/rounded_edittext"
04.android:layout_width="250dip"
05.android:layout_height="wrap_content"
06.android:paddingTop="10dip"
07.android:paddingBottom="10dip"
08.android:gravity="center_vertical" />

其中关键的就是设置编辑文本控件的background属性为刚定义的圆角xml。

即：

android:background="@drawable/rounded_edittext"

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航