Руководства по макету безопасной зоны в xib-файлах — iOS 10

Есть некоторые проблемы с макетом безопасной области и обратной совместимостью. См. мой комментарий по здесь.

Возможно, вы сможете обойти проблемы с помощью дополнительных ограничений, таких как приоритет 1000 >= 20.0 для superview.top и приоритет 750 == safearea.top. Если вы всегда показываете строку состояния, это должно исправить ситуацию.

Лучшим подходом может быть создание отдельных раскадровок/xib для версий до iOS 11 и iOS-11 и выше, особенно если вы сталкиваетесь с большим количеством проблем. Причина, по которой это предпочтительнее, заключается в том, что в версиях до iOS 11 вы должны размещать ограничения по верхним/нижним направляющим макета, но для iOS 11 вы должны размещать их в безопасных областях. Направляющие макета исчезли. Разметка по макетам для версий до iOS 11 стилистически лучше, чем простое смещение минимум на 20 пикселей, даже если результаты будут такими же, если вы всегда показываете строку состояния.

Если вы выберете этот подход, вам нужно будет установить для каждого файла правильную цель развертывания, на которой он будет использоваться (iOS 11 или что-то более раннее), чтобы Xcode не давал вам предупреждений и позволял вам использовать руководства по макету или безопасные зоны, в зависимости. В своем коде проверьте наличие iOS 11 во время выполнения, а затем загрузите соответствующую раскадровку/xibs.

Недостатком этого подхода является обслуживание (у вас будет два набора ваших контроллеров представления для поддержки и синхронизации), но как только ваше приложение поддерживает только iOS 11+ или Apple исправит генерацию ограничений руководства по макету обратной совместимости, вы можете получить избавиться от версий до iOS 11.

Кстати, как вы показываете контроллер, с которым вы это видите? Это просто контроллер корневого представления или вы его представили, или..? Проблема, которую я заметил, связана с нажатием контроллеров представления, поэтому вы можете столкнуться с другим случаем.

В настоящее время обратная совместимость не работает должным образом.

Мое решение состоит в том, чтобы создать 2 ограничения в построителе интерфейса и удалить одно в зависимости от используемой вами версии ios:

• для iOS 11: view.top == safe area.top
• для более ранних версий: view.top == superview.top + 20

Добавьте их как розетки как myConstraintSAFEAREA и myConstraintSUPERVIEW соответственно. Потом:

override func viewDidLoad() {
    if #available(iOS 11.0, *) {
        view.removeConstraint(myConstraintSUPERVIEW)
    } else {
        view.removeConstraint(myConstraintSAFEAREA)
    }
}

Для меня простое исправление, позволяющее заставить его работать в обеих версиях, было

    if #available(iOS 11, *) {}
    else {
        self.edgesForExtendedLayout = []
    }

Из документации: «В iOS 10 и более ранних версиях используйте это свойство, чтобы сообщить, какие края вашего контроллера представления простираются под панелями навигации или другими представлениями, предоставляемыми системой». Таким образом, установка их в пустой массив гарантирует, что контроллер представления не расширяется под панелями навигации.

Документ доступен здесь

Я объединил некоторые ответы с этой страницы в это, что работает как шарм (только для верхнего руководства по макету, как это было запрошено в вопросе):

1. Обязательно используйте безопасную область в раскадровке или xib-файле.
2. Ограничьте свои взгляды безопасными зонами
3. For each view which has a constraint attached to the SafeArea.top
   • Create an IBOutlet for the view
   • Создайте IBOutler для constraint

4. Внутри ViewController на viewDidLoad:

   if (@available(iOS 11.0, *)) {}
   else {
       // For each view and constraint do:
       [self.view.topAnchor constraintEqualToAnchor:self.topLayoutGuide.bottomAnchor].active = YES;
       self.constraint.active = NO;
   }
   

Редактировать:

Вот улучшенная версия, которую я использовал в нашей кодовой базе. Просто скопируйте/вставьте приведенный ниже код и подключите каждое представление и ограничения к их IBOutletCollection.

@property (strong, nonatomic) IBOutletCollection(NSLayoutConstraint) NSArray *constraintsAttachedToSafeAreaTop;
@property (strong, nonatomic) IBOutletCollection(UIView) NSArray *viewsAttachedToSafeAreaTop;


if (@available(iOS 11.0, *)) {}
else {
    for (UIView *viewAttachedToSafeAreaTop in self.viewsAttachedToSafeAreaTop) {
        [viewAttachedToSafeAreaTop.topAnchor constraintEqualToAnchor:self.topLayoutGuide.bottomAnchor].active = YES;
    }
    for (NSLayoutConstraint *constraintAttachedToSafeAreaTop in self.constraintsAttachedToSafeAreaTop) {
        constraintAttachedToSafeAreaTop.active = NO;
    }
}

Количество всех IBOutletCollection должно быть одинаковым. например для каждого вида должно быть связанное с ним ограничение

В итоге я удалил ограничение на безопасную область, которое у меня было в моем файле xib. Вместо этого я сделал выход к рассматриваемому UIView и из кода подключил его вот так, в viewDidLayoutSubviews.

let constraint = alert.viewContents.topAnchor.constraint(equalTo: self.topLayoutGuide.bottomAnchor, constant: 0)
constraint.priority = 998
constraint.isActive = true

Это привязывает небольшое «предупреждение» к верхней части экрана, но гарантирует, что представление содержимого в предупреждении всегда находится ниже верхней безопасной области (iOS11ish)/topLayoutGuide (iOS10ish)

Простое и одноразовое решение. Если что-то сломается, я вернусь ????.

Это также работает:

override func viewDidLoad() {
    super.viewDidLoad()

    if #available(iOS 11.0, *) {}
    else {
        view.heightAnchor.constraint(equalToConstant: UIScreen.main.bounds.height - 80).isActive = true
        view.widthAnchor.constraint(equalToConstant: UIScreen.main.bounds.width - 20).isActive = true
    }
}

Я добавил подкласс NSLayoutConstraint, чтобы решить эту проблему (IBAdjustableConstraint), с переменной @IBInspectable, выглядит так.

class IBAdjustableConstraint: NSLayoutConstraint {

    @IBInspectable var safeAreaAdjustedConstant: CGFloat = 0 {
        didSet {
            if OS.TenOrBelow {
                constant += safeAreaAdjustedConstantLegacy
            }
        }
    }
}

И OS.TenOrBelow

struct OS {
    static let TenOrBelow = UIDevice.current.systemVersion.compare("10.9", options: NSString.CompareOptions.numeric) == ComparisonResult.orderedAscending
}

Просто установите его в качестве подкласса вашего ограничения в IB, и вы сможете вносить изменения, специфичные для iOS11. Надеюсь, это поможет кому-то.

Я использовал этот, добавил макет верхней безопасной зоны и подключился к розетке.

@IBOutlet weak var topConstraint : NSLayoutConstraint!

override func viewDidLoad() {
    super.viewDidLoad()
    if !DeviceType.IS_IPHONE_X {
        if #available(iOS 11, *)  {
        }
        else{
            topConstraint.constant = 20
        }
    }
}

Нашел самое простое решение - просто отключить safe area и использовать topLayoutGuide и bottomLayoutGuide + добавить исправления для iPhone X. Возможно это не красивое решение, но требует как можно меньше усилий