在 edittext android 中插入 imageview

Question

I want to place imageview inside edittext. Would it be possible? I checked "evernote" application, and it was able to put photo on the edittext part. I want to make my application exactly as same. How would I be able to put imageview that was chosen from the gallery, and place the photo inside edittext?

I first tried to put imageview inside relativelayout in.xml file, but it threw me a error sign.

Should I do on.xml file? Or should I make my own edittext java file in order to do that?

Answer 1

Use this:

<EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/edit_text"
        android:drawablePadding="8dp"
        android:drawableRight="@drawable/yourImage"/>

you can use drawable left,right,top or bottom of your text according to your need.

To manipulate in java use this:

EditText editText = (EditText) findViewById(R.id.yourEditTextId);
editText.setCompoundDrawablesWithIntrinsicBounds(left,top,right,bottom);

for manipulating image set on right:

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

similarly you can do it for other cases.

Hope it helps

Answer 2

1. U Can try this edit text inside image

 <EditText
    android:id="@+id/editText"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@drawable/draw_bor"
    android:drawableLeft="@drawable/icon"
    android:inputType="phone"
    android:hint="enter number"
    android:padding="10dp"
    android:textColorHint="#bbbbbb" />

Answer 3

you can use following property of editext to set image in editext

android:drawableTop=""
android:drawableBottom=""
android:drawableRight=""
android:drawableLeft=""
android:drawableEnd=""

like this

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content" 
    android:drawableTop="@mipmap/ic_launcher"
    android:drawableBottom="@mipmap/ic_launcher"
    android:drawableRight="@mipmap/ic_launcher"
    android:drawableLeft="@mipmap/ic_launcher"
    android:drawableEnd="@mipmap/ic_launcher"/>

or you can set drabble programatically like this

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

Answer 4

<RelativeLayout
            android:id="@+id/passwordLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="@dimen/_15sdp"
            android:layout_marginTop="@dimen/_13sdp"
            android:background="@drawable/new_goal_bg"
            android:padding="@dimen/_10sdp">


            <EditText
                android:id="@+id/pwd"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/_10sdp"
                android:layout_toLeftOf="@+id/plusIc"
                android:background="@null"
                android:fontFamily="@font/poppins_regular"
                android:hint="Enter a New Goal"
                android:inputType="textPersonName"
                android:textColor="@color/view_color"
                android:textColorHint="@color/black"
                android:textSize="@dimen/_11ssp"
                tools:ignore="NotSibling,TouchTargetSizeCheck,TouchTargetSizeCheck" />


            <LinearLayout
                android:id="@+id/plusIc"
                android:layout_width="@dimen/_15sdp"
                android:layout_height="@dimen/_15sdp"
                android:layout_alignParentEnd="true"
                android:layout_centerVertical="true">


                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:src="@drawable/ic_plus" />

            </LinearLayout>

        </RelativeLayout>