iOS 高斯模糊和头像放大

很多项目中都会用到高斯模糊(毛玻璃效果)以及头像放大,类似下面的效果:


1、首先解决高斯模糊:iOS系统已经提供了此类方法,直接调系统方法即可。

    UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]];

effectView.frame = CGRectMake(0, 0, ScreenWidth, 170);

[self.bgView addSubview:effectView];

只需三行代码即可实现毛玻璃高斯效果。

2、头像等比例方法:

  self.bgHeadImgView.contentMode = UIViewContentModeScaleAspectFill;

self.bgHeadImgView.layer.masksToBounds=YES;

[self.bgHeadImgView sd_setImageWithURL:[NSURL URLWithString:userInfo.headimgurl] placeholderImage:[UIImage imageNamed:@"icon_touxiang.png"]];

contenMode是一个可选项,此处是等比例放大头像,会切掉多余部分的头像。背景头像是imageView 等高170,宽度是屏幕宽度。

如果选择

self.bgHeadImgView.contentMode =UIViewContentModeScaleAspectFit,

效果如下:



根据需求选择合适方案,当初还想到图片裁剪等等方案,后来发现原来简单几句代码就能搞定。收藏一下以备下次使用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面; 效果图:...
    Mr_董阅读 5,078评论 0 0
  • 在开发当中有时会有这样的需求,将从服务器端下载下来的图片添加到imageView 当中展示,但是下载下来的图片尺寸...
    没脾气的淘气猫阅读 2,498评论 0 0
  • 一.取消tableView Cell的选中状态 取消之前 在cell数据(以下方法中) - (UITableV...
    轻斟浅醉17阅读 3,942评论 2 6
  • 我常常向老公抱怨我现在又苦又累的生活:每日除了上班赚钱,基本上舍不得花时间和金钱到外面消遣娱乐,就连看场电影,剪个...
    性感有才的郭郭阅读 3,283评论 1 0
  • 我特别讨厌的一个句式是“女孩子嘛……” “女孩子嘛,那么努力干什么,到了年龄找个不错的人嫁了就可以了嘛。”...
    淡墨_阅读 3,480评论 2 4

友情链接更多精彩内容