在很早之前就看到了「微信讀書」上的個人頁面,初次見這個毛玻璃效果就讓我吃了一??碉钠。背景是用頭像的圖片虛化纲缓,讓人看到這個頁面的顏色簡直和諧死了,舒服死了喊废,個性死了祝高!我為什么腦中只剩“精致”一詞來形容它污筷!再轉(zhuǎn)身看看自己搭建的個人頁工闺。。瓣蛀。陆蟆。額,背景only 萬年不變一張簡單的綠色系圖片??如果你的頭像是紅紅的惋增,嗯叠殷,恭喜你,配色效果會非常好看诈皿,嗯溪猿,非常好看??
作為一個程序猿钩杰,不去勇敢寫一寫,試一試诊县,是說不過去的讲弄。于是在網(wǎng)上一番搜索,找到了幾種實現(xiàn)毛玻璃效果的方法依痊,而且蘋果Dady還幫我們封裝好了這個效果避除,that is greatest!P剜摇F堪凇(好了,這么一大堆廢話性宏,我能說是為了純粹湊字?jǐn)?shù)嗎群井,誰讓簡書它不讓我上首頁??理科生憋半天才憋出一百字??)
唉,傷心事不提了毫胜,進(jìn)入正題??:可以看出微信讀書的毛玻璃效果的實現(xiàn)(ps:系統(tǒng)8.0以上有效):
[headerBgView sd_setImageWithURL:[NSURL URLWithString:[YSXUserInfo sharedYSXUserInfo].userIcon] placeholderImage:[UIImage imageNamed:@"touxiang_color"]];
UIBlurEffect * blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
UIVisualEffectView * effectView = [[UIVisualEffectView alloc] initWithEffect:blur];
effectView.frame = CGRectMake(0, 0, headerBgView.valueOfW, headerBgView.valueOfH);
[headerBgView addSubview:effectView];
但是如果圖片白色像素居多书斜,圖片上面的白色文字就會不明顯,然后有了如下處理????
UIView * mengView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, headerBgView.valueOfW, headerBgView.valueOfH)];
mengView.backgroundColor = RGB(0, 0, 0, 0.2);
[headerBgView addSubview:mengView];
搞定酵使!撒花荐吉!
ps:還有兩種實現(xiàn)方法,請參考 文章
又ps:我試了其中一種口渔,卡??样屠,如果有大神用著不卡,麻煩傳授??