Rotation de UIView y compris les bornes CALayer ET le cadre CALayer

Question

Je veux faire pivoter mon UIView "containerView" (boîte rouge semi-transparente dans la capture d'écran) en utilisant UIDeviceOrientationDidChangeNotification et plus tard (après qu'il tourne) ajouter des sous-couches à la couche de la vue, mais Je trouve que seules les limites de containerView.layer sont redimensionnées, et PAS le cadre de containerView.layer! :(

Voilà comment il regarde en mode portrait:

Exemple Code:

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation 
{ 
    return (interfaceOrientation == UIInterfaceOrientationPortrait); 
} 

- (void)viewDidAppear:(BOOL)animated 
{ 
    CALayer *r = [CALayer layer]; 
    r.frame = CGRectMake(0, 0, 100, 100); 
    r.contents = (id)[[UIImage imageNamed:@"r.png"] CGImage]; 
    [self.containerView.layer addSublayer:r]; 
} 

- (void)deviceRotated:(NSNotification *)notification 
{ 
    ... 
    if (orientation == UIDeviceOrientationLandscapeLeft) { 
     self.containerView.transform = CGAffineTransformMakeRotation(RADIANS(90)); 
     self.containerView.bounds = CGRectMake(0, 0, 411.0, 320.0); 

     NSLog(@"container bounds: %@", NSStringFromCGRect(self.containerView.bounds)); 
     NSLog(@"container layer frame: %@", NSStringFromCGRect(self.containerView.layer.frame)); 
     NSLog(@"container layer bounds: %@", NSStringFromCGRect(self.containerView.layer.bounds)); 

     CALayer *testLayer = [CALayer layer]; 
     testLayer.backgroundColor = [[UIColor blueColor] CGColor]; 
     testLayer.bounds = self.containerView.layer.frame; 
     testLayer.position = CGPointMake(CGRectGetMidX(testLayer.bounds), CGRectGetMidY(testLayer.bounds)); 
     [self.containerView.layer addSublayer:testLayer]; 
    } 
} 

qui, après rotation, impressions:

container bounds: {{0, 0}, {411, 320}} 
container layer frame: {{0, 0}, {320, 411}} 
container layer bounds: {{0, 0}, {411, 320}} 

(Notez de la couche le cadre est toujours large de 320, 411 haut.)

Alors maintenant, il ressemble à:

J'ai essayé également de mettre au centre avant de changer les limites, mais qui ressemble à:

Je sais que la couche du containerView doesn 't autoresize, donc j'ai essayé de définir le cadre de la couche après la transformation ... self.containerView.layer.frame = self.containerView.bounds; qui imprime ensuite:

container bounds: {{0, 0}, {320, 411}} 
container layer frame: {{0, 0}, {411, 320}} 
container layer bounds: {{0, 0}, {320, 411}} 

et ressemble à:

Argh! Le paramètre autoResizesSubviews est défini sur YES pour toutes les vues, clipsToBounds sur NO. Je ne peux pas utiliser shouldAutorotateToInterfaceOrientation parce que l'application réelle aura un aperçu de la caméra, donc je veux que la vue racine reste en mode portrait.

Il me manque quelque chose avec la façon dont je fais la transformation sur containerView pour que les limites et le cadre de la couche soient les mêmes, mais je n'arrive pas à comprendre ce que c'est! Toute aide serait très appréciée.

Mise à jour - Correction:

Réglage de la limite de la couche de nouveau ajoutée (testLayer.bounds) à contentView.layer.bounds au lieu de contentView.layer.frame a fait l'affaire. (Depuis la transformation de contentView invalide son layer.frame.) Merci Michael!

fixe:

Answer 1

self.containerView.bounds = CGRectMake(0, 0, 411.0, 320.0); 

Votre réglage ici est mauvais en raison du contexte renversé. Vous l'avez défini comme étant large et parce qu'il est retourné à 90 degrés, il redevient vertical.