How can I add an image on EditText

AndroidImageAndroid Edittext

Android Problem Overview


I want to dynamically add image in EditText. Is it possible?

if anyone knows please give sample code for that.

Android Solutions


Solution 1 - Android

If something like this:

EditCheck

is what you're talking about, then you just need to either set the Drawable{Right | Left | Top | Bottom} property in the xml, or call the corresponding java command.

EditText text = (EditText)findViewById(R.id.text);
text.setCompoundDrawables(null, null, getResources().getDrawable(R.drawable.check_box), null);

Solution 2 - Android

enter image description here

Using the frame layout it is very easy to overcome this.Here another advantage is that you can give click events for buttons.if you set icons using setCompoundDrawables, you cant give the click events.I have implemented in my project that search bar has delete and search icons.

<FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <EditText
                android:id="@+id/search"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/search_bar"
                android:drawablePadding="8dp"
                android:paddingLeft="30dp"
                android:paddingRight="10dp"
                android:inputType="text"
                android:maxLines="1">

                <requestFocus />
            </EditText>

            <Button
                android:id="@+id/searchBtn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="left|center_vertical"
                android:layout_margin="10dp"
                android:background="@drawable/icon_magnify" />

            <Button
                android:id="@+id/delete"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right|center_vertical"
                android:layout_margin="8dp"
                android:background="@drawable/icon_remove" />
        </FrameLayout>

Solution 3 - Android

using android:drawableRight or android:drawableLeft (depend where you prefer align image)

<EditText 
		android:layout_width="wrap_content"
   		android:layout_height="match_parent"
   		android:id="@+id/searchedTxt"
   		android:width="200dp"
   		android:layout_alignParentRight="true"
   		android:drawableRight="@android:drawable/ic_menu_search"
        android:drawablePadding="@dimen/dimen_10dp"
        />	

Solution 4 - Android

you can also try this

    SpannableString ss = new SpannableString("abc\n");
    Drawable d = img.getDrawable();
    d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
    ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
    ss.setSpan(span, 0, 3, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
    editT.setText(ss);

Solution 5 - Android

Test Image

You can use setCompoundDrawablesWithIntrinsicBounds (int left, int top, int right, int bottom).

    EditText text = (EditText) findViewById(R.id.edtTest);
    text.setText("Test");
    text.setCompoundDrawablesWithIntrinsicBounds(null, null,
                       getResources().getDrawable(R.drawable.myDrawable, null), null);

Solution 6 - Android

You can add an image to your EditText through android:background="@drawable/img".

If you want to modify the style by using nine patch or else, but if you want to add a small image in the left of your EditText consider using android:drawableRight="@drawable/icon".

Solution 7 - Android

> extend the edittext class and do code as u want it to be

public void setImage(String imageResource) {
	int position = Selection.getSelectionStart(MyEditText.this
			.getText());

	Spanned e = Html.fromHtml("<img src=\"" + imageResource + "\">",
			imageGetter, null);

	MyEditText.this.getText().insert(position, e);
}

Solution 8 - Android

You can use:

editText.setCompoundDrawablesWithIntrinsicBounds(0, 0, R.drawable.pic_name, 0); 

as suggested here:
https://stackoverflow.com/questions/6590838/calling-setcompounddrawables-doesnt-display-the-compound-drawable

Solution 9 - Android

Create an instance of the EditText

EditText editText = (EditText) findViewById(R.id.EditText1);

Then create a drawable instance of the image

Drawable image = getResources().getDrawable(R.drawable.ic_warning); // API 21 and below.

OR

Drawable image = getDrawable(R.drawable.ic_warning); // API 22 and above.

Then set the image by calling setCompoundDrawablesWithIntrinsicBounds(Drawable left, Drawable top, Drawable right, Drawable bottom);

editText.setCompoundDrawablesWithIntrinsicBounds(null, null, image, null); 

The above line will set the image in the right side of the EditText

Solution 10 - Android

You can try this if you are in adapter class

	holder.myEditText.setCompoundDrawablesWithIntrinsicBounds(null, null,
			_context.getResources().getDrawable(R.drawable.ic_launcher),
			null);

and You can try this if you are in activity class

	myEditText.setCompoundDrawablesWithIntrinsicBounds(null, null,
			getResources().getDrawable(R.drawable.ic_launcher),
			null);

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionsivarajView Question on Stackoverflow
Solution 1 - AndroidCaseyBView Answer on Stackoverflow
Solution 2 - AndroidRamesh AkulaView Answer on Stackoverflow
Solution 3 - AndroidGing3rView Answer on Stackoverflow
Solution 4 - AndroidBuda GavrilView Answer on Stackoverflow
Solution 5 - AndroidMihir PalkhiwalaView Answer on Stackoverflow
Solution 6 - Androidsami boussacsouView Answer on Stackoverflow
Solution 7 - AndroidHammad HasanView Answer on Stackoverflow
Solution 8 - AndroidAmitay FederView Answer on Stackoverflow
Solution 9 - AndroidAjay SivanView Answer on Stackoverflow
Solution 10 - AndroidHammad HasanView Answer on Stackoverflow