图片视频毛玻璃效果实现
毛玻璃效果主要实现就是在图片(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
图片视频毛玻璃效果实现相关推荐
- 如何在 iPhone 中实现图片的毛玻璃效果
今天我们一起来看一下,如何通过 ToolBar 模拟出图片的毛玻璃效果.首先我们新建一个工程,工程模板切换到 iOS ,选择 Single View Application ,如下图所示: 点击 Ne ...
- css背景图毛玻璃,css实现背景图片的毛玻璃效果
问题一css 一.简述问题html 最近在作登陆页面的时候,遇到了一个问题:将登陆页面的背景图片,设置为毛玻璃效果.在网上找到了关于这方面的资料.web 二.问题解决svg .blur { filte ...
- 图片的毛玻璃效果学习
毛玻璃效果与马赛克效果类似,而毛玻璃是随机采用像素替换.这里我们定义了一个8的范围,然后遍历,取随机数.为了防止m正好是整个图片的最后一个点,所以height,width都减去8以免超出范围. imp ...
- css实现背景图片的毛玻璃效果
问题一 1.简述问题 最近在做登录页面的时候,遇到了一个问题:将登录页面的背景图片,设置为毛玻璃效果.在网上找到了关于这方面的资料. 2.问题解决 <!DOCTYPE html> < ...
- 用css使图片产生毛玻璃效果
毛玻璃的图片效果,使得其显示更加唯美,用户体验更佳,所以在手机端电脑端应用甚广 比如ios系统: 所以现在我们就来看看毛玻璃效果的实现方法吧: 首先这是html的主要内容: <div class ...
- 图片处理-----毛玻璃效果
一.UIVisualEffectView实现 UIBlurEffect对象用于将blur(毛玻璃)效果应用于UIVisualEffectView视图下面的内容. UIVibrancyEffect主要用 ...
- OC中设置图片的毛玻璃效果
目录 毛玻璃效果介绍 实现过程 代码实现 图片效果 毛玻璃效果介绍 设置毛玻璃效果我们可以理解成在在图片上加了一层模糊蒙版,如果不理解蒙版,可以理解成我们透过毛玻璃查来看图片 我们来看以下两张图片,图 ...
- 网页中实现图片的毛玻璃效果
方式1,使用Css控制,但是有不兼容的时候 /*使用Css,实现毛玻璃效果 方案一 注:1.IE中不支持blur()方法2.IE9及以下浏览器支持滤镜 progid:DXImageTransform. ...
- 图片处理 毛玻璃效果
1 // iOS 毛玻璃效果: 2 UIVisualEffectView *bgView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEff ...
最新文章
- 机器学习数学 — 初等函数求导
- sqoop同步hdfs与mysql端口_使用Sqoop将数据在HDFS与MySQL互导
- action 带参数跳转
- 最新优质网站联盟大全(个人站长必知)
- Java并发教程–锁定:显式锁定
- 小程序突然报module is not defined_菲尔德睡前英语小故事 | 狼来了
- H5的段落标签、图片标签、列表标签与链接标签
- 拓端tecdat|R语言时间序列TAR阈值模型分析
- Java NIO框架 Mina、Netty、Grizzly
- 问题记录:图片加载快速滑动闪动问题(Android-APP)
- sqlserver 2008完整安装教程
- yui3:widget
- 干货!技术分享:如何写好一篇论文
- 第五篇:风控模型监控预警
- 【UI界面设计】网页设计基础笔记
- 初学者基于paddle的计算机视觉快速上手项目
- web 常见的攻击方式
- 计算机等级考试培训课件,全国计算机等级考试培训课件.ppt
- 什么是IDaaS?IDaaS有什么应用意义?
- 【Android测试】Android 应用测试总结