UITableViewCell rounded imageView

Question

Я пытаюсь создать приложение с изображениями в закругленном изображении, но с изображениями разных и разных размеров. Моя цель - показать небольшой фрагмент изображения, если изображение слишком велико (изображение не искажено).

Я могу получить округленное изображение, но это разные размеры для разных изображений - это не то, что я хочу. Я читал сообщения здесь:

UIImage with rounded corners

Using cornerRadius on a UIImageView in a UITableViewCell

Некоторые из моего кода здесь для UITableViewCell (который я наследник):

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier 
{ 
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; 
    if (self) { 
     // Initialization code 
//  [self.imageView setContentMode:UIViewContentModeScaleAspectFill]; 

     self.imageView.contentMode = UIViewContentModeScaleAspectFit; 
     self.imageView.bounds = CGRectMake(0, 0, 44,44); 
     self.imageView.frame = CGRectMake(5, 10, 44, 44); 

     CGRect frame = self.imageView.frame; 
     self.imageView.layer.cornerRadius = 15; 
     [self.imageView.layer setMasksToBounds:YES]; 
     self.imageView.clipsToBounds = YES; 
    } 
    return self; 
} 

Я использую SDWebImage для загрузки образ. Есть ли что-то еще, что я здесь отсутствует?

Answer 1

Я нашел решение моей проблемы.

По какой-то странной причине ... Я не мог использовать разнообразные изображения для imageView на UITableViewCell. Я закончил тем, что разместил образ заполнителя в imageView (прозрачный png), а затем я поставил свой собственный UIImageView с тем же кодом в моем вопросе, и он отлично работал. Что-то странное делается с тем, как вычисляется imageView.

Answer 2

Если вы сделаете фигуру радиуса угла пропорциональной ширине или высоте и т. Д., Это даст вам постоянную округлость для изображения. В качестве примера я предложил div на 3.

self.imageview.layer.cornerRadius = self.imageview.frame.size.width/3; 

Надеюсь, это то, что вы ищете.

Cheers, Джим

EDIT -

Я вижу, вы закомментировал aspectFill, хотя это с ClipToBounds или MaskToBounds должен обеспечить то, что вы ищете. так путем изменения

self.imageView.contentMode = UIViewContentModeScaleAspectFit; 

Изменения в

self.imageView.contentMode = UIViewContentModeScaleAspectFill; 

и держать линию self.image.clipToBounds, это должно быть.

Приветствия

Answer 3

Привет это лучшее решение, и очень быстро:

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier 
{ 
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; 
    if (self) { 
     CALayer * l = [self layer]; 
     [l setMasksToBounds:YES]; 
     [l setCornerRadius:10.0]; 

     // You can even add a border 
     [l setBorderWidth:self.frame.size.width/IMG_PROFILE_BORDER_SCALE]; 
     [l setBorderColor:[[UIColor grayColor] CGColor]]; 
    } 
    return self; 
} 

И, очевидно, не забудьте импортировать рамки QuartzCore:

#import <QuartzCore/QuartzCore.h> 

Но, если вы заинтересованы , я также создал объект, доступный в GitHub, для создания пути, окрашенного вокруг изображения. Это решение использовать CoreGraphics и я думаю, что это медленнее, чем другой выше:

GBPathImageView

Answer 4

UIViewContentModeScaleAspectFill лучше подходит для ваших потребностей, потому что масштабирует изображение заполнить на размер ImageView без изменения apsect.

, но не забудьте установить clipsToBounds в YES для ImageView для того, чтобы удалить оставшиеся части из видовых границ:

[self.imageView setClipsToBounds:YES];