9

現在、iPhone アプリを作成しており、リアルな UI デザインに合うようにテキストに光る効果を持たせたいと考えています。

これが私たちが達成しようとしていることです。

光るテキスト

現在、内側のグロー効果を作成するのに苦労しているので、助けていただければ幸いです.

フォトショップでは、このテキストは

  • #98c1c1の色
  • 外側のグロー: #ffffff、スクリーン ブレンド モード、不透明度 30%、サイズ 5px。
  • 内部グロー: #c79d85、覆い焼きカラー ブレンド モード、不透明度 70%、サイズ 5px。

ありがとう、マーク。

4

2 に答える 2

14

#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 の間の正規化された値を取るので、255 以上の RGB 値にしました。

外側のグローには、次を使用します。

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>

于 2012-06-28T22:43:57.820 に答える