Hacer que las pestañas de ActionBar se desplacen cuando se alcanza el límite, en lugar de crear una lista desplegable

Question

Como sugiere el título, tengo una aplicación de tableta Android 4.0 que usa la barra de acciones y el modo de pestaña.

Si agrego más de 4 o 5 pestañas a la barra de acciones, se crea una lista desplegable en su lugar. He leído la documentación que dice: "Nota: en algunos casos, el sistema Android mostrará las pestañas de la barra de acciones como una lista desplegable para garantizar el mejor ajuste en la barra de acciones".

¿Me preguntaba si es posible anular el comportamiento predeterminado y obtener la barra de acciones para desplazar los elementos? El documento de diseño http://developer.android.com/design/patterns/actionbar.html habla de pestañas desplazables, pero parece que no puedo encontrar ninguna información sobre ellas más que en el documento de diseño.

Answer 1

He estado luchando para que esto funcione. Sin embargo, después de jugar con ActionBarSherlock, la solución es exasperantemente fácil.Si descarga la fuente de la muestra Diseñado y mira en la clase MainActivity, se puede ver que crear y añadir las pestañas, y debajo de eso:

actionBar.setDisplayShowTitleEnabled(false); 
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); 

había llamado estos antes de la adición de las pestañas, y mis pestañas se había convertido en una lista desplegable. Resulta que, todo lo que necesita hacer es llamarlos después de agregar las pestañas en su lugar para mantener las pestañas de desplazamiento.

Answer 2

¿Has echado un vistazo a la aplicación de muestra Honeycomb Gallery en el SDK? Puede tener lo que estás buscando. Instálelo en un dispositivo ICS sin tableta para ver las pestañas desplazables. Una tableta tiene demasiado espacio de pantalla para desplazarse.

http://developer.android.com/resources/samples/HoneycombGallery/index.html

Answer 3

Lea el "Añadir una acción Vista" sección de http://developer.android.com/guide/topics/ui/actionbar.html

Una acción de la vista es un widget que aparece en la barra de acción como un sustituto para el botón de un elemento de acción.

Puede utilizar HorizontalScrollView como acción de la vista mediante la especificación de

<?xml version="1.0" encoding="utf-8"?> 
<menu xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:id="@+id/mytabwidget" 
     android:title="" 
     android:icon="@drawable/ic_launcher" 
     android:showAsAction="always" 
     android:actionViewClass="android.widget.HorizontalScrollView" /> 
</menu> 

Get referencia a la presente HorizontalScrollView en public boolean onCreateOptionsMenu(Menu menu)

Definir un RadioGroup con un poco de RadioButton, donde cada RadioButton cuando se selecciona, actualizará sus fichas asociadas contenido. Ahora agregue este RadioGroup a HorizontalScrollView la que obtendrá en public boolean onCreateOptionsMenu(Menu menu)

Usted puede utilizar selectTab(ActionBar.Tab tab) o algún otro método equivalente para actualizar contenidos pestañas.

Usted puede cambiar el aspecto de RadioButton estableciendo android:button a imagen transparente, y luego poner un poco de StateListDrawable con los estados revisados, seleccionados y normal ..

Ver debajo de la pantalla me usando este método.

En la imagen, cada RadioButton Cuando se activa, selecciona pestaña diferente.

Answer 4

La IU funciona de la manera que es por una razón. Es extremadamente confuso tener un conjunto desplazable de pestañas. Existe una buena posibilidad de que no quede claro que hay más pestañas disponibles a la derecha, y el usuario nunca sabrá que puede desplazarse por las pestañas para obtener más funciones.

Recomiendo seguir con la forma en que la plataforma está diseñada para funcionar. Generalmente hace cosas por una razón.