Como adicionar um ícone na visualização EditText no Android?

141

Quero adicionar um ícone de "pesquisa" para aparecer dentro de um EditTextna borda esquerda? como caixa de pesquisa no aplicativo do Facebook para Android?

android

— Adham
fonte

432

Use a android:drawableLeftpropriedade no EditText.

<EditText
    ...     
    android:drawableLeft="@drawable/my_icon" />

— marcosbeirigo
fonte

3

pena de questão claro, eu quero adicionar um botão, então wheni clique sobre ele, fazer alguma ação

— Adham

20

Esta era apenas a solução que eu esperava, dado o cabeçalho da pesquisa.

— Thomas Ahle

32

Além disso, ajuste o preenchimento usando a drawablePaddingpropriedade

— Ryan R

então, qual deve ser o tamanho desse ícone desenhável e em qual pasta devo colocá-lo?

— Kalpesh Lakhani

2

@KalpeshLakhani: Normalmente, o EditText e drawables deve ser 32dp de acordo com as diretrizes de design do Android: developer.android.com/design/style/metrics-grids.html

— Lee Yi Hong

30

Você pode definir drawableLeft no XML, conforme sugerido por marcos , mas também pode querer defini-lo programaticamente - por exemplo, em resposta a um evento. Para fazer isso, use o método setCompoundDrawablesWithIntrincisBounds (int, int, int, int) :

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

// Set drawables for left, top, right, and bottom - send 0 for nothing
editTxt.setCompoundDrawablesWithIntrinsicBounds(R.drawable.myDrawable, 0, 0, 0);

— Peter Ajtai
fonte

Isso define o segundo plano para o EditText, não o ícone / imagem na "Borda esquerda", que é claramente mencionada na pergunta.

— Paresh Mayani

@Paresh - é por isso que apaguei a resposta. Agora editei para incluir uma solução programática, além da solução XML original.

— 31511 Peter Pantai

1

como ocultar programaticamente o ícone? quando a caixa de edição é clicada?

— caça

1

@ Caça - Basta definir o desenho do coumound para nullquando a vista for clicada.

— 31812 Peter Ajtai

27

Se você deseja usar o drawable padrão do Android, pode usar o @android:drawable/ic_menu_searchseguinte:

<EditText android:id="@+id/inputSearch"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:drawableLeft="@android:drawable/ic_menu_search"
    android:hint="Search product.."
    android:inputType="textVisiblePassword"/>

— Jonathan
fonte

3

Usar :

<EditText
    ..     
    android:drawableStart="@drawable/icon" />

— Maher Abuthraa
fonte

0

use android: drawbleStart propery em EditText

    <EditText
        ...     
        android:drawableStart="@drawable/my_icon" />

— Rohit Jakhar
fonte

-1

Use um layout relativo e defina o botão para alinhar à esquerda da visualização de edição de texto e defina o preenchimento esquerdo da visualização de texto para o tamanho do seu botão. Não consigo pensar em uma boa maneira de fazer isso sem codificar o preenchimento: /

Você também pode usar a ferramenta apk para descompactar o apk do facebook e dar uma olhada nos arquivos de layout.

— Nathan Schwermann
fonte

1

Gostaria de mencionar que decompilation é contra a lei em muitos países, por exemplo em toda União Europeia por isso, tenha cuidado :)

— Paweł Byszewski