簡體   English   中英

在iOS上創建發光文本效果

[英]Create glowing text effect on iOS

我們目前正在構建一個iPhone應用程序,並希望文本具有發光效果,以適應逼真的UI設計。

這是我們正在努力實現的目標。

發光的文字

我們正在努力創造內部發光效果,所以任何幫助都會受到贊賞。

在這個文本的Photoshop中

  • 顏色為#98c1c1
  • 外部發光:#ffffff,屏幕混合模式,30%不透明度,5px尺寸。
  • 內部發光:#c79d85,顏色減淡混合模式,70%不透明度,5px尺寸。

謝謝,馬克。

要設置文本顏色為#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>

更新pasawaya發布的代碼:

label.layer.shadowColor = ([UIColor .green] as! CGColor)
label.layer.shadowOffset = CGSize.zero
label.layer.shadowRadius = 10.0;
label.layer.shadowOpacity = 0.
label.layer.masksToBounds = false

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM