UITableView中的圆形UIImageView是否对性能没有影响？

我的UIImageView每个UITableView单元格上都有一个，用于显示远程图像（使用SDWebImage）。我已经QuartzCore对图像视图进行了一些图层样式设置，如下所示：

UIImageView *itemImageView = (UIImageView *)[cell viewWithTag:100];
    itemImageView.layer.borderWidth = 1.0f;
    itemImageView.layer.borderColor = [UIColor concreteColor].CGColor;
    itemImageView.layer.masksToBounds = NO;
    itemImageView.clipsToBounds = YES;

所以现在我有一个50x50的正方形，带有淡淡的灰色边框，但是我想使其变为圆形而不是正方形。该应用程序Hemoglobe在表格视图中使用圆形图像，这就是我想要实现的效果。但是，我不想使用cornerRadius，因为那样会使滚动FPS降低。

这是Hemoglobe圆形的UIImageViews：

有什么办法可以达到这种效果？谢谢。

只需将cornerRadius宽度或高度的一半设置为（假设对象的视图为正方形）。

例如，如果对象的视图的宽度和高度均为50：

itemImageView.layer.cornerRadius = 25;

更新-正如atulkhatri用户指出的那样，如果您不添加，它将不起作用：

itemImageView.layer.masksToBounds = YES;

添加边框

self.ImageView.layer.borderWidth = 3.0f;

self.ImageView.layer.borderColor = [UIColor whiteColor].CGColor;

对于圆形

self.ImageView.layer.cornerRadius = self.ImageView.frame.size.width / 2;
self.ImageView.clipsToBounds = YES;

引用此链接

http://www.appcoda.com/ios-programming-circular-image-calayer/

使用此代码。将对您有所帮助。

    UIImage* image = ...;
    UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, 1.0);
    // Add a clip before drawing anything, in the shape of an rounded rect
    [[UIBezierPath bezierPathWithRoundedRect:imageView.bounds
                                cornerRadius:50.0] addClip];
    // Draw your image
    [image drawInRect:imageView.bounds];

    // Get the image, here setting the UIImageView image
    imageView.image = UIGraphicsGetImageFromCurrentImageContext();

    // Lets forget about that we were drawing
    UIGraphicsEndImageContext();

这对我来说可以。:)

这是使用IBDesignable和IBInspectable继承UIImageView的快速更新方法

@IBDesignable class RoundableUIImageView: UIImageView {
    private var _round = false
    @IBInspectable var round: Bool {
        set {
            _round = newValue
            makeRound()
        }
        get {
            return self._round
        }
    }
    override internal var frame: CGRect {
        set {
            super.frame = newValue
            makeRound()
        }
        get {
            return super.frame
        }

    }

    private func makeRound() {
        if self.round == true {
            self.clipsToBounds = true
            self.layer.cornerRadius = (self.frame.width + self.frame.height) / 4
        } else {
            self.layer.cornerRadius = 0
        }
    }

    override func layoutSubviews() {
            makeRound()
    }
}

是的，这可能给layer.cornerRadius （需加 #import <QuartzCore/QuartzCore.h>）
为创建循环的任何控制，但在你的情况，而不是一套layer的UIImageView它是最好的方法制作图片为圆形，并将其添加在UIImageView其中有backGroundColor是ClearColor。

另请参阅这两个代码源。

https://www.cocoacontrols.com/controls/circleview

和

https://www.cocoacontrols.com/controls/mhlazytableimages

这可能对您有帮助：

设置UIImageView的高度和宽度为相同的值，例如：Height=60＆Width = 60，然后cornerRadius应该恰好是一半。在我的情况下，我将其保留为30。

 self.imageView.layer.cornerRadius = 30;
 self.imageView.layer.borderWidth = 3;
 self.imageView.layer.borderColor = [UIColor whiteColor].CGColor;
 self.imageView.layer.masksToBounds = YES;

如果使用一些自动布局和不同的单元格高度，则最好采用以下方式：

   override func layoutSubviews() {
        super.layoutSubviews()
        logo.layer.cornerRadius = logo.frame.size.height / 2;
        logo.clipsToBounds      = true;
    }

