毛玻璃效果主要实现就是在图片(imageview)上加一个 UIVisualEffectView

@property (nonatomic, strong) UIVisualEffectView *effectView;// 毛玻璃处理模糊图片
#import "VideoTableViewCell.h"
#import "UIImageView+WebCache.h"@interface VideoTableViewCell()
@property (nonatomic, strong) UIImageView *vadioImageView; // 模糊图片
@property (nonatomic, strong) UIVisualEffectView *effectView;// 毛玻璃处理模糊图片
@property (nonatomic, strong) UIImageView *backgroundIV;@end@implementation VideoTableViewCell
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {self.selectionStyle = UITableViewCellSelectionStyleNone;self.separatorInset = UIEdgeInsetsZero;[self.contentView addSubview:self.vadioImageView];// 模糊图片[self.contentView addSubview:self.effectView];// 毛玻璃处理模糊图片[self.contentView addSubview:self.backgroundIV]; // 清晰图片
        __weak typeof(self)weakself = self;[self.backgroundIV mas_makeConstraints:^(MASConstraintMaker *make) {make.top.equalTo(weakself.mas_top).offset(10 / WIDTH_6S_SCALE);make.left.right.equalTo(weakself);make.height.mas_offset(IMG_HEIGHT / WIDTH_6S_SCALE);}];[self.vadioImageView mas_makeConstraints:^(MASConstraintMaker *make) {make.top.equalTo(weakself.mas_top).offset(10 / WIDTH_6S_SCALE);make.left.right.equalTo(weakself);make.height.mas_offset(IMG_HEIGHT / WIDTH_6S_SCALE);}];[self.effectView mas_makeConstraints:^(MASConstraintMaker *make) {make.top.equalTo(weakself.mas_top).offset(10 / WIDTH_6S_SCALE);make.left.right.equalTo(weakself);make.height.mas_offset(IMG_HEIGHT / WIDTH_6S_SCALE);}];[self.contentView mas_makeConstraints:^(MASConstraintMaker *make) {make.top.equalTo(weakself.backgroundIV.mas_top).offset(-10 / HEIGHT_6S_SCALE);make.left.right.equalTo(weakself);make.bottom.equalTo(weakself.backgroundIV.mas_bottom).offset(10 / HEIGHT_6S_SCALE);}];}return self;
}
#pragma mark - set
- (void)setHomePageModelList:(HomePageModelList *)homePageModelList
{_homePageModelList = homePageModelList;NSURL *videoUrl = [NSURL URLWithStringAddOffset:self.homePageModelList.file];WS(ws);[UIImage getImageFromVideoURLString:videoUrl.absoluteString handle:^(NSDictionary *dic) {ws.backgroundIV.image = dic[@"image"];ws.vadioImageView.image = dic[@"image"];}];
}
#pragma mark - init
- (UIImageView *)backgroundIV
{if (!_backgroundIV) {_backgroundIV = [[UIImageView alloc]init];_backgroundIV.contentMode = UIViewContentModeScaleAspectFit;}return _backgroundIV;
}
- (UIImageView *)vadioImageView
{if (!_vadioImageView){_vadioImageView = [[UIImageView alloc]init];_vadioImageView.backgroundColor = [UIColor grayColor];_vadioImageView.image = [UIImage imageNamed:@"h4"];//        _vadioImageView.contentMode = UIViewContentModeScaleAspectFit;
    }return _vadioImageView;
}- (UIVisualEffectView *)effectView
{if (!_effectView){_effectView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]];_effectView.alpha = 0.9f;}return _effectView;
}
@end

转载于:https://www.cnblogs.com/dujiahong/p/8556314.html

