iOS 11 iPhone simulator X UITabBar des icônes et des titres en cours de rendu sur le dessus couvrant eachother

J'ai pu contourner le problème en appelant simplement invalidateIntrinsicContentSize sur le UITabBar dans viewDidLayoutSubviews.

-(void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    [self.tabBar invalidateIntrinsicContentSize];
}

Remarque: Le fond de la barre d'onglet devra être contenu vers le bas de la vue principale, plutôt que de la zone de sécurité, et la barre d'onglet ne devrait avoir aucun hauteur de contrainte.

Il y a un truc qui nous permet de résoudre le problème.

Il suffit de mettre votre UITabBar à l'intérieur d'une UIView.

C'est vraiment de travailler pour moi.

Ou vous pouvez suivre ce Lien pour plus de détails.

J'ai ajouté ceci à viewWillAppear de ma coutume UITabBarController, parce qu'aucune des réponses a fonctionné pour moi:

tabBar.invalidateIntrinsicContentSize()
tabBar.superview?.setNeedsLayout()
tabBar.superview?.layoutSubviews()

J'ai eu le même problème.

Si j'ai mis toute non-constante de zéro sur le UITabBar de fond de la contrainte de la zone de sécurité:

Il commence à travailler comme prévu...

C'est le seul changement que j'ai fait et je n'ai aucune idée de pourquoi cela fonctionne, mais si personne ne se que j'aimerais savoir.

Aha! C'est en fait de la magie!

J'ai enfin compris cela après des heures de la malédiction d'Apple.

UIKit en fait de gérer cela pour vous, et il semble que la nouvelle barre d'onglet éléments sont dus à une erreur de configuration (et probablement une réelle UIKit bug). Il n'y a pas besoin de sous-classement ou un arrière-plan de la vue.

UITabBar "fonctionnera" s'il est contraint à l'superview du bas, PAS vers le bas de la zone de sécurité.

Il fonctionne même dans Interface builder.

Correct De L'Installation