我使用的是Round Image View类……所以我只用它而不是UIImageView，也没有什么要调整的……

该类还在圆周围绘制可选边框。圆形图片周围经常有边框。

它不是UIImageView子类，因为UIImageView具有其自己的呈现机制，并且不调用drawRect方法。

介面

#import <UIKit/UIKit.h>

@interface MFRoundImageView : UIView

@property(nonatomic,strong) UIImage* image;

@property(nonatomic,strong) UIColor* strokeColor;
@property(nonatomic,assign) CGFloat strokeWidth;

@end

实施方式：

#import "MFRoundImageView.h"


@implementation MFRoundImageView

-(void)setImage:(UIImage *)image
{
    _image = image;
    [self setNeedsDisplay];
}

-(void)setStrokeColor:(UIColor *)strokeColor
{
    _strokeColor = strokeColor;
    [self setNeedsDisplay];
}

-(void)setStrokeWidth:(CGFloat)strokeWidth
{
    _strokeWidth = strokeWidth;
    [self setNeedsDisplay];
}

- (void)drawRect:(CGRect)rect {
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGPathRef path = CGPathCreateWithEllipseInRect(self.bounds, NULL);
    CGContextAddPath(ctx, path);
    CGContextClip(ctx);
    [self.image drawInRect:rect];

    if ( ( _strokeWidth > 0.0f ) && _strokeColor ) {
        CGContextSetLineWidth(ctx, _strokeWidth*2); // Half border is clipped
        [_strokeColor setStroke];
        CGContextAddPath(ctx, path);
        CGContextStrokePath(ctx);
    }
    CGPathRelease(path);
}

@end

在可用的解决方案Swift使用extension：

extension UIView{
  func circleMe(){
      let radius = CGRectGetWidth(self.bounds) / 2
      self.layer.cornerRadius = radius
      self.layer.masksToBounds = true
  }
}

用法：

self.venueImageView.circleMe()

使用下面的SO链接创建圆形图像视图非常简单，只需为表视图添加自定义单元格即可，而不是在cellForRowAtIndexPath方法中分配所有内容。

如何在iPhone中使按钮与图像背景保持一致？

上面的链接为您提供了一些按钮示例，这些按钮仅用于您的图像视图。

如果以纯背景色显示图像，则一个简单的解决方案是使用中间带有透明圆圈的覆盖图像。

这样，您仍然可以使用方形图像，并在其上方添加圆形图像以获得圆形效果。

如果您不需要操纵图像或以复杂的背景颜色显示图像，这可以是一种简单的解决方案，而不会影响性能。

在您的viewDidLoad方法中，通过swift快速地将其userImage输出：

self.userImage.layer.borderWidth = 1;
self.userImage.layer.borderColor = UIColor.whiteColor().CGColor;
self.userImage.layer.cornerRadius = self.userImage.frame.size.width / 2;
self.userImage.clipsToBounds = true;

在Swift中，将此扩展用于CircularImageView或RoundedImageView：

extension UIView {

    func circular(borderWidth: CGFloat = 0, borderColor: UIColor = UIColor.whiteColor()) {
        let radius = CGRectGetWidth(self.bounds) / 2
        self.layer.cornerRadius = radius
        self.layer.masksToBounds = true

        self.layer.borderWidth = borderWidth
        self.layer.borderColor = borderColor.CGColor
    }

    func roundedCorner(borderWidth: CGFloat = 0, borderColor: UIColor = UIColor.whiteColor()) {
        let radius = CGRectGetWidth(self.bounds) / 2
        self.layer.cornerRadius = radius / 5
        self.layer.masksToBounds = true

        self.layer.borderWidth = borderWidth
        self.layer.borderColor = borderColor.CGColor
    }

}

用法：

self.ImageView.circular()
self.ImageView.roundedCorner()

对于圆形图像视图，请使用以下代码。

self.imageView.layer.cornerRadius = self.imageView.frame.size.width / 2;
self.imageView.clipsToBounds = true

不要忘记在UIView的viewDidLayoutSubviews方法中更改cornerRadius。

例：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    self.imageView.layer.cornerRadius = self.imageView.frame.size.width / 2;
    self.imageView.clipsToBounds = true
}