Crea effetto testo luminoso su iOS

Question

Attualmente stiamo costruendo un'applicazione per iPhone e vorremmo che il testo avesse un effetto luminoso per adattarsi al design dell'interfaccia utente realistico.

Ecco cosa stiamo cercando di raggiungere.

stiamo lottando per creare l'effetto bagliore interno in questo momento in modo che qualsiasi aiuto sarebbe apprezzato.

in Photoshop Questo testo è

• un colore di # 98c1c1
• bagliore esterno: #ffffff, metodo di fusione dello schermo, il 30% di opacità, dimensioni 5px.
• Bagliore interno: # c79d85, modalità fusione Dodge Color, opacità 70%, dimensione 5 px.

Grazie, Mark.

Answer 1

Per impostare il pulsante con il testo colorato # 98c1c1, uso:

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(100, 100, 100, 60)]; 
label.textColor = [UIColor colorWithRed:((float)152/255) green:((float) 193/255) blue:((float) 193/255) alpha:1.0f]; 

ho usato Photoshop per trovare componenti RGB # 98c1c1, che si è rilevata R: 152 G: 193 B: 193. E colorWithRed:green:blue:alpha: assume un valore normalizzato compreso tra 0 e 1, e questo è il motivo per cui ho fatto il valore RGB oltre 255.

Per il bagliore esterno, utilizzare:

label.layer.shadowColor = [UIColor whiteColor].CGColor; 
label.layer.shadowOffset = CGSizeMake(0.0, 0.0);  
label.layer.shadowRadius = 10.0; 
label.layer.shadowOpacity = 0.3; 
label.layer.masksToBounds = NO; 

si desidera che l'opacità al 30% e il colore dell'ombra #ffffff (bianco). Questo è il motivo per cui label.layer.shadowOpacity è impostato su 0,3 (30%) e label.layer.shadowColor è impostato su bianco.

Non sono abbastanza sicuro su come implementare il bagliore interno, ma è possibile creare un metodo che duplica il testo ma riduce il carattere e centra il nuovo testo, per creare l'effetto di un bagliore interno. Ricorda di importare <Quartzcore/Quartzcore.h>!