图片视频毛玻璃效果实现相关推荐

  1. 如何在 iPhone 中实现图片的毛玻璃效果

    今天我们一起来看一下,如何通过 ToolBar 模拟出图片的毛玻璃效果.首先我们新建一个工程,工程模板切换到 iOS ,选择 Single View Application ,如下图所示: 点击 Ne ...

  2. css背景图毛玻璃,css实现背景图片的毛玻璃效果

    问题一css 一.简述问题html 最近在作登陆页面的时候,遇到了一个问题:将登陆页面的背景图片,设置为毛玻璃效果.在网上找到了关于这方面的资料.web 二.问题解决svg .blur { filte ...

  3. 图片的毛玻璃效果学习

    毛玻璃效果与马赛克效果类似,而毛玻璃是随机采用像素替换.这里我们定义了一个8的范围,然后遍历,取随机数.为了防止m正好是整个图片的最后一个点,所以height,width都减去8以免超出范围. imp ...

  4. css实现背景图片的毛玻璃效果

    问题一 1.简述问题 最近在做登录页面的时候,遇到了一个问题:将登录页面的背景图片,设置为毛玻璃效果.在网上找到了关于这方面的资料. 2.问题解决 <!DOCTYPE html> < ...

  5. 用css使图片产生毛玻璃效果

    毛玻璃的图片效果,使得其显示更加唯美,用户体验更佳,所以在手机端电脑端应用甚广 比如ios系统: 所以现在我们就来看看毛玻璃效果的实现方法吧: 首先这是html的主要内容: <div class ...

  6. 图片处理-----毛玻璃效果

    一.UIVisualEffectView实现 UIBlurEffect对象用于将blur(毛玻璃)效果应用于UIVisualEffectView视图下面的内容. UIVibrancyEffect主要用 ...

  7. OC中设置图片的毛玻璃效果

    目录 毛玻璃效果介绍 实现过程 代码实现 图片效果 毛玻璃效果介绍 设置毛玻璃效果我们可以理解成在在图片上加了一层模糊蒙版,如果不理解蒙版,可以理解成我们透过毛玻璃查来看图片 我们来看以下两张图片,图 ...

  8. 网页中实现图片的毛玻璃效果

    方式1,使用Css控制,但是有不兼容的时候 /*使用Css,实现毛玻璃效果 方案一 注:1.IE中不支持blur()方法2.IE9及以下浏览器支持滤镜 progid:DXImageTransform. ...

  9. 图片处理 毛玻璃效果

    1 // iOS 毛玻璃效果: 2 UIVisualEffectView *bgView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEff ...

最新文章

  1. 机器学习数学 — 初等函数求导
  2. sqoop同步hdfs与mysql端口_使用Sqoop将数据在HDFS与MySQL互导
  3. action 带参数跳转
  4. 最新优质网站联盟大全(个人站长必知)
  5. Java并发教程–锁定:显式锁定
  6. 小程序突然报module is not defined_菲尔德睡前英语小故事 | 狼来了
  7. H5的段落标签、图片标签、列表标签与链接标签
  8. 拓端tecdat|R语言时间序列TAR阈值模型分析
  9. Java NIO框架 Mina、Netty、Grizzly
  10. 问题记录:图片加载快速滑动闪动问题(Android-APP)
  11. sqlserver 2008完整安装教程
  12. yui3:widget
  13. 干货!技术分享:如何写好一篇论文
  14. 第五篇:风控模型监控预警
  15. 【UI界面设计】网页设计基础笔记
  16. 初学者基于paddle的计算机视觉快速上手项目
  17. web 常见的攻击方式
  18. 计算机等级考试培训课件,全国计算机等级考试培训课件.ppt
  19. 什么是IDaaS?IDaaS有什么应用意义?
  20. 【Android测试】Android 应用测试总结

热门文章

  1. 超舒适!超强续航!南卡N2S蓝牙耳机全面评测!
  2. HR 面,我们该怎么办
  3. 产品经理那些事:产品经理成长的有利因素
  4. 通过DNS2SOCKS建立本地稳定无污染DNS
  5. 加速智慧能源转型 赛昉科技、微五科技携手名气家打造“港华芯”
  6. 股权转让项目:沈阳派尔化学有限公司55%股权转让
  7. 树莓派从零开始快速入门系列汇总
  8. win10彻底关闭更新
  9. 安卓--记账软件课程设计
  10. **xxchat系统之线程池实时监控方案(Jmx远程后台监控、暂停、启用)