android tabs android-tabhost android-style-tabhost

Android-estilo de iPhone tabhost



tabs android-tabhost (4)

Les sugiero que no modifiquen la apariencia predeterminada de las pestañas, ya que los usuarios de dispositivos con Android tienen su propia experiencia de usuario y negarán esa experiencia pasada, así que no los obligue a aprender nuevas pestañas (porque los usuarios en el móvil son tan perezosos para aprender cosas nuevas, generalmente confían en su experiencia pasada).

Ver Pure Android para más.

Sin embargo, si quieres continuar, he personalizado Android pestañas predeterminadas de Android para que se vean como pestañas de iPhone . Lo cual es simple y cuenta con componentes ui de pestañas predeterminadas de Android ( ̶T̶a̶b̶H̶o̶s̶t̶ , ̶T̶a̶b̶W̶i̶d̶g̶e̶t̶ ).

Enlace de descarga: GitHub, Iphone-Tab-in-Android

Esta muestra se ha actualizado para usar TabLayout y ViewPager

La entrada de Relavent Blog se puede encontrar aquí:

iPhone como pestañas en Android.

La captura de pantalla:

También he cortado el tabhost para que parezca una pestaña central levantada.

para descargar RaiseCenterTab, vaya aquí GitHub: RaisedCenterTab .

¿Es posible personalizar el Android Tabhost para que se parezca al iPhone? Si no, ¿hay algún código fuente abierto que pueda mostrar cómo crear Bottom Tabs para Android?

texto alternativo http://images.appshopper.com/screenshots/305/690205_2.jpg


Puede mirar: https://github.com/mta452/iTab

El punto positivo de esto es que automáticamente crea imágenes con degradado como iOS.

Captura de pantalla:


Tendrá que construir este control usted mismo. Pocas opciones:

  • usa RadioGroup y pon botones de radio personalizados allí y personaliza el infierno.

  • construye este control desde el principio, lo hereda de uno de los diseños (Marco, Relativo, Lineal) y desarrolla el comportamiento que necesita.

  • También puede tomar TabHost src y usarlo como base para su control


Tu captura de pantalla tiene el Android 1.6. estilo. Si está utilizando un tabhost en una versión más nueva y simplemente lo coloca en la parte inferior de la pantalla, se parecerá mucho a la versión de iphone.

No cambiaría mucho en la interfaz de usuario de Android simplemente le daría un parecido con el aspecto y el tacto del iPhone (los mismos iconos) y me quedaría con el resto en el estilo de Android. Esto hará que la aplicación se vea familiar para los usuarios.

Para lograr el mismo aspecto para los íconos simplemente use una definición xml de dibujable con un estado seleccionado y no seleccionado del botón como se ve en el iphone. Para establecer un icono, use el método setIndicator de tabspec.

Puede personalizar el tabhost configurando un fondo o un estilo para el tabwidget. Pero la parte interna real del widget se dibujará sobre su estilo y fondo