2010-04-20 8 views
30

¿Es posible que el Android Tabhost se parezca al iPhone? Si no, ¿hay algún código fuente abierto que pueda mostrar cómo crear pestañas inferiores para Android?Android - estilo de iPhone tabhost

alt text http://images.appshopper.com/screenshots/305/690205_2.jpgalt text

+22

¿Hay algo malo con las lengüetas del sistema, aparte de que no se parecen a las pestañas iPhone? ¿Por qué obligar a los usuarios a aprender los estándares de interfaz de usuario de una plataforma diferente, solo por el gusto de hacerlo? Los usuarios de Android ya saben cómo interactuar con las pestañas de Android. No rompa sus expectativas sin ninguna razón; solo hará que tu aplicación sea menos útil. –

+14

@Yoni. Sí, quiero las pestañas inferiores porque pretendo tener un botón "Atrás" en la parte superior. Además, ¿a qué te refieres con "¿Por qué obligar a tus usuarios a aprender los estándares de UI de una plataforma diferente"? Si alguien está usando una interfaz de usuario diferente, es Google mismo. Eche un vistazo al "Android Market", "Google Finance", etc. ¿Qué UI es ese? Me refiero a qué tabHost o ListView se está utilizando en el "Android Market". –

+1

Android Market IMO utiliza RadioGroup como "Tabs" –

Respuesta

15

Tendrá que construir este control de sí mismo. algunas opciones:

  • uso RadioGroup y poner botones de radio personalizadas y allí modifique para requisitos particulares placer de hacerlo.

  • acumulación este control desde cero, lo heredan de uno de los diseños (marco, relativas, lineal) y construir el comportamiento que necesita.

  • También puede tomar TabHost src, y utilizarlo como una base para el control

+0

Puede encontrar un ejemplo del uso de RadioGroup para reemplazar la pestaña aquí http://mokriya.com/blog/2011/02/13/custom-tabs-in-android/ – anticafe

+0

El enlace @anticafe está roto, ¿puede tener otro enlace de demostración? ¿por lo mismo? – NIKHIL

+0

¿Puede ver https://github.com/makeramen/android-segmentedradiobutton como reemplazo? – anticafe

1

Su pantalla tiene el androide 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 me gustaría cambiar mucho en la interfaz de usuario de Android simplemente darle un parecido con el aspecto de iPhone (los mismos iconos) y quedarme 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 iconos 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 interior real del widget se dibujará sobre su estilo y fondo

69

Yo sugeriría que ustedes no cambien la apariencia predeterminada de las pestañas, porque los usuarios en dispositivos Android tienen su propia experiencia de usuario, y usted negará que la experiencia pasada, por lo que no obligarlos a aprender nuevas experiencias pestañas (ya que los usuarios de móviles son tan perezosos para aprender cosas nuevas, por lo general se basan en su experiencia pasada.)

Ver Pure Android por más.

Sin embargo, si quiere continuar, he personalizado las pestañas Android para que se parezcan a las pestañas iPhone. que es simple y cuenta con Android pestañas 'ui componentes (̶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 a utilizar TabLayout y ViewPager

relavent entrada de blog se puede encontrar aquí:

iPhone like Tabs in Android.

La captura de pantalla:

tabs at bottom screenshot

También he cortado el tabhost para que parezca la pestaña Centro elevado.

Raised Center Screenshot

para descargar RaiseCenterTab, por favor vaya aquí GitHub: RaisedCenterTab.

+3

Es bueno tener una solución, pero no hay explicación y el proyecto GitHub tiene un archivo zip. Al menos descomprima el código en GitHub para que pueda leerse en línea. – HRJ

+0

también odian cuando la gente pone archivos zip en github, derrota el propósito de github y puede ver el código allí mismo. – Gubatron

+6

Chicos! descomprimimos y agregamos el código fuente :) –

5

se puede ver en: https://github.com/mta452/iTab

El punto de esta ventaja es que lo hace de forma automática la configuración de imágenes con gradiente de iOS como lo hace.

Captura de pantalla:

Screenshot of iTab

Cuestiones relacionadas