2010-09-03 13 views
9

Ho aggiunto alcuni pulsanti alla mia app con un'immagine di sfondo (pulsante RESET sotto), ma gli angoli sono come previsto. Vedi sotto:iPhone - Immagine di sfondo dei pulsanti

alt text

basso a sinistra e curve a destra del pulsante di reset sembrano essere elevati al quadrato. La mia immagine originale ha gli angoli arrotondati.

Qualcuno ha riscontrato questo problema prima?

risposta

10

Non c'è niente di difficile di cambiare l'immagine di un pulsante (ho fatto un sacco di volte), fino a quando si segue un paio di semplici passaggi:

  1. tua immagine di pulsante deve avere uno sfondo trasparente
  2. tuo pulsante deve essere impostato come personalizzato (e non rotonda Rect)
  3. colore di sfondo del pulsante deve avere Opacità = 0

al fine di modificare il colore di sfondo del pulsante, quando si modifica il colore assicurati di fare clic sul lato sinistro della casella dei colori, in modo da ottenere il selettore dei colori. Qui, dovrai cambiare Opacità a 0.

Vedere l'immagine qui sotto per una semplice demo. alt text

Buona fortuna con il tasto

2

Gli angoli inferiori del pulsante di ripristino sono arrotondati e trasparenti. imposta anche il backcolor del pulsante come clearcolor. e rendere il pulsante personalizzato anziché arrotondato.

Suppongo che gli angoli inferiori del buton non siano trasparenti, quindi si sta affrontando il problema.

codifica felici ...

+0

Grazie per il feedback Suriya, ma ancora problemi. Gli angoli del bottone sono decisamente trasparenti.Ho provato a sfogliare tra Custom e RoundedRect ma ho ancora gli stessi problemi. È possibile ottenere l'effetto a 2 toni usando le proprietà del pulsante anziché l'immagine di sfondo? – Stephen

+1

in questo modo non esiste una tale proprietà nel pulsante. puoi provare a impostare il bgcolor del pulsante nero e anche a rimuovere di nuovo gli ampi spazi dall'immagine se ce n'è uno. Invece di impostare background tru setImage proprietà del pulsante .... –

0

Una soluzione più semplice potrebbe essere quella di usare qualcosa del quadro Three20. Ti permetterà di creare pulsanti del genere (oltre ad altri stili) senza immagini.

0

Che tipo di immagine utilizzi per quel pulsante, c'è un canale alfa? Inoltre si potrebbe provare qualcosa di simile:

yourButton.layer.cornerRadius = 15; // play with this value 
yourButton.layer.masksToBounds = YES; 
0

Che dire, non impostare l'immagine di sfondo per il pulsante, ma mettendo un UIImageView con l'immagine desiderata direttamente dietro il pulsante?

0

Chek out l'immagine del pulsante di reset che si sta utilizzando è nel formato .png e il colore di sfondo dell'immagine è di colore chiaro. Se il problema persiste, fai di nuovo l'immagine che stai utilizzando potrebbe esserci qualche problema con l'immagine che hai usato.

0

Partenza questo post del blog: http://www.mlsite.net/blog/?p=232

Ha fonti per una categoria UIButton + lucida che permette di creare pulsanti lucidi in stile Apple. Sembrano esattamente come i tuoi pulsanti. E non avresti bisogno di usare le immagini.