美文网首页
ios拓展32-图片圆角

ios拓展32-图片圆角

作者: Abler | 来源:发表于2017-03-21 21:05 被阅读18次
1.直接设置

iOS9之后不会触发离屏渲染(off-screen-rendering)

imgView.layer.cornerRadius = 50;
imgView..layer.masksToBounds= YES;
2.对图片重绘

给UIImage添加生成圆角图片的分类,性能最好

- (UIImage *)imageWithCornerRadius:(CGFloat)radius {
    CGRect rect = CGRectMake(0, 0, self.size.width, self.size.height);
//开启图片上下文
    UIGraphicsBeginImageContextWithOptions(self.size, NO, UIScreen.mainScreen.scale);
// 画圆
    CGContextAddPath(UIGraphicsGetCurrentContext(),[UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:radius].CGPath);
//裁剪
    CGContextClip(UIGraphicsGetCurrentContext());
    //绘制
    [self drawInRect:rect];
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    return image;
}
3.使用CAShapeLayer,实际测试会有离屏渲染,
// 头像圆角
    UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:self.portarit.bounds byRoundingCorners:UIRectCornerAllCorners cornerRadii:self.portarit.bounds.size];
    CAShapeLayer *maskLayer = [[CAShapeLayer alloc]init];
    maskLayer.frame = self.portarit.bounds;
    maskLayer.path = maskPath.CGPath;
    self.portarit.layer.mask = maskLayer;

3.总结
图片圆角没什么难度,一般情况下用第1个方法就可以了, 不过当在tableView中最好使用第2个方法

相关文章

  • ios拓展32-图片圆角

    1.直接设置 iOS9之后不会触发离屏渲染(off-screen-rendering) 2.对图片重绘 给UIIm...

  • [iOS] 图像处理:一种高效裁剪图片圆角的算法

    [iOS] 图像处理:一种高效裁剪图片圆角的算法 [iOS] 图像处理:一种高效裁剪图片圆角的算法

  • iOS 圆角图片

    // 开启图形上下文 // 剪裁 //绘制图片 // 从上下文中获取剪裁好的图片 // 关闭图形上下文

  • iOS图片圆角

    一:通过设置layer属性,主要是cornerRadius和masksToBounds属性,但是这种方式影响性能,...

  • Image

    直接圆角图片 设置圆角图片度数 设置圆角图片带灰色圆角边框 设置圆角图片带灰色圆角边框带阴影

  • 图片处理

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

  • 2018-07-04

    后台绘制圆角图片 参考链接链接 iOS 离屏渲染优化(Offscreen Render)

  • 关于UIView切圆角的两种方式

    在 iOS App 开发中,切圆角的场景有很多。很多图片或者 UIView 都需要切圆角。 切圆角的方式一般有两种...

  • android应用常用组件集锦

    下拉树形菜单 android ListView 实现3级节点 (可拓展N级)——CSDN浩宇碧海 圆形图片、圆角图...

  • iOS设置圆角过量 渲染 卡顿问题

    UILabel处理 图片处理 参考文献iOS设置圆角的四种方法

网友评论

      本文标题:ios拓展32-图片圆角

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