2017-08-09 98 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) 
之後發送所述模糊視圖到背