iOS7 blur image[磨りガラスっぽい表現を実現する]

概要

iOS7 いろんなところで磨りガラス風なviewを使っている。実は実装は結構簡単で、SDKには提供されていないのだが、WWDC 2013のサンプルコードにUIImage+ ImageEffects のcategoryが提供されていて、method呼ぶだけでその効果が実現できます。

実現

https://developer.apple.com/downloads/index.action?name=WWDC%202013 下のiOS_UIImageEffects プロジェクトをダウンロード、UIImage+ImageEffects.hとUIImage+ImageEffects.ｍを自分のプロジェクトにコッピー.
あとはmethodを呼ぶだけ.

switch (self.imageIndex)
    {
        case 0:
           //普通
            effectImage = self.image;
            break;
        case 1:
           //ガラス風
            effectImage = [self.image applyLightEffect]; 
            break;
        case 2:
            // applyLightEffectより透明度が下がる
            effectImage = [self.image applyExtraLightEffect];
            break;
        case 3:
            //黒いガラス風
            effectImage = [self.image applyDarkEffect];
            break;
        case 4:
           //色指定
            effectImage = [self.image applyTintEffectWithColor:[UIColor blueColor]]; 
            break;
    }
    self.imageView.image = effectImage;

参考

• iOS_UIImageEffects sample project
• Implementing Engaging UI on iOS session 226
  https://developer.apple.com/wwdc/videos/