パフォーマンスに影響を与えずに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をサブクラス化するSwiftの最新のメソッドです。

@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。

この2つのコードソースも参照してください。

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には独自のレンダリングメカニズムがあり、drawRectメソッドを呼び出さないため、UIImageViewサブクラスではありません。

インターフェース ：

#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メソッド内で、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()

円形のimageviewの場合、以下のコードを使用します。

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
}