How to place button inside of EditText

Question

I want to place an image button inside of EditText, but I don't have Idea please tell me how to do so as shown in the figure . Thanks

Answer 1

If You dont want click on that Image, Then you can use drawableRight property for EditText..

android:drawableRight="@drawable/icon" 

If you want click then use below code.

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="wrap_content" >      <EditText         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:hint="Enter search key" />      <ImageButton         android:id="@+id/button1"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_alignParentRight="true"         android:src="@drawable/search"         android:layout_centerVertical="true"         android:layout_margin="5dp"         android:text="Button"/>  </RelativeLayout> 

Answer 2

If you want such layout and also image as clickable then you can do something like this

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="wrap_content"     android:layout_height="wrap_content" >      <EditText         android:id="@+id/editText1"         android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:layout_centerVertical="true" >      </EditText>      <ImageView         android:id="@+id/imageView1"         android:padding="5dp"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_alignTop="@+id/editText1"         android:layout_alignBottom="@+id/editText1"         android:layout_alignRight="@+id/editText1"         android:src="@drawable/ic_launcher" />  </RelativeLayout> 

Output: