IOS8模糊毛玻璃的效果UIVisualEffectView

浏览数：73 / 时间：2015年06月11日

UIVisualEffectView实现两种模糊效果：UIBlurEffect 和 UIVibrancyEffect

两者都是继承自UIView，前者放在任意的View里边都能对下册的视图渲染出模糊效果，后者是在前者的基础上对毛玻璃效果上层的视图做出高亮突出处理

代码如下：

 @IBOutlet weak var imageView: UIImageView!

    
override func viewDidLoad() {
        super.viewDidLoad()

        var blurEffect = UIBlurEffect(style: UIBlurEffectStyle.Light)
        var blurEffectView = UIVisualEffectView(effect: blurEffect)
        blurEffectView.frame = view.frame
        view.addSubview(blurEffectView)

        
        var vibrancyEffect = UIVibrancyEffect(forBlurEffect: blurEffect)
        var vibrancyEffectView = UIVisualEffectView(effect: vibrancyEffect)
        vibrancyEffectView.frame = view.frame
        
        var label = UILabel()
        label.text = "Vibrant Label!!!"
        label.font = UIFont.systemFontOfSize(72.0)
        label.sizeToFit()
        label.center = view.center
        vibrancyEffectView.contentView.addSubview(label)
        
        blurEffectView.contentView.addSubview(vibrancyEffectView)
 

        var btn = UIButton(frame: CGRect(x: 300, y: 450, width: 300, height: 100))
        btn.setTitle("改变底图", forState: UIControlState.Normal)
        btn.addTarget(self, action: "updateBackImage:", forControlEvents: UIControlEvents.TouchUpInside)
        vibrancyEffectView.contentView.addSubview(btn)
      
    }

 

func updateBackImage(sender: AnyObject) {
        imageView.image = UIImage(named: "z")
    }

 运行之后的效果：

技术分享 

点击“改变底图按钮”背景切换成另外一张图，模糊效果及时更新：

技术分享

效果相当的酷??

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： Android iOS 移动互联 终端开发

相关文章

随机文章

您可能还喜欢

您可能还喜欢