如何使用自动调整蒙版对UIImageView进行取整？

Question

Hello everyone. I am creating an iOS app. In which I have got an ImageView on UITableView cell. The problem is whenever I am making it circular by dividing its height or width by 2 its creating an oval. Although when I am removing the autoresizing its working fine. Can anybody please help here.

Answer 1

I have found with UITableViewCell that you get strange affects related to size classes when you show rounded images in cells. This is especially the case if you use different size constraints for images on iPad say versus iPhone. To fix this I add the following to my cell class. self.myImageView is my cells UIImageView that I want to be round.

This also makes sure you pick up the latest changes in the image frame if it changes during layout.

- (void) layoutSubviews
{
    [super layoutSubviews];

    //
    // Make the image round using the latest frame size.
    //
    CALayer *l=[self.myImageView layer];
    [l setMasksToBounds:YES];
    [l setCornerRadius:self.myImageView.frame.size.width/2];

    // No border just now
    [l setBorderWidth:0.0];
    [l setBorderColor:[[UIColor blackColor] CGColor]];
}

Code assumes the image is square which it needs to be to work.

Answer 2

是的，您应该给UIImageview的宽度和高度等于UITableviewcell的高度，然后将其除以二...

Answer 3

Add this generic method:

func addRoundedCorner(viewToRound:UImageView, radius:CGFloat) {

    var layer:CALayer = viewToRound.layer;
    layer.cornerRadius=radius
    layer.masksToBounds = true
} //F.E.

Pass your imageview like this:

self.addRoundedCorner(YourUImageView, radius:CGFloat(YourUImageView.frame.size.width/2.0))

Note: Apply it with proper auto resizing else it will not work fine Thanks