android - trucos - tips de gmail

¿Cómo implementar la barra de búsqueda como la aplicación de gmail en Android?

Question

Estoy tratando de implementar la funcionalidad de búsqueda en mi aplicación de Android similar a la última aplicación de gmail (icono de búsqueda en la barra de acción).

Al tocar el ícono Buscar, la barra de acción se convierte en un campo de búsqueda con un botón de retroceso en el lado izquierdo y un botón de micrófono en el lado derecho. Quiero tener el mismo componente en mi aplicación.

¿Hay alguna biblioteca o tutorial para esto?

¿Es esto posible admitir este tipo de búsqueda de diseño de material en versiones sin paleta también? ?

Answer 1

Esta biblioteca para hacer esto, lo único que no hace es las ondulaciones, pero espero que puedas implementarlas con bastante facilidad con otros recursos:

https://github.com/Quinny898/PersistentSearch

Aquí la imagen del trabajo realizado en él.

Answer 2

Hay dos API listas para usar provistas por Google llamadas Diálogo de búsqueda y Vista de búsqueda. Puede usar uno u otro, o ambos, para implementar el comportamiento deseado. Ya te da mucho de lo que quieres. El siguiente enlace tiene un tutorial para él: http://developer.android.com/guide/topics/search/search-dialog.html

Answer 3

No sé acerca de la versión de lollipop, pero si quieres una búsqueda como esa, puedes agregar este "main_activity_actions" a tu barra de acción:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:yourapp="http://schemas.android.com/apk/res-auto" >
    <item android:id="@+id/action_search"
          android:title="@string/action_search"
          android:icon="@drawable/ic_action_search"
          yourapp:showAsAction="ifRoom|collapseActionView"
          yourapp:actionViewClass="android.support.v7.widget.SearchView" />
</menu>

y anula esto en tu java:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main_activity_actions, menu);
    MenuItem searchItem = menu.findItem(R.id.action_search);
    SearchView searchView = (SearchView) MenuItemCompat.getActionView(searchItem);
    // Configure the search info and add any event listeners
    ...
    return super.onCreateOptionsMenu(menu);
}

Más información here , es la parte del diccionario pero es la misma idea, nos vemos!