Android: pestañas en la parte inferior de la pantalla

He estado buscando alrededor de un día para una manera de obtener mi aplicación Android tienen pestañas en la parte inferior de la pantalla.

En el sitio web de desarrolladores de Android en la sección Estilos y temas, parecen tener el ejemplo exacto de lo que estoy tratando de hacer, pero no encontraron necesario proporcionar un ejemplo decente de esto:

Introduzca aquí la descripción de la imagen

Todos los consejos / soluciones que encuentro en la web están fallando. Siempre me parece obtener el siguiente diseño de culo-feo donde las pestañas están muy equivocados en la parte superior de la pantalla junto al nombre de la aplicación 🙁

Introduzca aquí la descripción de la imagen

¿Alguien tiene una pista de cómo lograr esto?

Muchas gracias por adelantado por cualquier sugerencia!

10 Solutions collect form web for “Android: pestañas en la parte inferior de la pantalla”

Creo que estos ejemplos te serán de utilidad: Android Bottom tab bar example AND THIS

Aquí está el enlace de dos github que ha implementado la pestaña en la parte inferior.

Introduzca aquí la descripción de la imagen

https://github.com/AdilSoomro/Iphone-Tab-in-Android

Introduzca aquí la descripción de la imagen

https://github.com/AdilSoomro/Raised-Center-Tab-in-Android

Google no recomienda tener pestañas en la parte inferior.

Consulte la siguiente guía de diseño oficial de Android,
Y busque la sección "No utilice barras de pestaña inferiores"

http://developer.android.com/design/patterns/pure-android.html

Yo uso este diseño para localizar las pestañas en la parte inferior de la pantalla:

 ?xml version="1.0" encoding="utf-8"?> <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="0dp" android:layout_height="0dp" android:layout_weight="0"/> <FrameLayout android:id="@+android:id/realtabcontent" android:background="@drawable/bg_main_app_gradient" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"/> <TabWidget android:id="@android:id/tabs" android:background="#EAE7E1" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="0"/> </LinearLayout> </TabHost> 

Examle of code: https://stackoverflow.com/a/23150258/2765497

Creo que no tienes búsqueda suficiente para tu problema porque estás buscando usando la palabra clave equivocada.

Lo que usted está mostrando en la primera imagen en la parte inferior de la aplicación de Gmail hay 4 menú y menú de desbordamiento 5 y superior en la barra de acción superior

Puede colocar un menú en la parte inferior utilizando una propiedad simple en el manifiesto; Una sola línea en la actividad principal que muestra la barra de acción

android:uiOptions="splitActionBarWhenNarrow"

Me gusta esto :

 <activity android:name="com.example.HomeActivity" android:screenOrientation="portrait" android:uiOptions="splitActionBarWhenNarrow" android:theme="@style/Theme.Sherlock.Light" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> 

Quería publicar una actualización aquí. Barras de navegación inferior son ahora Android Canon. Los principales take-aways de esto son:

1) Utilice las barras de navegación inferiores sólo para 3-5 iconos. Menos, utilice las pestañas . Más, utilice pestañas desplazables (página abajo en ese mismo enlace).

2) Evite usar una barra de navegación inferior y pestañas juntas, y asegúrese de que las responsabilidades de ambos estén claramente separadas si lo hace.

3) Barras de navegación inferior deben utilizarse para acciones de navegación no (utilice la ActionBar de ActionBar para aquellos)

Es muy sencillo….

Para barra de pestañas sencilla usamos

 <?xml version="1.0" encoding="utf-8"?> <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="5dp"> <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="5dp" /> </LinearLayout> </TabHost> 

Pero en la barra de pestaña inferior que usamos

**

 <?xml version="1.0" encoding="utf-8"?> <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"> <RelativeLayout android:layout_height="fill_parent" android:layout_width="fill_parent"> <TabWidget android:id="@android:id/tabs" android:layout_alignParentBottom="true" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="5dp" /> </RelativeLayout> </TabHost>** 

Lo principal es

  android:layout_alignParentBottom=”true”; 

Me encontré con su pregunta en busca de hacer lo mismo, sin embargo, de acuerdo con las directrices de desarrollo de androides, no debería tener una barra de pestañas en la parte inferior, ya que se trata de una función iOS …

Estándares de desarrollo de Android

Parece que la barra inferior está un poco confundida. Eso no es una barra de pestañas. La barra inferior es para las acciones, no para navegar por las pantallas. Por ejemplo, en la captura de pantalla de la aplicación de Gmail que publicó anteriormente, la barra inferior permite al usuario: Escribir correo electrónico, Buscar, Etiqueta, Actualizar y más. Consulte: http://developer.android.com/design/patterns/actionbar.html

Técnicamente estos botones navegan por el usuario hacia otras pantallas, pero la barra de pestañas suele usarse para "cambiar" las pantallas. Por ejemplo, ver contenido por categoría.

Hmm, pero en la última versión de la aplicación de Gmail tienen estos botones de acción en la parte superior. Suspiro…

  • Cambio de vista dentro de TabHost (una actividad, varias vistas)
  • Android: Cambiar las actividades en un diseño de pestañas deslizable
  • Cómo cambiar el color de la pestaña 'underbar' en actionbarsherlock
  • La tecla Tab no funciona en Android Studio
  • El tipo ActionBar.Tab está obsoleto
  • OnTabSelected Seleccionado No llamado
  • Tab host - setCurrentTab (x) funciona para la ficha, pero no un contenido
  • FragmentPagerAdapter problemas y problemas: Constructor Undefined
  • Comparando La compatibilidad de la barra de acción de Android, el buscapersonas y las pestañas de muestra a ActionBarSherlock
  • Error de logcat de Android "getExternalStorageState / mnt / sdcard" al comprobar el estado de almacenamiento externo
  • Cómo mostrar siempre las pestañas de ActionBar debajo de ActionBar en Android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.