clipsToBounds fait que UIImage ne s'affiche pas dans iOS10 & XCode 8

, Ce problème m'est arrivé.

j'ai déplacé ce code imageView.layer.cornerRadius = imageView.frame.size.width/2 de - (void)awakeFromNib à - (void)drawRect:(CGRect)rect et ce problème a disparu.

mon imageView est dimensionné par autolayout. Je pense que la hauteur et la largeur ne sont pas décidés en se réveillant de nib sur iOS 10.

cela sonne comme si cela pouvait être dû à un nouveau bug depuis iOS 10 et Xcode 8 où les vues sont initialisées à la taille 1000x1000 et lorsque vous essayez de régler le rayon de coin à la moitié de votre cadre, il le règle à 500 à la place. Ceci est documenté plus loin dans cette question ici: depuis Xcode 8 et iOS10, les vues ne sont pas dimensionnées correctement sur viewDidLayoutSubviews . Ma raison de penser que c'est le correctif à la question 1000x1000 il pour appeler des sous-vues de mise en page avant de faire quoi que ce soit qui nécessite des tailles pour quelque chose qui a été construit sur le constructeur d'interface.

j'ai eu le même problème. Pas au téléphone, mais parfait pour le Storyboard et le débogueur. Il fonctionnait aussi quand je mettais le projet "open with Xcode 7" au lieu de 8 mais n'était pas une solution satisfaisante. J'ai donc creusé et trouvé le problème. Le problème était avec une classe ressemblant à ceci:

@IBDesignable public class MyButton: UIButton {

   @IBInspectable var styleName: String = "" {
        didSet {
            switch styleName {
            case "RoundedLight":
                tintColor = UIColor.lightPinkColor()
                layer.borderColor = UIColor.whiteColor().CGColor
                layer.borderWidth = 1
                layer.masksToBounds = true
            default:
                break
            }
        }
    }

    override public func layoutSubviews() {
        super.layoutSubviews()

        switch styleName {
            case "RoundedLight":
                layer.cornerRadius = frame.height / 2
            default:
                break
        }
    }
}

Je l'ai changé en ceci et cela fonctionne maintenant:

@IBDesignable public class MyButton: UIButton {

   @IBInspectable var styleName: String = "" {
        didSet {
            layoutIfNeeded()
        }
    }

    override public func layoutSubviews() {
        super.layoutSubviews()

        switch styleName {
        case "RoundedLight":
            tintColor = UIColor.lightPinkColor()
            layer.borderColor = UIColor.whiteColor().CGColor
            layer.borderWidth = 1
            layer.cornerRadius = frame.height / 2
            layer.masksToBounds = true
        default:
            break
        }
    }
}

notez qu'aucun de ces éléments n'a fonctionné pour moi, et je veux dire :

• appelant layoutIfNeeded dans le layoutSubviews()
• appelant layoutIfNeeded dans le awakeFromNib de mon bouton (ou de ma cellule contenant le bouton)
• appelant layoutIfNeeded dans le layoutSubview de ma cellule
• appelant contentView.layoutIfNeeded() dans le awakeFromNib de ma cellule
• appelant view.layoutIfNeeded() dans mon contrôleur de vue

J'ai eu ImageView qui est de forme entièrement circulaire. Ci-dessous le code:

//MARK:- Misc functions
func setProfileImage() {
    imgProfile.layer.masksToBounds = false
    imgProfile.layer.cornerRadius = imgProfile.frame.size.height/2
    imgProfile.clipsToBounds = true
    imgProfile.contentMode = UIViewContentMode.ScaleToFill
} 

cela fonctionne très bien dans iOS 9. Toutefois, in iOS 10 Xcode 8 the ImageView disappears. Après le débogage a trouvé que ClipsToBound est coupable.

ainsi placé le code dans viewDidLayoutSubviews() résolu la question.

override func viewDidLayoutSubviews() {
    setProfileImage()
}

vous pouvez également utiliser self.view.layoutIfNeeded()

c'est peut-être un problème de mise en page. Mettre clipToBounds à false montrerait l'image même si sa taille est zéro. Pouvez-vous imprimer le frame de vos images?

si vous définissez les propriétés cornerRadius et clipToBounds dans viewDidLoad , essayez de le faire dans viewDidLayoutSubviews() .

vous pouvez aussi essayer d'appeler self.view.layoutIfNeeded() .

utilisant obj-c, déplacer la syntaxe de viewDidLoad à viewDidLayoutSubviews a fonctionné pour moi.

je viens de mettre en œuvre l'arrondissement des coins comme ceci

@implementation RoundImageView

- (instancetype)initWithCoder:(NSCoder *)coder
{
    self = [super initWithCoder:coder];
    if (self) {
        self.layer.masksToBounds = YES;
        self.layer.cornerRadius = MIN(self.bounds.size.height, self.bounds.size.width)/2;
        [self addObserver:self
               forKeyPath:@"bounds"
                  options:NSKeyValueObservingOptionNew
                  context:(__bridge void * _Nullable)(self)];
    }
    return self;
}

-(void)dealloc
{
    [self removeObserver:self
              forKeyPath:@"bounds"
                 context:(__bridge void * _Nullable)(self)];
}

-(void)observeValueForKeyPath:(NSString *)keyPath
                     ofObject:(id)object
                       change:(NSDictionary<NSString *,id> *)change
                      context:(void *)context
{
    if(context == (__bridge void * _Nullable)(self) && object == self && [keyPath isEqualToString:@"bounds"])
    {
        self.layer.cornerRadius = MIN(self.bounds.size.height, self.bounds.size.width)/2;
    }
}

@end

je toujours ont bien des coins arrondis. Et je n'avais pas de problème pour passer à iOS10 et XCode8

je pense que le problème se produit parce que nous avons mis le coin rond et clip subviews comme @Pranoyc dit.

j'ai résolu les problèmes en utilisant layoutifneded pour la cellule my tableview montrant une image de profil de l'utilisateur. Je veux m'assurer que l'image est en angle rond

est le suivant: - (vide)awakeFromNib { [super awakeFromNib]; [auto layoutIfNeeded];

[self.inputIndicator_imageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
self.profile_pic_edit_imageView.layer.cornerRadius = self.profile_pic_edit_imageView.frame.size.width/2;
self.profile_pic_edit_imageView.layer.borderWidth = 1.0;
self.profile_pic_edit_imageView.layer.borderColor = GRAY_COLOR_SUPER_LIGHT.CGColor;
self.profile_pic_edit_imageView.clipsToBounds = YES;}

vous devez appeler layoutSubviews() sur la vue principale avant d'appeler imageView.cadre.taille.largeur

[self.view layoutSubviews];
imageView.layer.cornerRadius = imageView.frame.size.width/2
imageView.clipsToBounds = true