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

в настоящее время, обратная совместимость не работает хорошо.

мое решение-создать 2 ограничения в interface builder и удалить одно в зависимости от используемой версии 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 и более ранних версиях используйте это свойство, чтобы сообщить, какие края вашего контроллера вида простираются под навигационными панелями или другими системными представлениями. ". Поэтому установка их в пустой массив гарантирует, что контроллер представления делает не расширить под навигационные панели.

Docu доступен здесь

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

1. обязательно используйте безопасную область в раскадровке или xib-файле
2. ограничьте свои взгляды на безопасные области
3. для каждого view С constraint прилагается к сейфу.верхний
   • создать IBOutlet для view
   • создать IBOutler для constraint

4. внутри ViewController on 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;
   }
   

Edit:

вот улучшенная версия, которую я использовал в нашей кодовой базе. Просто скопируйте / вставьте код ниже и подключите каждое представление и ограничения к их 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, и вы сможете внести

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

@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. Возможно, это не красивое решение, но требует как можно меньше усилий