3

Em alguns aplicativos como os mostrados abaixo, o hint não é ocultado ao se começar a escrever dentro do campo. No Gmail, parece que os campos De e Para não usam hint são uma combinação de layout + estilo. O segundo exemplo, é do aplicativo Organizze que parece não utilizar a abordagem do Gmail, e sim o hint. Como implementar essa característica?

Gmail:

inserir a descrição da imagem aqui

Organizze:

inserir a descrição da imagem aqui

7
  • 2
    Olhando o app do Gmail notei duas situações: 1) O De e Para não são hints do EditText, podem ser TextViews que ficam fora do campo. Você consegue montar um layout que tenha essa funcionalidade bem fácil com um LinearLayout. 2) O Assunto e fica ocultado quando você começa a digitar. No Material Design, existe o conceito de Float Label que pode ser visto aqui, e que existe uma implementação na biblioteca design library chamada de TextInputLayout que pode lhe ajudar.
    – Wakim
    5/09/2015 às 20:33
  • 1
    @Wakim, se o De e o Para tiverem sido implementados conforme você pensa, fizeram uma baita gambiarra para posicioná-los. 5/09/2015 às 21:59
  • 1
    Não necessariamente, esse tipo de layout é muito comum: LinearLayout horizontal com 3 filhos: TextView + EditText sem background + ImageButton. Não vejo nenhuma gambiarra, é apenas uma forma de organizar um "formulário".
    – Wakim
    5/09/2015 às 22:02
  • @Wakim, você está certo. Olhei de forma mais atenta o layout do Gmail. Não há gambiarra foi estruturado da forma como você imaginou. 5/09/2015 às 22:22
  • Interessante @Wakim mas os textViews estão aparentemente ocupando as mesmas posições(dentro) do InputText, observe a linha abaixo que passa abaixo do textview é a linha do inputText, me parece mais um inputText customizado. Olhando o app Organizze
    – Skywalker
    8/09/2015 às 16:14

1 Resposta 1

4

Use TextInputLayout é do Google. Quando o usuário digita algo, o hint sobe e vira title.

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <EditText
        android:id="@+id/nome"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/texto_nome"
        android:inputType="text"/>
</android.support.design.widget.TextInputLayout>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .