2017-08-09 70 views
2

所以我有一个窗体,当我点击一个按钮时模态地呈现。这是它的外观。


如何使用UIVisualEffectView正确模糊UIView?

enter image description here

我想模糊灰色的领域,你可以从上面的图片中看到。我最初的设置是:我有一个名为backgroundView的UIView,我有另一个叫做addIncomeFormView的UIView。 这是最初的Storyboard布局。 (我相信addIncomeFormView是backgroundView的孩子。)

enter image description here



在我的可可文件,我这样做。

@IBOutlet var backgroundView: UIView! { 
    didSet { 
     backgroundView.backgroundColor = UIColor.black.withAlphaComponent(0.6) 
     let blurEffect = UIBlurEffect(style: UIBlurEffectStyle.dark) 
     let blurEffectView = UIVisualEffectView(effect: blurEffect) 
     blurEffectView.frame = backgroundView.bounds 
     blurEffectView.autoresizingMask = [.flexibleWidth, .flexibleHeight] 
     backgroundView.addSubview(blurEffectView) 

    } 
} 



这样做的结果是,当我按一下按钮我得到这个。

enter image description here



我怎样才能获得addIncomeFormView(UIView的)不被模糊或者换句话说坐在模糊的UIView的顶部?

回答

2

尝试修改此行:backgroundView.addSubview(blurEffectView) 此:backgroundView.insertSubview(blurEffectView, at: 0)

1

尝试添加它

backgroundView.sendSubviewToBack(blurEffectView) 
之后发送所述模糊视图到背