Thêm các góc tròn cho tất cả các UIImageViews

Question

Tôi muốn thêm một số góc được làm tròn cho tất cả các UIImageViews trong dự án của tôi. Tôi đã có mã làm việc, nhưng phải áp dụng nó cho mọi hình ảnh; sao tôi nên phân lớp UIImageView để thêm cái này? Nếu có, ai đó có thể cho tôi một số gợi ý về cách làm điều này không?

Đây là mã

- (void)viewDidLoad { 
    [super viewDidLoad]; 
    NSString *mainpath = [[NSBundle mainBundle] bundlePath]; 
    welcomeImageView.image = [UIImage imageWithContentsOfFile:[mainpath stringByAppendingString:@"/test.png"]]; 
    welcomeImageView.layer.cornerRadius = 9.0; 
    welcomeImageView.layer.masksToBounds = YES; 
    welcomeImageView.layer.borderColor = [UIColor blackColor].CGColor; 
    welcomeImageView.layer.borderWidth = 3.0; 
    CGRect frame = welcomeImageView.frame; 
    frame.size.width = 100; 
    frame.size.height = 100; 
    welcomeImageView.frame = frame; 
} 

Answer 1

Bạn có thể sử dụng danh mục cho UIImage là một cách thay thế để phân lớp một Lớp và đôi khi dễ dàng hơn cho những thay đổi nhỏ.

ví dụ: thêm phương thức trả về UIImage với tập hợp thuộc tính góc tròn.

+(UIImage *)imageWithContentsOfFile:(NSString *)file cornerRadius:(NSInteger)... 

biết thêm về loại Objective-C có thể được tìm thấy http://macdevelopertips.com/objective-c/objective-c-categories.html

Answer 2

Có, bạn nên phân lớp UIImageView, và sử dụng phân lớp tùy chỉnh của bạn trong suốt dự án của bạn.

Answer 3

Kiểm tra này - Rounded Corners on UIImage

Việc sửa đổi lớp có vẻ là cách tốt nhất.

UIImageView * roundedView = [[UIImageView alloc] initWithImage: [UIImage imageNamed:@"wood.jpg"]]; 
// Get the Layer of any view 
CALayer * l = [roundedView layer]; 
[l setMasksToBounds:YES]; 
[l setCornerRadius:10.0]; 

Answer 4

Thay vì subclassing, bạn có thể đạt được chức năng mạnh mẽ hơn thông qua loại đơn giản trên UIImageView và CALayer.

Tạo một thể loại trên UIImageView như thế này:

- (void)maskRoundCorners:(UIRectCorner)corners radius:(CGFloat)radius { 
    // To round all corners, we can just set the radius on the layer 
    if (corners == UIRectCornerAllCorners) { 
     self.layer.cornerRadius = radius; 
     self.layer.masksToBounds = YES; 
    } else { 
     // If we want to choose which corners we want to mask then 
     // it is necessary to create a mask layer. 
     self.layer.mask = [CALayer maskLayerWithCorners:corners radii:CGSizeMake(radius, radius) frame:self.bounds]; 
    } 
} 

Điều này đòi hỏi một phương pháp loại trên CALayer:

+ (id)maskLayerWithCorners:(UIRectCorner)corners radii:(CGSize)radii frame:(CGRect)frame { 

    // Create a CAShapeLayer 
    CAShapeLayer *mask = [CAShapeLayer layer]; 

    // Set the frame 
    mask.frame = frame; 

    // Set the CGPath from a UIBezierPath 
    mask.path = [UIBezierPath bezierPathWithRoundedRect:mask.bounds byRoundingCorners:corners cornerRadii:radii].CGPath; 

    // Set the fill color 
    mask.fillColor = [UIColor whiteColor].CGColor; 

    return mask; 
} 

Vì vậy, điều này cho phép bạn để làm tròn kết hợp bất kỳ (xem UIRectCorner) của góc, đặc biệt hữu ích nếu bạn muốn đặt hình ảnh theo kiểu nhóm UITableView. Có một báo trước khi thực hiện điều này tuy nhiên. Bởi vì chúng tôi đã không phân loại UIImageView, chúng tôi không thể tiêm bất kỳ mã nào vào layoutSubviews, điều đó có nghĩa là lớp mặt nạ có thể không chính xác. Trong thực tế, khi định cấu hình ô, các giới hạn của chế độ xem hình ảnh thậm chí sẽ không được đặt khi bạn gọi phương thức danh mục. Do đó, bạn cần đảm bảo giới hạn của chế độ xem hình ảnh được đặt trước khi thêm các góc tròn (trừ khi sử dụng UIRectCornersAllCorners).

Dưới đây là một số mã mà thực hiện điều này:

 // Perform corner rounding 
     UIRectCorner corners = !UIRectCornerAllCorners; 
     if (indexPath.row == 0) 
      corners = UIRectCornerTopLeft; 
     if (indexPath.row == numberOfRowsInTheTable) 
      corners |= UIRectCornerBottomLeft; 

     if (corners > 0) { 
      cell.imageView.bounds = CGRectMake(0.f, 0.f, [self.tableView rowHeight], [self.tableView rowHeight]); 
      [cell.imageView maskRoundCorners:corners radius:10.f]; 
     } else { 
      [cell.imageView removeRoundCornersMask]; 
     } 

tôi có một loại mà loại bỏ các góc tròn - tất cả điều đó không được loại bỏ bất kỳ mặt nạ và thiết lập cornerRadius để 0.

Answer 5

Bạn có thể phân lớp UIImageView và sau đó nếu bạn triển khai phương thức setNeedsDisplay, các góc tròn sẽ hoạt động trên các lớp con. (Đừng quên để nhập khẩu QuartzCore)

-(void)setNeedsDisplay { 
    self.layer.cornerRadius = 5; 
    self.layer.masksToBounds = YES; 
    [self.layer setBorderColor:[[UIColor whiteColor] CGColor]]; 
    [self.layer setBorderWidth: 2.0]; 
} 

Answer 6

Hãy thử điều này,

coverImage.image = [UIImage imageWithContentsOfFile:@"coverImage.png"]; 
coverImage.layer.masksToBounds = YES; 
coverImage.layer.cornerRadius = 10.0; 
coverImage.layer.borderWidth = 1.0; 
coverImage.layer.borderColor = [[UIColor brown] CGColor]; 

này có thể giúp bạn.