ios 11 UITabBar Проблема с позиционированием UITabBarItem

Я поддерживаю большое приложение для iPad, написанное в основном на Objective-C, которое выдержало несколько выпусков iOS. Я столкнулся с ситуацией, когда мне понадобился внешний вид панели вкладок до iOS 11 (со значками над заголовками, а не рядом с ними) для пары панелей вкладок. Мое решение состояло в том, чтобы создать подкласс UITabBar, который переопределяет метод traitCollection, чтобы он всегда возвращал компактную по горизонтали коллекцию признаков. Это заставляет iOS 11 отображать заголовки под значками для всех кнопок панели вкладок.

Чтобы использовать это, установите пользовательский класс панелей вкладок в раскадровке на этот новый подкласс и измените все выходы в коде, которые указывают на панели вкладок, на этот новый тип (не забудьте импортировать файл заголовка ниже).

В этом случае файл .h практически пуст:

//
//  MyTabBar.h
//

#import <UIKit/UIKit.h>

@interface MyTabBar : UITabBar

@end

Вот файл .m с реализацией метода traitCollection:

//
//  MyTabBar.m
//

#import "MyTabBar.h"

@implementation MyTabBar

// In iOS 11, UITabBarItem's have the title to the right of the icon in horizontally regular environments
// (i.e. the iPad).  In order to keep the title below the icon, it was necessary to subclass UITabBar and override
// traitCollection to make it horizontally compact.

- (UITraitCollection *)traitCollection {
    return [UITraitCollection traitCollectionWithHorizontalSizeClass:UIUserInterfaceSizeClassCompact];
}

@end

Основываясь на ответе Джона С, вот версия Swift 3, которую можно использовать программно без необходимости раскадровки или подкласса:

extension UITabBar {
    // Workaround for iOS 11's new UITabBar behavior where on iPad, the UITabBar inside
    // the Master view controller shows the UITabBarItem icon next to the text
    override open var traitCollection: UITraitCollection {
        if UIDevice.current.userInterfaceIdiom == .pad {
            return UITraitCollection(horizontalSizeClass: .compact)
        }
        return super.traitCollection
    }
}

Чтобы не испортить какие-либо другие черты, не лучше ли объединить их с суперклассами:

- (UITraitCollection *)traitCollection
{
  UITraitCollection *curr = [super traitCollection];
  UITraitCollection *compact = [UITraitCollection  traitCollectionWithHorizontalSizeClass:UIUserInterfaceSizeClassCompact];

  return [UITraitCollection traitCollectionWithTraitsFromCollections:@[curr, compact]];
}

Версия Swift 4 с подклассом, который позволяет избежать конфликта имен расширений/категорий:

class TabBar: UITabBar {
  override var traitCollection: UITraitCollection {
    guard UIDevice.current.userInterfaceIdiom == .pad else {
      return super.traitCollection
    }

    return UITraitCollection(horizontalSizeClass: .compact)
  }
}

Если вы используете Interface Builder и раскадровки, вы можете выбрать вид панели вкладок в своей сцене UITabBarController и изменить его класс на TabBar в инспекторе удостоверений:

ПРИМЕЧАНИЕ. вышеприведенное исправление, кажется, работает довольно хорошо. Не знаю, как это будет работать в будущем, но пока работает достаточно хорошо.

Согласно этому докладу WWDC, это новое поведение для:

• айфон в альбомной ориентации
• айпад все время

И если я правильно читаю, это поведение нельзя изменить:

У нас есть совершенно новый внешний вид панели вкладок, как в альбомной ориентации, так и на iPad, где мы показываем значок и текст рядом. И, в частности, на iPhone значок меньше, а панель вкладок меньше, чтобы дать немного больше места по вертикали.

В дополнение к ответу Джона:

Если у вас есть более 4 элементов панели вкладок и вам не нужна кнопка «Дополнительно», вам нужно выбрать другой класс размера. И если вам нужен исходный центрированный макет элементов, вам нужно добавить еще один метод, например:

#import "PreIOS11TabBarController.h"

@interface PreIOS11TabBarController ()

@end

@implementation PreIOS11TabBarController

// In iOS 11, UITabBarItem's have the title to the right of the icon in horizontally regular environments
// (i.e. the iPad).  In order to keep the title below the icon, it was necessary to subclass UITabBar and override
// traitCollection to make it horizontally compact.

- (UITraitCollection *)traitCollection {
    return [UITraitCollection traitCollectionWithHorizontalSizeClass:UIUserInterfaceSizeClassUnspecified];
}


- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];

    self.tabBar.itemPositioning = UITabBarItemPositioningCentered;
}

@end

ответ @massimobio хорош, однако из-за него большой заголовок панели навигации исчез для меня. Не исследовал проблему дальше, но это, кажется, исправляет ее:

override var traitCollection: UITraitCollection {
        guard UIDevice.current.userInterfaceIdiom == .pad else {
            return super.traitCollection
        }

        return UITraitCollection(traitsFrom: [super.traitCollection, UITraitCollection(horizontalSizeClass: .compact)])
    }