UIToolBar personalizado a partir de imágenes

Question

Necesito crear un objeto UIToolbar que utiliza una imagen para el fondo. La mayoría de los botones son imágenes también, y rectangulares. Un botón, sin embargo, es redondo y se superpone a la barra de herramientas como el botón Inicio en la barra de tareas de Windows. Vea abajo.

Sé que tendré que subclasificar la UIToolbar para pintar la imagen de la barra de herramientas, creo. Si es así, ¿alguien tiene un código de ejemplo que muestre cómo hacerlo?

Además, ¿alguien tiene alguna idea sobre cómo implementar el botón redondo más grande? Estoy pensando en otra subclase personalizada para esto, pero no estoy seguro si podría haber una manera más fácil.

Puedo hacer que los chicos del arte corten la imagen de todos modos necesaria, y estoy seguro de que el botón redondo tendrá que ser cortado de alguna forma.

¿Alguna idea o código de ejemplo?

alt text http://iphone.sophtware.com/toolbar.png

Answer 1

Para el color, se puede experimentar con la propiedad tintColor.

Por lo demás, UIToolbar no está diseñado para esto. Necesitará un componente personalizado (probablemente basado en UIView).

Answer 2

Creo que es posible pero difícil. Reemplace el método drawRect de la barra de herramientas para dibujar toda la imagen. A continuación, agregue los botones izquierdo y derecho. Para el botón redondo, puede agregar un botón invisible en la mitad inferior de la Vista y otro botón invisible en el medio de la barra de herramientas. Por supuesto, puede intentar usar las vistas en lugar de los botones y rastrear la interacción del usuario manualmente.

Answer 3

Tal vez encuentres algo de inspiración en este tutorial: Recreating The Raised Center Tab Bar Button of Instagram, DailyBooth & Path