iOS uiimage和其它view 设置圆角的方式

最新推荐文章于 2023-03-12 19:48:05 发布

jesse881025

最新推荐文章于 2023-03-12 19:48:05 发布

阅读量578

点赞数

分类专栏： IOS

本文链接：https://blog.youkuaiyun.com/jesse881025/article/details/75417997

版权

IOS 专栏收录该内容

144 篇文章

订阅专栏

本文介绍了三种在iOS开发中实现圆角图像视图的方法：通过设置layer属性、使用贝塞尔路径与CoreGraphics框架以及利用CAShapeLayer和贝塞尔路径。每种方法都有其特点，适合不同的场景。

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

第一种和第三种都是添加到layer层，会有一些渲染的效果，相对来说，第二种可能会好点。

//用UIGraphics进行2D图像渲染不要用UIGraphicsBeginImageContext(size); 不然图片会模糊

UIGraphicsBeginImageContextWithOptions(newSize, NO, [UIScreen mainScreen].scale);

最后一个参数为缩放因子，设置为0.0的时候，系统会根据屏幕的分辨率自动调节。设置为1.0的时候可能会与有些屏幕分辨率不符合，导致图片有点模糊。也可以设置成UIScreen.mainScreen().scale

第一种方法:通过设置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];

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

     UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    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();
     //结束画图
    UIGraphicsEndImageContext();
    [self.view addSubview:imageView];

第三种方法:使用CAShapeLayer和UIBezierPath设置圆角

首先需要导入<AVFoundation/AVFoundation.h>

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];
    imageView.image = [UIImage imageNamed:@"1"];
    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;
    imageView.layer.mask = maskLayer;
    [self.view addSubview:imageView];
}