iOS视图切割圆角

作者: weicyNO_1 | 来源:发表于2017-10-08 18:44 被阅读0次

iOS切圆角的方式有三种

1. 通过设置layer的属性

最简单的一种,但是很影响性能,一般在正常的开发中使用很少.

self.button.layer.cornerRadius =30;

self.button.layer.masksToBounds= YES;

2.使用贝塞尔曲线UIBezierPath和Core Graphics 使用不多

貌似只能使用ImageView 这个不太懂

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100,100,100,100)];

imageView.center=self.view.center;

imageView.image= [UIImage imageNamed:@"1"];//开始对imageView进行画图UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, [UIScreen mainScreen].scale);//使用贝塞尔曲线画出一个圆形图[[UIBezierPath bezierPathWithRoundedRect:imageView.bounds cornerRadius:imageView.frame.size.width] addClip];

[imageView drawRect:imageView.bounds];

imageView.image=UIGraphicsGetImageFromCurrentImageContext();

UIImage*image =UIGraphicsGetImageFromCurrentImageContext();

[self.button setImage:image forState:UIControlStateNormal];//结束画图UIGraphicsEndImageContext();

[self.view addSubview:imageView];

3.使用CAShapeLayer和UIBezierPath设置圆角

// 只切一个角//    UIBezierPath *maskPAth = [UIBezierPath bezierPathWithRoundedRect:self.button.bounds byRoundingCorners:UIRectCornerTopLeft cornerRadii:self.button.bounds.size];  // 只切两个角//    UIBezierPath *maskPAth = [UIBezierPath bezierPathWithRoundedRect:self.button.bounds byRoundingCorners:UIRectCornerTopLeft | UIRectCornerTopRight cornerRadii:CGSizeMake(10, 10)];        // 注意 当size是整个大小时 切角是对角线会切成圆  size不是整个视图大小不会成圆角有人说必须导入我是没有发现 如果不行可以导入试试

//    UIBezierPath *maskPAth = [UIBezierPath bezierPathWithRoundedRect:self.button.bounds byRoundingCorners:UIRectCornerTopLeft | UIRectCornerBottomRight cornerRadii:self.button.bounds.size];

//    UIBezierPath *maskPAth = [UIBezierPath bezierPathWithRoundedRect:self.button.bounds byRoundingCorners:UIRectCornerTopLeft | UIRectCornerBottomRight cornerRadii:CGSizeMake(10, 10)];

// 三个角

//    UIBezierPath *maskPAth = [UIBezierPath bezierPathWithRoundedRect:self.button.bounds byRoundingCorners:UIRectCornerTopLeft | UIRectCornerBottomRight | UIRectCornerTopRight cornerRadii:CGSizeMake(30, 30)];

// 四个角

//    UIBezierPath *maskPAth = [UIBezierPath bezierPathWithRoundedRect:self.button.bounds byRoundingCorners:UIRectCornerAllCorners cornerRadii:self.button.bounds.size];

//    UIBezierPath *maskPAth = [UIBezierPath bezierPathWithRoundedRect:self.button.bounds cornerRadius:10];

//    CAShapeLayer *caShapeLayer = [CAShapeLayer layer];

//    caShapeLayer.path = maskPAth.CGPath;

//    self.button.layer.mask = caShapeLayer;

这三种方法中第三种最好,对内存的消耗最少啊,而且渲染快速。

注意:这三种方法都是显示的是圆角,并不是真实切除角,在debug viewhierarchy上可以看出大小不变 显示改变

相关文章

  • iOS视图切割圆角

    iOS切圆角的方式有三种 1.通过设置layer的属性 最简单的一种,但是很影响性能,一般在正常的开发中使用很少....

  • 给视图添加阴影效果同时设置圆角效果

    有时候我们需要同时设置视图的圆角效果和阴影效果,但是当为视图切割圆角后,设置的阴影效果很可能就显示不出来,其实这种...

  • iOS 高效添加圆角效果 性能优化 实战讲解

    转载自:iOS 高效添加圆角效果 性能优化 实战讲解 圆角(RounderCorner)是一种很常见的视图效果,相...

  • iOS-视图UIBezierPath切部分圆角

    日常开发中,可能某些需求需要我们对当前视图进行部分圆角切割,那,我们怎么去处理呢? UIRectCorner有五种...

  • iOS Masonry布局(四) - 视图设置圆角

    视图设置任意圆角 Masonry布局视图设置圆角 若使用Masonry布局的视图设置后发现,设置的圆角不起作用。这...

  • iOS Masonry - 视图设置圆角

    视图设置任意圆角 Masonry布局视图设置圆角 若使用Masonry布局的视图设置后发现,设置的圆角不起作用。这...

  • iOS 知识收集

    性能优化 iOS 保持界面流畅的技巧 UIKit性能调优实战讲解 iOS高效设置视图圆角 使用 ASDK 性能调优...

  • iOS视图部分圆角

    我们都知道iOS视图圆角 但是某些需求上可能我们只需要指定View的某几个角为圆角例如: 图中框出的橘色部分我们只...

  • 图片处理

    iOS中图片的加载、圆角、阴影实现方式多种多样,我们需着重考虑性能问题 视图阴影 圆角图片 注意:这种方法能够避免...

  • 微信小程序学习笔记(二)

    1、overflow 超出部分需要截取类似iOS makestobounds 的性质,适用场景就像父视图设置圆角以...

网友评论

    本文标题:iOS视图切割圆角

    本文链接:https://www.haomeiwen.com/subject/zqlyyxtx.html