在iOS上创建发光文本效果

Question

我们目前正在构建一个iPhone应用程序,并希望文本具有发光效果,以适应逼真的UI设计.

这是我们正在努力实现的目标.

我们正在努力创造内部发光效果,所以任何帮助都会受到赞赏.

在这个文本的Photoshop中

• 颜色为#98c1c1
• 外部发光:#ffffff,屏幕混合模式,30%不透明度,5px尺寸.
• 内部发光:#c79d85,颜色减淡混合模式,70%不透明度,5px尺寸.

谢谢,马克.

Answer 1

要设置文本颜色为#98c1c1的按钮,请使用:

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];

我使用Photoshop查找#98c1c1的RGB组件,最终得到R:152 G:193 B:193.并且colorWithRed:green:blue:alpha:取0到1之间的归一化值,这就是为什么我将RGB值设置为超过255.

对于外部发光,使用:

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;

您希望不透明度为30%,阴影颜色为#ffffff(白色).这就是label.layer.shadowOpacity设置为0.3(30%)并label.layer.shadowColor设置为白色的原因.

我不太确定如何实现内部发光,但你可能会创建一个复制文本但使字体更小并使新文本居中的方法,以创建内部发光的效果.记得导入<Quartzcore/Quartzcore.h>!