iOS 7通知センターのようなラベル

Question

iOS7通知センターでは、ラベル（およびセパレータライン）には非常に興味深い背景があります：ぼかし画像と、ソフトライトブレンドモードのようなものです。

私は何を検索するのか不明です。これがどうやってできるかについての指針は本当に高く評価されます。

これまで、label.textColor = [UIColor colorWithPatternImage:...]を使用して、ぼやけた画像の一部を背景として設定して、効果を再現しようとしました。これは、背景がすべて黒（または白）で、テキストが判読不能になる場合も考慮しません。

しかし、それはちょうどうまく動作しないようです。このよう

：

は、ここで私が試したものです：

- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 

    const CGFloat fontSize = 25.f; 
    const NSString *text = @"A long-ish string"; 
    CGSize size = [text sizeWithAttributes:@{NSFontAttributeName: [UIFont fontWithName:@"Avenir Next" size:fontSize]}]; 
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(80, 270, size.width, size.height)]; 
    label.font = [UIFont fontWithName:@"Avenir Next" size:fontSize]; 
    label.textAlignment = NSTextAlignmentNatural; 
    label.backgroundColor = [UIColor clearColor]; 
    label.text = text; 

    UIImage *image = [UIImage imageNamed:@"wat@2x"]; 
    UIImage *blurredImage = [image applyBlurWithRadius:20.5 tintColor:[UIColor clearColor] saturationDeltaFactor:1.f maskImage:nil]; 

    UIImageView *imageView = [[UIImageView alloc] initWithImage:[blurredImage applyDarkEffect]]; 
    imageView.frame = self.view.bounds; 

    CGFloat imgScale = image.scale; 
    CGRect labelFrame = label.frame; 
    CGRect realRect = CGRectMake(labelFrame.origin.x * imgScale, labelFrame.origin.y * imgScale, labelFrame.size.width * imgScale, labelFrame.size.height * 2.0); 
    CGImageRef labelPatternImage = CGImageCreateWithImageInRect(image.CGImage, realRect); 
    label.textColor = [UIColor colorWithPatternImage:[UIImage imageWithCGImage:labelPatternImage scale:2.f orientation:UIImageOrientationUp]]; 
    CGImageRelease(labelPatternImage); 

    [self.view addSubview:imageView]; 
    [self.view addSubview:label]; 
} 

Code Result http://caughtinflux.com/static/result.png
でこのコードの結果はご覧のように、それは類似していませんNCラベル。

EDIT
できるだけ実際の背景と整列べきテキストのボケ画像の背景。うまくいけば、私のコードのシミュレータのスクリーンショットは、私が言っていることを理解するのに役立ちます。

Answer 1

まだラベルのアルファ値を調整してみましたか？ これを試して、ラベルに適用する前にぼかしに少しの白を加えることができます。

Answer 2

これはぼかし効果です。アップルのカテゴリはUIImageにあり、この効果はavailable for download hereです。言うができますとあなたはその上にラベルを使用してビューを作成することができます

UIImage *backgImage = [image applyBlurWithRadius:2 
tintColor:tintColor saturationDeltaFactor:0.8 maskImage:nil]; 

//拡張

：ファイル名は、任意のあなたがそのようにそれを使用することができますUIImage + ImageEffects.h/UIImage + ImageEffects.mです白いテキストの色（全体をぼかして表示するときにハイライト表示）した後、このビューのスナップショットを作成し、使用できるビューの背景として設定することができます（[self.view setBackgroundColor:[UIColor colorWithPatternImage:blurredImage];）。

  UIView *snapshotView = [YOURUIVIEW resizableSnapshotViewFromRect:self.contentView.frame afterScreenUpdates:YES withCapInsets:UIEdgeInsetsZero]; 

      UIGraphicsBeginImageContextWithOptions(self.contentView.bounds.size, YES, 0.0f); 
      BOOL result = [snapshotView drawViewHierarchyInRect:self.contentView.bounds 
      afterScreenUpdates:YES]; 
      UIImage *snapshotImage = 
      UIGraphicsGetImageFromCurrentImageContext(); 
      UIGraphicsEndImageContext(); 
      if (result){ 
       UIColor *tintColor = [UIColor colorWithWhite:0.97 alpha:0.82]; 
       UIImage *blurredImage = [snapshotImage applyBlurWithRadius:4 tintColor:tintColor saturationDeltaFactor:1.8 
       maskImage:nil]; 
      } 

あなたに必要なものがあるかどうか教えてください。それができない場合は、詳細を説明して、何を達成したいのですか？

Answer 3

私はセパレータ、選択した背景の景色と（今日のように）ラベルのような通知センターとサンプルプロジェクトを持っています。 https://github.com/mikrohard/BluredTableView

はまだいくつかのバグなど、もパフォーマンスの問題があるかもしれません。しかし使用して、それを改善して自由に感じる：

あなたはここでそれを見てすることができます。