ios 图片切圆角

最新推荐文章于 2021-01-14 13:04:33 发布

转载最新推荐文章于 2021-01-14 13:04:33 发布 · 305 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qiyiyifan/p/10077812.html

本文介绍了一种在iOS中优化图片圆角显示的方法，通过自定义UIImage分类实现圆形图片效果，有效减少CPU负担，适用于含有大量图片的TableView，避免滑动卡顿。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图片切圆角，其实就是切layer，就是两句话。

self.avatarButton.layer.cornerRadius = 15.0;
    self.avatarButton.layer.masksToBounds = YES;

但是这里有一个问题，图片少的话还可以，但是如果一个tableview上有很多图片的话，滑动的时候这么切圆角就很耗cpu性能，就会出现卡顿，这里有个方法就是画上去。

//头像
    UIButton *avatarButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [avatarButton setImage:[[UIImage imageNamed:@"71r58PICmDM_1024.jpg"] circleImage] forState:UIControlStateNormal];
    [self.view addSubview:avatarButton];
    self.avatarButton = avatarButton;

UIImage+JJImage.h

#import <UIKit/UIKit.h>

@interface UIImage (JJImage)

- (UIImage *)circleImage;

@end

UIImage+JJImage.m

#import "UIImage+JJImage.h"

@implementation UIImage (JJImage)

- (UIImage *)circleImage
{
    
    // 开始图形上下文
    UIGraphicsBeginImageContextWithOptions(self.size, NO, 0.0);
    
    // 获得图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    // 设置一个范围
    CGRect rect = CGRectMake(0, 0, self.size.width, self.size.height);
    
    // 根据一个rect创建一个椭圆
    CGContextAddEllipseInRect(ctx, rect);
    
    // 裁剪
    CGContextClip(ctx);
    
    // 将原照片画到图形上下文
    [self drawInRect:rect];
    
    // 从上下文上获取剪裁后的照片
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    
    // 关闭上下文
    UIGraphicsEndImageContext();
    
    return newImage;
}

@end

PS：

作者：刀客传奇
链接：https://www.jianshu.com/p/27aee16d0857
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://www.cnblogs.com/qiyiyifan/p/10077812.html