Как обновить якоря макета swift?

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

один из моих наборов изменений:

    ticketContainer.translatesAutoresizingMaskIntoConstraints = false
    ticketContainer.topAnchor.constraintEqualToAnchor(self.topAnchor).active = true
    ticketContainer.leftAnchor.constraintEqualToAnchor(self.rightAnchor, constant: 20).active = true
    ticketContainer.widthAnchor.constraintEqualToConstant(200.0).active = true

    ticketContainer.leftAnchor.constraintEqualToAnchor(self.leftAnchor, constant: 20).active = true
    ticketContainer.widthAnchor.constraintEqualToConstant(100.0).active = true
7
autolayout ios layout-anchor nsautolayout swift

2 ответов

вы пытались сохранить соответствующие ограничения, созданные с помощью Привязок макета к свойствам, а затем просто изменить константу? Е. Г.

var ticketTop : NSLayoutConstraint?

func setup() {
    ticketTop = ticketContainer.topAnchor.constraintEqualToAnchor(self.topAnchor, constant:100)
    ticketTop.active = true
}

func update() {
    ticketTop?.constant = 25
}

Возможно, Более Элегантных

в зависимости от вашего вкуса для написания расширения, здесь, возможно, более элегантный подход, который не использует свойства, но вместо этого создает методы расширения на NSLayoutAnchor и UIView, чтобы помочь в более сжатые использования.

сначала вы напишете расширение на NSLayoutAnchor такой:

extension NSLayoutAnchor {
    func constraintEqualToAnchor(anchor: NSLayoutAnchor!, constant:CGFloat, identifier:String) -> NSLayoutConstraint! {
        let constraint = self.constraintEqualToAnchor(anchor, constant:constant)
        constraint.identifier = identifier
        return constraint
    }
}

это расширение позволяет задать идентификатор ограничения в том же вызове метода, который создает его из якоря. Обратите внимание, что документация Apple подразумевает, что якоря XAxis (левый, правый, ведущий и т. д.) не позволит вам создать ограничение с якорями YAxis (сверху,снизу и т. д.), но я не считаю, что это действительно так. Если вы хотите проверить этот тип компилятора, вам нужно будет написать отдельные расширения для NSLayoutXAxisAnchor, NSLayoutYAxisAnchor, и NSLayoutDimension (для ограничений по ширине и высоте), которые обеспечивают соблюдение требования к типу якоря с той же осью.

Далее вы напишете расширение на UIView чтобы получить ограничение по идентификатору:

extension UIView {
    func constraint(withIdentifier:String) -> NSLayoutConstraint? {
        return self.constraints.filter{ .identifier == withIdentifier }.first
    }
}

С этими расширениями на месте, ваш код становится:

func setup() {
    ticketContainer.topAnchor.constraintEqualToAnchor(self.topAnchor, constant:100, identifier:"ticketTop").active = true
}

func update() {
    self.constraint(withIdentifier:"ticketTop")?.constant = 25
}

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

33

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

import UIKit

class ViewController: UIViewController {

    let label = UILabel()
    let imageView = UIImageView()

    override func viewDidLoad() {
        super.viewDidLoad()

        label.text = "Constraint finder"

        label.translatesAutoresizingMaskIntoConstraints = false
        imageView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(label)
        view.addSubview(imageView)

        label.topAnchor.constraint(equalTo: view.topAnchor, constant: 30).isActive = true
        label.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 20).isActive = true
        label.widthAnchor.constraint(greaterThanOrEqualToConstant: 50).isActive = true

        imageView.topAnchor.constraint(equalTo: label.bottomAnchor).isActive = true
        imageView.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 60).isActive = true
        imageView.widthAnchor.constraint(equalTo: label.widthAnchor).isActive = true
        imageView.heightAnchor.constraint(equalToConstant: 70).isActive = true

        print("Label's top achor constraints: \(label.constraints(on: label.topAnchor))")
        print("Label's width achor constraints: \(label.constraints(on: label.widthAnchor))")
        print("ImageView's width achor constraints: \(imageView.constraints(on: imageView.widthAnchor))")
    }

}

public extension UIView {

    public func constraints(on anchor: NSLayoutYAxisAnchor) -> [NSLayoutConstraint] {
        guard let superview = superview else { return [] }
        return superview.constraints.filtered(view: self, anchor: anchor)
    }

    public func constraints(on anchor: NSLayoutXAxisAnchor) -> [NSLayoutConstraint] {
        guard let superview = superview else { return [] }
        return superview.constraints.filtered(view: self, anchor: anchor)
    }

    public func constraints(on anchor: NSLayoutDimension) -> [NSLayoutConstraint] {
        guard let superview = superview else { return [] }
        return constraints.filtered(view: self, anchor: anchor) + superview.constraints.filtered(view: self, anchor: anchor)
    }

}

extension NSLayoutConstraint {

    func matches(view: UIView, anchor: NSLayoutYAxisAnchor) -> Bool {
        if let firstView = firstItem as? UIView, firstView == view && firstAnchor == anchor {
            return true
        }
        if let secondView = secondItem as? UIView, secondView == view && secondAnchor == anchor {
            return true
        }
        return false
    }

    func matches(view: UIView, anchor: NSLayoutXAxisAnchor) -> Bool {
        if let firstView = firstItem as? UIView, firstView == view && firstAnchor == anchor {
            return true
        }
        if let secondView = secondItem as? UIView, secondView == view && secondAnchor == anchor {
            return true
        }
        return false
    }

    func matches(view: UIView, anchor: NSLayoutDimension) -> Bool {
        if let firstView = firstItem as? UIView, firstView == view && firstAnchor == anchor {
            return true
        }
        if let secondView = secondItem as? UIView, secondView == view && secondAnchor == anchor {
            return true
        }
        return false
    }
}

extension Array where Element == NSLayoutConstraint {

    func filtered(view: UIView, anchor: NSLayoutYAxisAnchor) -> [NSLayoutConstraint] {
        return filter { constraint in
            constraint.matches(view: view, anchor: anchor)
        }
    }
    func filtered(view: UIView, anchor: NSLayoutXAxisAnchor) -> [NSLayoutConstraint] {
        return filter { constraint in
            constraint.matches(view: view, anchor: anchor)
        }
    }
    func filtered(view: UIView, anchor: NSLayoutDimension) -> [NSLayoutConstraint] {
        return filter { constraint in
            constraint.matches(view: view, anchor: anchor)
        }
    }

}
3