iOS 实现UIImageView的椭圆效果

最新推荐文章于 2020-10-30 09:23:35 发布

原创最新推荐文章于 2020-10-30 09:23:35 发布 · 2.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#uiimageview #uiimage #iOS #core graphics

收录于

iOS 专栏收录该内容

167 篇文章

订阅专栏

本文介绍如何在iOS应用中创建一个圆形的UIImageView，并展示具体的实现代码。通过使用UIGraphicsBeginImageContext、CGContextRef等API，实现了将任意图片裁剪成圆形显示的功能。

Demo下载传送门

上代码

  UIImage * srcImg =[UIImage imageNamed:@"image"];
    CGFloat width = srcImg.size.width;
    CGFloat height = srcImg.size.height;
    //开始绘制图片
    UIGraphicsBeginImageContext(srcImg.size);
    CGContextRef gc = UIGraphicsGetCurrentContext();
    ////绘制Clip区域
    //我的图片是120*160
    CGContextAddEllipseInRect(gc, CGRectMake(0, 0,120, 160)); //椭圆
    CGContextClosePath(gc);
    CGContextClip(gc);
    //坐标系转换
    //因为CGContextDrawImage会使用Quartz内的以左下角为(0,0)的坐标系
    CGContextTranslateCTM(gc, 0, height);
    CGContextScaleCTM(gc, 1, -1);
    CGContextDrawImage(gc, CGRectMake(0, 0, width, height), [srcImg CGImage]);
    //结束绘画
    UIImage *destImg = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    UIImageView * view =[[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 120, 160)];
    [view setImage:destImg];
    [self.view addSubview:view];