1. Dans interface builder, la visualisation comme l'iPhone X, faites glisser un UITabBar à où il s'accroche à la partie inférieure de la zone de sécurité en médaillon. Lorsque vous déposez, il devrait ressembler à corriger (remplir l'espace, tout le chemin vers le bord inférieur).
2. Vous pouvez ensuite faire un "Manque de Contraintes" et de la dge, ajoutez la bonne contraintes et de votre onglet de la barre de magie de travailler sur tous les iPhones! (Notez que le fond de la contrainte ressemble a une valeur constante égale à la hauteur de l'iPhone X zone dangereuse, mais la constante est en fait 0)

---

Parfois cela ne fonctionne toujours pas

Ce qui est vraiment stupide, c'est que vous pouvez actaully voir le bug de l'IB ainsi, même si vous ajoutez des contraintes que l'IB ajoute dans les étapes ci-dessus!

1. Faites glisser une UITabBar et de ne pas l'aligner sur le bas de la zone de sécurité encart
2. Ajouter, de fuite et de bas contraintes tout à superview (pas de zone de sécurité)
   Bizarrement, cela permettra de fixer lui-même si vous faites un "Inverse Premier Et le Deuxième Élément" dans la contrainte inspecteur pour le bas de la contrainte. _(ツ)_/

La UITabBar est de plus en hauteur au-dessus du bouton home/ligne, mais le dessin de la sous-vue à son emplacement d'origine et en y ajoutant la UITabBarItem sur la sous-vue.

Comme une solution de contournement, vous pouvez détecter l'iPhone X, puis réduire la hauteur de la vue par 32px pour assurer la barre d'onglet est affiché dans la zone de sécurité au-dessus de la maison de ligne.

Par exemple, si vous créez votre TabBar par programmation remplacer

self.tabBarController = [[UITabBarController alloc] init];
self.window.rootViewController = self.tabBarController;

Avec ceci:

#define IS_IPHONEX (([[UIScreen mainScreen] bounds].size.height-812)?NO:YES)
self.tabBarController = [[UITabBarController alloc] init];    
self.window.rootViewController = [[UIViewController alloc] init] ;
if(IS_IPHONEX)
    self.window.rootViewController.view.frame = CGRectMake(self.window.rootViewController.view.frame.origin.x, self.window.rootViewController.view.frame.origin.y, self.window.rootViewController.view.frame.size.width, self.window.rootViewController.view.frame.size.height + 32) ;
[self.window.rootViewController.view addSubview:self.tabBarController.view];
self.tabBarController.tabBar.barTintColor = [UIColor colorWithWhite:0.98 alpha:1.0] ;
self.window.rootViewController.view.backgroundColor = [UIColor colorWithWhite:0.98 alpha:1.0] ;

NOTE: Ceci pourrait bien être un bug, car la vue de tailles et de barre d'onglet mise en page sont définies par le système d'exploitation. Il devrait probablement s'afficher comme par Apple capture d'écran de l'iPhone X Human Interface Guidelines ici: https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/

J'ai eu le même problème quand j'ai essayé de définir le cadre de UITabBar dans mon custom TabBarController.

self.tabBar.frame = CGRectMake(0, self.view.frame.size.height - kTabBarHeight, self.view.frame.size.width, kTabBarHeight);

Quand j'ai juste ajusté à la nouvelle taille du problème s'en alla

if(IS_IPHONE_X){
    self.tabBar.frame = CGRectMake(0, self.view.frame.size.height - kPhoneXTabBarHeight, self.view.frame.size.width, kPhoneXTabBarHeight);
}
else{
    self.tabBar.frame = CGRectMake(0, self.view.frame.size.height - kTabBarHeight, self.view.frame.size.width, kTabBarHeight);
}

J'ai rayé ma tête sur ce problème. Il semble être liée à la façon dont la tabBar est initialisé et ajouté à la vue de la hiérarchie. J'ai aussi essayé les solutions ci-dessus comme appeler invalidateIntrinsicContentSize, le cadre, et aussi bottomInsets à l'intérieur d'un UITabBar sous-classe. Ils semblent toutefois temporairement et ils cassent quelque autre scénario ou la régression de la barre d'onglet à l'origine de certaines ambigu problème de mise en page. Quand j'étais à déboguer le problème, j'ai essayé de l'affectation de la hauteur de contraintes à la UITabBar et centerYAnchor, cependant pas résolu le problème. J'ai réalisé en vue débogueur que la tabBar hauteur est correcte avant et après le problème reproduit, ce qui m'a amené à penser que le problème était dans le sous-vues. J'ai utilisé le code ci-dessous pour réussir à résoudre ce problème sans régresser tout autre scénario.

- (void) viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator
{
    [super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];
    if (DEVICE_IS_IPHONEX())
    {
        [coordinator animateAlongsideTransition:^(id<UIViewControllerTransitionCoordinatorContext>  _Nonnull context) {
            for (UIView *view in self.tabBar.subviews)
            {
                if ([NSStringFromClass(view.class) containsString:@"UITabBarButton"])
                {
                    if (@available (iOS 11, *))
                    {
                        [view.bottomAnchor constraintEqualToAnchor:view.superview.safeAreaLayoutGuide.bottomAnchor].active = YES;
                    }
                }
            }
        } completion:^(id<UIViewControllerTransitionCoordinatorContext>  _Nonnull context) {
            [self.tabBar layoutSubviews];
        }];
    }
}

Hypothèses: je fais cela uniquement pour l'iPhone X, car il ne semble pas reproduire sur un autre appareil pour le moment.
Est basée sur l'hypothèse qu'Apple ne change pas le nom de la UITabBarButton classe dans les futures versions du logiciel iOS.
Nous faisons cela sur UITabBarButton seulement lorsque les moyens si apple ajoute plus interne des sous-vues à UITabBar nous pourrions avoir besoin de modifier le code afin de l'ajuster pour qu'.

Veuillez crois-moi savoir si cela fonctionne, sera ouvert aux suggestions et améliorations!

Il doit être simple pour créer rapidement un équivalent de cette.

Sélectionnez tabbar et "Enregistrer la Zone de Relative Marginalité" case à cocher dans l'Inspecteur de l'Éditeur comme ceci:

J'ai créé de nouveaux UITabBarController dans mon storyboard et poussé tous les contrôleurs de vue de cette nouvelle UITabBarConttoller. Donc, tous fonctionnent bien dans l'iPhone X simulateur.

essayer de changer l'écran de démarrage avec @3x la taille de l'est (3726 × 6624)

Pour moi, c'fixe toutes les questions:

    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        let currentHeight = tabBar.frame.height
        tabBar.frame = CGRect(x: 0, y: view.frame.size.height - currentHeight, width: view.frame.size.width, height: currentHeight)
    }

La solution la plus simple que j'ai trouvé était de simplement ajouter 0,2 pt espace entre le bas de la barre d'onglet et le bas de la safeAreaLayoutGuide.bottomAnchor comme si.

tabBar.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -0.2)

Je pense que c'est un bug UIKit de iPhoneX.
parce que cela fonctionne:

if (@available(iOS 11.0, *)) {
    if ([UIApplication sharedApplication].keyWindow.safeAreaInsets.top > 0.0) {
       self.tabBarBottomLayoutConstraint.constant = 1.0;
    }
} 

Je suis tombé sur ce bug sur mon écran de lancement de storyboard, qui ne peuvent pas être personnalisés par le biais de sous-classement. Après quelques analyses, j'ai réussi à trouver la cause du problème - j'ai été en utilisant un UITabBar directement. Le passage à une UITabBarController, qui encapsule une UITabBar, a résolu le problème.

Remarque - il est possible que cela sera corrigé par iOS 11.1, ne peuvent donc pas d'effet réel X des applications iPhone (car il est probable que l'iPhone X sera publié iOS 11.1).