0

コードで次のフォント スタイルを再作成しようとしています。

ここに画像の説明を入力

よく見ると、このスタイルに関する多くの細かい点に気付くでしょう。スタイルは、次の設定でフォトショップで作成されました。

  • ハイライト用の白いドロップ シャドウ、不透明度 18%、サイズ 2px
  • 2pxサイズの凹んだ外観のための上部の黒いインナーグロー
  • 16 進数カラーの紫色の内部グロー: #fd32ff、不透明度 28%、サイズ 4px

ドロップ シャドウを再作成するには、次のように、(フォントを含む) UILabel にドロップ シャドウと色を設定するだけです。

myLabel.layer.shadowColor = [UIColor whiteColor].CGColor;
myLabel.layer.shadowOffset = CGSizeMake(0.0, 2.0);

それを黒のフォントと組み合わせると、希望の外観にいくらか近づきます...

コードでその紫色のグロー効果を再現するための正しい方向に私を向けるためのヒントを誰か教えてもらえますか? ラベルを描画するために draw rect をオーバーライドして、そこで何かをする必要がありますか?

4

1 に答える 1

0

これはかなり具体的なものです...しかし、他の誰かがこのフォントを再作成したい場合に備えて、これは私が得たのとほぼ同じです.

ProximaNova フォントにアクセスして、プロジェクトにも追加する必要があります。

3 色を取得するための私の解決策は、2 つのラベルを使用することでした。1 つのラベルは「上の 2 つの」色を実装し、もう 1 つのラベルは最後の下の色 (この場合は白) を実装します。 

    UILabel *whiteDocumentNameLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 300, 35)];
    whiteDocumentNameLabel.backgroundColor = [UIColor clearColor];
    whiteDocumentNameLabel.textAlignment = UITextAlignmentCenter;
    whiteDocumentNameLabel.font = [UIFont fontWithName:@"ProximaNova-Bold" size:24];
    whiteDocumentNameLabel.text = @"MyText";
    whiteDocumentNameLabel.textColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:.18];

    UILabel *documentNameLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, -1, whiteDocumentNameLabel.frame.size.width, whiteDocumentNameLabel.frame.size.height)];
    documentNameLabel.backgroundColor = [UIColor clearColor];
    documentNameLabel.textAlignment = UITextAlignmentCenter;
    documentNameLabel.font = whiteDocumentNameLabel.font;
    documentNameLabel.text = whiteDocumentNameLabel.text;;
    documentNameLabel.textColor = [UIColor blackColor];
    documentNameLabel.layer.shadowColor = [UIColor colorWithRed:253.0 / 255.0 green:50.0 / 255.0 blue:255.0 / 255.0 alpha:1].CGColor;
    documentNameLabel.layer.shadowRadius = .75;
    documentNameLabel.layer.shadowOpacity = .2;
    documentNameLabel.layer.shadowOffset = CGSizeMake(0, 0);
    [whiteDocumentNameLabel addSubview:documentNameLabel];
于 2012-10-22T20:33:20.067 に答える