Simulateur iOS 11 iPhone X Les icônes et les titres de la barre d'outils sont rendus en se recouvrant les uns les autres.

Question

Quelqu'un a-t-il des problèmes avec le simulateur de l'iPhone X autour du composant UITabBar ?

Les miens semblent rendre les icônes et le titre l'un sur l'autre, je ne suis pas sûr de manquer quelque chose, je l'ai également exécuté dans le simulateur iPhone 8, et un appareil réel où il semble bien comme indiqué sur le story board.

iPhone X :

iPhone 8

Answer 1

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

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

Remarque : le bas de la barre d'onglets devra être contenu dans le bas de la vue principale, plutôt que dans la zone sécurisée, et la barre d'onglets ne devra pas avoir de contrainte de hauteur.

Answer 2

La réponse fournie par VoidLess ne résout que partiellement les problèmes de la barre de tabulation. Il corrige les problèmes de mise en page dans la barre d'onglets, mais si vous utilisez un viewcontroller qui cache la barre d'onglets, celle-ci est rendue de manière incorrecte pendant les animations (pour la reproduire, il est préférable d'avoir 2 séquences - une modale et une push. Si vous alternez les séquences, vous pouvez voir que la barre d'onglets n'est pas rendue à sa place). Le code ci-dessous résout les deux problèmes. Bon travail Apple.

class SafeAreaFixTabBar: UITabBar {

var oldSafeAreaInsets = UIEdgeInsets.zero

@available(iOS 11.0, *)
override func safeAreaInsetsDidChange() {
    super.safeAreaInsetsDidChange()

    if oldSafeAreaInsets != safeAreaInsets {
        oldSafeAreaInsets = safeAreaInsets

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

override func sizeThatFits(_ size: CGSize) -> CGSize {
    var size = super.sizeThatFits(size)
    if #available(iOS 11.0, *) {
        let bottomInset = safeAreaInsets.bottom
        if bottomInset > 0 && size.height < 50 && (size.height + bottomInset < 90) {
            size.height += bottomInset
        }
    }
    return size
}

override var frame: CGRect {
    get {
        return super.frame
    }
    set {
        var tmp = newValue
        if let superview = superview, tmp.maxY != 
        superview.frame.height {
            tmp.origin.y = superview.frame.height - tmp.height
        }

        super.frame = tmp
        }
    }
}

Code Objective-C :

@implementation VSTabBarFix {
    UIEdgeInsets oldSafeAreaInsets;
}

- (void)awakeFromNib {
    [super awakeFromNib];

    oldSafeAreaInsets = UIEdgeInsetsZero;
}

- (void)safeAreaInsetsDidChange {
    [super safeAreaInsetsDidChange];

    if (!UIEdgeInsetsEqualToEdgeInsets(oldSafeAreaInsets, self.safeAreaInsets)) {
        [self invalidateIntrinsicContentSize];

        if (self.superview) {
            [self.superview setNeedsLayout];
            [self.superview layoutSubviews];
        }
    }
}

- (CGSize)sizeThatFits:(CGSize)size {
    size = [super sizeThatFits:size];

    if (@available(iOS 11.0, *)) {
        float bottomInset = self.safeAreaInsets.bottom;
        if (bottomInset > 0 && size.height < 50 && (size.height + bottomInset < 90)) {
            size.height += bottomInset;
        }
    }

    return size;
}

- (void)setFrame:(CGRect)frame {
    if (self.superview) {
        if (frame.origin.y + frame.size.height != self.superview.frame.size.height) {
            frame.origin.y = self.superview.frame.size.height - frame.size.height;
        }
    }
    [super setFrame:frame];
}

@end

Answer 3

Il existe une astuce qui permet de résoudre le problème.

Il suffit de placer votre UITabBar dans un UIView.

Ça marche vraiment pour moi.

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

Answer 4

Contourner UITabBar sizeThatFits(_) pour safeArea

extension UITabBar {
    static let height: CGFloat = 49.0

    override open func sizeThatFits(_ size: CGSize) -> CGSize {
        guard let window = UIApplication.shared.keyWindow else {
            return super.sizeThatFits(size)
        }
        var sizeThatFits = super.sizeThatFits(size)
        if #available(iOS 11.0, *) {
            sizeThatFits.height = UITabBar.height + window.safeAreaInsets.bottom
        } else {
            sizeThatFits.height = UITabBar.height
        }
        return sizeThatFits
    }
}

Answer 5

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

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