IOS启程06—iOS设置圆角图片

iOS设置圆角的三种方式

1 方法一通过设置layer的属性

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
//只需要设置layer层的两个属性
//设置圆角
imageView.layer.cornerRadius = imageView.frame.size.width / 2;
//将多余的部分切掉
imageView.layer.masksToBounds = YES;
[self.view addSubview:imageView];

2 方法二使用贝塞尔曲线UIBezierPath和Core Graphics框架画出一个圆角

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];imageView.image = [UIImage imageNamed:@"img"];//创建位图//参数二 NO 表示图形不使用透明//参数三 图像缩放比例为1.0UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, 1.0);//使用贝塞尔曲线画出一个圆形图[[UIBezierPath bezierPathWithRoundedRect:imageView.bounds cornerRadius:imageView.frame.size.width] addClip];[imageView drawRect:imageView.bounds];//从上下文中获取图片imageView.image = UIGraphicsGetImageFromCurrentImageContext();//结束画图 关闭图形上下文UIGraphicsEndImageContext();[self.view addSubview:imageView];

2.1 UIGraphicsBeginImageContextWithOptions函数解析

函数原型为：
void UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale);
size——参数size为新创建的位图上下文的大小。它同时是由UIGraphicsGetImageFromCurrentImageContext函数返回的图形大小
opaque—透明开关，如果图形完全不用透明，设置为YES以优化位图的存储。
scale—–缩放因子 iPhone 4是2.0，其他是1.0。虽然这里可以用[UIScreen mainScreen].scale来获取，但实际上设为0后，系统就会自动设置正确的比例了。UIGraphicsBeginImageContext
创建一个基于位图的上下文（context）,并将其设置为当前上下文(context)。方法声明如下：
void UIGraphicsBeginImageContext(CGSize size);
参数size为新创建的位图上下文的大小。它同时是由UIGraphicsGetImageFromCurrentImageContext函数返回的图形大小。
该函数的功能同UIGraphicsBeginImageContextWithOptions的功能相同，相当与UIGraphicsBeginImageContextWithOptions的opaque参数为NO,scale因子为1.0。

3 方法三使用CAShapeLayer和UIBezierPath设置圆角

需要导入

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
imageView.image = [UIImage imageNamed:@"img"];//定义绘制曲线路径
UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:imageView.bounds byRoundingCorners:UIRectCornerAllCorners cornerRadii:imageView.bounds.size];//初始化
CAShapeLayer *maskLayer = [[CAShapeLayer alloc]init];
//设置大小
maskLayer.frame = imageView.bounds;
//设置绘制图形曲线
maskLayer.path = maskPath.CGPath;
//设置layer mask
imageView.layer.mask = maskLayer;
[self.view addSubview:imageView];

在每一View的layer层中有一个mask属性，他就是专门来设置该View的遮罩效果的。该mask本身也是一个layer层

IOS启程06—iOS设置圆角图片相关推荐

IOS中设置圆角图片
2019独角兽企业重金招聘Python工程师标准>>> ##iOS设置圆角的三种方式 <hr/> 1 方法一通过设置layer的属性 UIImageView *imag ...
iOS一个简单的设置圆角不引起性能问题的分类
http://www.cocoachina.com/articles/18756 iOS设置圆角矩形和阴影效果 https://www.cnblogs.com/rayshen/p/4900336.ht ...
iOS 中给view设置圆角头像（类似qq空间头像）
view有一个属性layer,通过设置cornerRadius来设置圆角的半径,view是正方形的才能保证通过调整圆角半径来形成圆形头像 [view.layer setCornerRadius:CGR ...
Android ImageView到底怎么设置圆角图片？背景圆角？控件圆角？图片圆角？占位图圆角？
前言在我们实际开发应用的过程中,我想大家或多或少都遇到过需要加载圆角图片的场景,还有一些图片是四周圆角不对称,异性圆角等等情况. 我们可能会去网上或Github上搜索一些RoundImageView ...
Android之设置资源图片为圆角图片
效果图: 参看以下代码: public class MainActivity extends Activity {private ImageView imageView1;private ImageV ...
Flutter 圆角图片的几种实现
Flutter 圆角图片的几种实现圆角图片是 APP 开发中的常用设置,我们在 Flutter 中如何实现呢? 使用 ClipRRect 实现第一种方式,直接使用 ClipRRect 实现,非常简 ...
iphone屏幕圆角插件_关于iOS控件设置圆角的一些个人看法（iOS 10.0.2）
写在最前面:该文章使用的机器是iPhone 6(iOS 10.0.2),得出的结果跟iOS 8和iOS 9不太一样,关于iOS 8和iOS 9的结论,在最后有. 这几天看简书上的文章,看到几篇关于控件 ...
iOS LaunchScreen设置启动图片启动页停留时间
问题:想实现类似微信启动页一样设置为一个整页面的图片问题二:iOS启动页面如何设置多停留一会新建的iOS 项目启动画面默认为LaunchScreen.xib 如果想实现一张图片作为启动页,如下图 ...
iOS小技巧之圆角图片
介绍我们常常希望把用户头像做成圆形,怎么实现这种效果呢实现首先我们在视图中拖一个Image控件,设置好图片,做好代码关联在viewDidLoad方法中实现圆角 override func vi ...

IOS启程06—iOS设置圆角图片

iOS设置圆角的三种方式

1 方法一通过设置layer的属性

2 方法二使用贝塞尔曲线UIBezierPath和Core Graphics框架画出一个圆角

2.1 UIGraphicsBeginImageContextWithOptions函数解析

3 方法三使用CAShapeLayer和UIBezierPath设置圆角

IOS启程06—iOS设置圆角图片相关推荐

最新文章

热门文章

IOS启程06—iOS设置圆角图片

iOS设置圆角的三种方式

1 方法一 通过设置layer的属性

2 方法二 使用贝塞尔曲线UIBezierPath和Core Graphics框架画出一个圆角

2.1 UIGraphicsBeginImageContextWithOptions函数解析

3 方法三 使用CAShapeLayer和UIBezierPath设置圆角

IOS启程06—iOS设置圆角图片相关推荐

最新文章

热门文章

1 方法一通过设置layer的属性

2 方法二使用贝塞尔曲线UIBezierPath和Core Graphics框架画出一个圆角

3 方法三使用CAShapeLayer和UIBezierPath设置圆角