UIImageView sollte als Kreisansicht statt Diamant in UICollectionView sein

Question

Ich habe UICollectionView mit UIImageView darauf (wie im Bild gezeigt).

Und ich will es als Kreis Ansicht machen. Aber wenn ich eine Anwendung starte, erscheint sie als Diamant (Bild unten).

In (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { ich Setup als

[cell.photo setImageWithURL:[NSURL URLWithString:url] usingActivityIndicatorStyle:UIActivityIndicatorViewStyleGray]; 

    cell.photo.layer.cornerRadius = cell.photo.bounds.size.width/2; 
    cell.photo.layer.masksToBounds = NO; 
    cell.photo.clipsToBounds = YES; 

Für Setup-Bild verwendete ich Libs SDWebImage

Und Ich bin sicher, dass corner Wert korrekt (es ist halb so Bild breite). Auch habe ich keine manuellen Änderungen an den Storyboard-Eigenschaften vorgenommen (Position als Auto-Layout). Was habe ich vermisst?

Answer 1

Ihr Problem ist, dass Zelle kann neu Layout nach cellForItemAtIndexPath: und Größe der Zelle wird danach geändert werden.

Lösungen für Sie: 1) Setzen Sie cell.photo.layer.cornerRadius = cell.photo.bounds.size.width/2; in

- (void)collectionView:(UICollectionView *)collectionView willDisplayCell:(UICollectionViewCell *)cell forItemAtIndexPath:(NSIndexPath *)indexPath 

2) Erstellen von benutzerdefinierten Klasse für Ihre UICollectionCell und layoutSubviews Funktion außer Kraft setzen:

- (void)layoutSubviews { 
    [super layoutSubviews]; 
    self.photo.layer.cornerRadius = self.frame.size.width/2.0; 
} 

Answer 2

Um Ihr Bild zu einem Kreis zu machen, müssen Sie sicherstellen, dass Ihr Rahmen ein perfektes Quadrat ist und einen Eckenradius von mehr oder weniger 60 einstellt. Das funktioniert für mich, hoffe das hilft Ihnen!

Answer 3

Ihr corner Wert korrekt ist, aber cell.photo.layer.masksToBounds = NO;, die in falsch setzen Sie es auf cell.photo.layer.masksToBounds = YES; und wenn es immer noch nicht funktioniert dann stellen Sie sicher, dass die Höhe und die Breite Ihrer ImageView sollte gleich sein.

Answer 4

Das hat mir sehr geholfen.

In-Subklassen von UICollectionViewCell, CustomCell.m:

-(void)layoutSubviews 
{ 
    [super layoutSubviews]; 

    [self layoutCell]; 
} 

-(void)layoutCell 
{ 
    [self layoutIfNeeded]; 

    [[imgThumbView layer] setCornerRadius:imgThumbView.bounds.size.width/2]; 

    [[imgThumbView layer] setBorderColor:[UIColor redColor]; 

    [[imgThumbView layer] setBorderWidth:1.5f]; 

    [[imgThumbView layer] setMasksToBounds:YES]; 
}