Custom UIToolBar from Images

Question

Devo creare un oggetto UIToolbar che utilizzi un'immagine per lo sfondo. La maggior parte dei pulsanti sono anche immagini e rettangolari. Un pulsante, tuttavia, è rotondo e si sovrappone alla barra degli strumenti come il pulsante Start sulla barra delle applicazioni di Windows. Vedi sotto.

So che avrò bisogno di sottoclasse l'UIToolbar per dipingere l'immagine per la barra degli strumenti - penso. In tal caso, qualcuno ha codice di esempio che mostra come farlo?

Inoltre, qualcuno ha qualche idea su come implementare il pulsante rotondo più grande? Sto pensando ad un'altra sottoclasse personalizzata per questo, ma non sono sicuro se ci potrebbe essere un modo più semplice.

Posso avere l'arte che taglia l'immagine comunque, che sono sicuro che il pulsante rotondo dovrà essere tagliato un po 'come.

Qualche idea o codice di esempio?

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

Answer 1

Per il colore, si può sperimentare con la proprietà tintColor.

Come per il resto, UIToolbar non è progettato per questo. Avrai bisogno di un componente personalizzato (probabilmente basato su UIView).

Answer 2

Penso che sia possibile ma difficile. Sostituire il metodo drawRect della barra degli strumenti per disegnare l'intera immagine. Quindi aggiungere i pulsanti sinistro e destro. Per il pulsante rotondo è possibile aggiungere un pulsante invisibile nella parte centrale inferiore della vista e un altro pulsante invisibile nel mezzo della barra degli strumenti. Ovviamente, puoi provare a utilizzare le visualizzazioni anziché i pulsanti e tracciare manualmente l'interazione dell'utente.

Answer 3

Forse troverete qualche ispirazione a questo tutorial: Recreating The Raised Center Tab Bar Button of Instagram, DailyBooth & Path