设置圆角图片

作者: 真一 | 来源:发表于2016-03-15 18:41 被阅读306次

开发中常常会需要将图片设置成圆角,下面就介绍3种实现方法:

圆角图片

第一种方法:通过设置layer的属性,实现圆角(这种方法在iOS9以前可能会造成卡顿现象,但iOS9以后就不会再出现这样的问题)

imageView.layer.cornerRadius = imageView.frame.size.width * 0.5;   // 设置圆角半径
imageView.layer.masksToBounds = YES;     // 超出主层边框就要裁剪掉

第二种方法:runtime实现圆角(这里其实就是利用runtime实现的)

runtime实现圆角

第三种方法:通过画图实现圆角

        // 1.开启图形上下文
      UIGraphicsBeginImageContextWithOptions(image.size, NO, 0);

        // 2.描述裁剪区域
        UIBezierPath *clipPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
        
        // 3.设置裁剪区域
        [clipPath addClip];
        
        // 4.画图片
        [image drawAtPoint:CGPointZero];
        
        // 5.从上下文取出图片
        image = UIGraphicsGetImageFromCurrentImageContext();
        imageView.image = image;  
        
        // 6.关闭上下文
        UIGraphicsEndImageContext();

相关文章

  • Image

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

  • iOS 图片添加阴影效果

    Code 圆形图片设置阴影(补充) < 设置图片圆角阴影

  • Flutter知识点总结一

    一、设置图片的圆角 由于图片不能直接设置圆角,所以我们需要采用其它方式来设置: 1、使用ClipRRect进行设置...

  • 实现圆角图片

    //设置圆角图片或者圆形图片 privateBitmapSettingBitmap(Bitmap bitmap) ...

  • 图片设置圆角

    1、不好的解决方案:使用下面的方式会强制Core Animation提前渲染屏幕的离屏绘制, 而离屏绘制就会给性能...

  • 设置图片圆角

  • 图片设置圆角

    关于给图片设置圆角,普遍使用layer进行处理,简单方便;但过多的渲染layer会导致降低app性能,拖慢了fps...

  • 图片圆角设置

    方案一:切layer# 直接设置该UIImageView的layer的cornerRadius属性(半径)为UII...

  • 设置圆角图片

    设置圆形图片(建议放到分类中使用)

  • 设置圆角图片

    开发中常常会需要将图片设置成圆角,下面就介绍3种实现方法: 第一种方法:通过设置layer的属性,实现圆角(这种方...

网友评论

    本文标题:设置圆角图片

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