2011-01-09 8 views
27

que estoy haciendo un montón de investigación últimamente sobre cómo conseguir un aspecto diferente con efectos agradables UITabBar en mi aplicación para el iPhone, pero por desgracia sólo estoy encontrando cosas sobre cómo sustituir el color de fondo etc.¿Una forma realmente genial de crear una aplicación personalizada de UITabBar para iPhone?

Bueno, he desprotegido esta aplicación llamada Momento que es bastante fresco y presenta una barra de pestañas muy pulido:

Momento's UITabBar

Así que hay un par de elementos aquí me gustaría preguntar a ustedes si me pueden ayudar por mí el dar instrucciones correctas sobre cómo obtener un efecto similar :)

  • Flecha arriba artículos: como se puede ver esta aplicación tiene esta flecha animado que corre por encima del elemento seleccionado con una animación muy suave.

  • Seleccionado declarado de la imagen del elemento no es tan azul-ish predeterminado ni el estado predeterminado, que muestra en un tono diferente de la versión de color marrón y gris.

  • agradables artículos Separadores con líneas verticales biselados.

  • imagen de fondo diferrent para la barra de pestañas

  • distinta altura para la barra de pestañas

En este punto, después de algunas investigaciones que soy capaz de configurar la imagen de altura y fondo subclasificando UITabBarController pero todavía no estoy seguro de cómo lograr los otros elementos, especialmente el primero relacionado con el efecto de flecha agradable.

Si alguien sabe de un buen tutorial sobre cómo hacer esto sería muy bueno para aclarar lo que se puede o no se puede hacer por la subclasificación de la UITabBarController y en especial si se puede hacer en Interface Builder :)

estoy empezando en este mundo de desarrollo de aplicaciones para iOS por lo que si me podría ayudar a que sería muy apreciado

Gracias mucho por adelantado

+0

puede echar un vistazo aquí http://stackoverflow.com/questions/10655167/how-to-show-tabbar-icon-full-size-in-iphone-sdk también quiero hacer lo mismo que usted pregunta y aceptaste respuesta, ¿puedes guiarme? –

Respuesta

17

Echa un vistazo a iDevReceipes, tienen una solución bastante simple y buena pinta. Puede que no se ajuste a todo lo que desea, pero es un buen punto de partida

+1

muy bueno LordT exactamente lo que estaba buscando es muy detallado y explica cómo hacerlo, así que puedo usarlo como un excelente punto de partida y comprender mejor cómo personalizar todo lo que quiero. Muchas gracias :) – zanona

+2

no funciona en iOS 5 – user170317

+0

@LordT ¿Cómo puedo implementar iDevReceipes en mi appdelegate? Estoy creando tabbar programáticamente. pls eche un vistazo aquí http://stackoverflow.com/questions/10655167/how-to-show-tabbar-icon-full-size-in-iphone-sdk –

15

Hay un proyecto en gitHub llamada BCTabBarController que pretende imitar el barra de pestañas utilizada en Twitter para iPhone. Tiene algunas de las cosas que estás buscando y debería dar un gran punto de partida.

5

Ambas son buenas respuestas, pero ambas bibliotecas tienen problemas: BCTabBarController no sabe cómo crear la versión resaltada "azul" de una barra de pestañas icono; e iDevRecipies no envía eventos a los controles de vista secundarios ni cambia el tamaño de la barra de navegación al rotar.

Tenga cuidado: las barras de navegación personalizadas son un montón de depuración de prueba y error (como he encontrado).

2

Simplemente use una UIView con ancho y alto TabBar.Agregue una imagen de fondo personalizada y botones personalizados en la vista.Ajuste el propietario de la vista como AppDelegate.Ahora puede simplemente conectar las IBAcciones con los botones.La vista personalizada puede ser colocada sobre la barra de pestañas por addSubView a la vista del controlador de TabBar. Puede alternar entre viewcontrollers utilizando el método setSelectedIndex de tableviewcontroller en la acción del botón.

Cuestiones relacionadas