iOS毛玻璃效果

最新推荐文章于 2021-05-28 09:47:28 发布

原创最新推荐文章于 2021-05-28 09:47:28 发布 · 447 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在iOS应用中实现视图背景的模糊效果。通过创建UIImageView并设置其内容模式为填充屏幕，然后利用UIVisualEffectView添加轻量级的毛玻璃效果。此方法适用于需要视觉层次感的应用场景。

效果如下图

Paste_Image.png

代码如下

- (void)creatVisulBg {
    UIImageView *bgImg = [[UIImageView alloc] initWithFrame:self.bounds];
    bgImg.image = [UIImage imageNamed:@"bg.jpeg"];
    bgImg.contentMode = UIViewContentModeScaleToFill;
    bgImg.userInteractionEnabled = YES;
    [self addSubview:bgImg];

    //添加毛玻璃效果
    UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]];
    effectView.frame = CGRectMake(0, 0, bgImg.frame.size.width, bgImg.frame.size.height);
    [bgImg addSubview:effectView];
}