iOS8之後毛玻璃效果的實現

2021-07-23 16:08:10 字數 774 閱讀 4325

在ios8.0之後,蘋果新增了乙個類uivisualeffectview,通過這個類來實現毛玻璃效果,使用也是非常簡單,幾行**搞定. uivisualeffectview是乙個抽象類,不能直接使用,需通過它下面的三個子類來實現(uiblureffect, uivisualeffevt, uivisualeffectview);

子類uiblureffect只有乙個類方法,用來快速建立乙個毛玻璃效果,引數是乙個列舉,用來設定毛玻璃的樣式,而uivisualeffectview則多了兩個屬性和兩個構造方法,用來快速將建立的毛玻璃新增到這個uivisualeffectview上.

/*

毛玻璃的樣式(列舉)

uiblureffectstyleextralight,

uiblureffectstylelight,

uiblureffectstyledark

*/uiblureffect *effect = [uiblureffect effectwithstyle:uiblureffectstyledark];

uivisualeffectview *effectview = [[uivisualeffectview alloc] initwitheffect:effect];

effectview.frame = cgrectmake(, , bgimgview.frame.size.width*., bgimgview.frame.size.height);

[self.view addsubview:effectview];

IOS毛玻璃效果

最近實習公司的ios專案中需要用到毛玻璃的效果 如下圖效果 嘗試用了幾個方法都不太滿意,最後終於找到了乙個比較好的解決方案。在ios8以上的機器中,我們可以利ios sdk中已經提供了的uiblureffect和uivisualview實現簡單毛玻璃的效果。實現的方法如下 其中visualeffec...

iOS 毛玻璃效果

注 新增毛玻璃的view要clearcolor,其他顏色會效果不明顯 分享兩種毛玻璃效果設定的方法,不需要任何三方東東,先看效果 原圖 方法一 ios8系統方法 方法二 下面是示例 objc view plain copy import viewcontroller.h inte ce viewco...

css實現毛玻璃效果

首先我們要知道實現毛玻璃效果的關鍵點 filter濾鏡 html 先寫乙個居中的div,並給body加上背景圖,以及居中的div設定背景顏色和透明度 body,html main 這裡我們不在此元素上寫filter屬性是因為其會導致內容的透明度改變,所以使用乙個可行的方法是為其新增偽元素效果如下圖 ...