web-dev-qa-db-ja.com

独自の制約を「見つける」方法は?

UIViewがあるとしましょう。

 class CleverView: UIView

カスタムクラスで、私はこれをしたいです:

func changeWidth() {

  let c = ... find my own layout constraint, for "width"
  c.constant = 70 * Gameinfo.ImportanceOfEnemyFactor
}

同様に、4つのエッジの1つに接続されている制約(または、おそらく、すべての制約、複数ある可能性があります)を「検索」できるようにしたいと思います。

したがって、私に関連付けられているすべての制約を調べ、幅/高さの制約、または特定の(たとえば、「左」)エッジに関連する制約を見つけます。

何か案は?

おそらく注目に値するでしょう この質問


(明らかに)私はこれを動的/プログラムで行う方法を尋ねていることに注意してください。

(はい、「制約へのリンク」または「IDの使用」と言うことができます。QAの要点は、それらをその場で見つけて動的に動作させる方法です。)

制約に慣れていない場合は、.constraintsは、「そこに」保存された目的を提供します。

16
Fattie

実際には2つのケースがあります。

  1. ビューのサイズまたは子孫ビューとの関係に関する制約は、それ自体で保存されます
  2. 2つのビュー間の制約は、ビューの最も低い共通の祖先に保存されます

繰り返します。2つのビューの間にある制約の場合。iOSは実際には常に最も低い共通の祖先にそれらを保存します。したがって、ビューの制約は常に、見る。

したがって、ビュー自体とそのすべてのスーパービューの制約を確認する必要があります。 1つのアプローチは次のとおりです。

extension UIView {

    // retrieves all constraints that mention the view
    func getAllConstraints() -> [NSLayoutConstraint] {

        // array will contain self and all superviews
        var views = [self]

        // get all superviews
        var view = self
        while let superview = view.superview {
            views.append(superview)
            view = superview
        }

        // transform views to constraints and filter only those
        // constraints that include the view itself
        return views.flatMap({ $0.constraints }).filter { constraint in
            return constraint.firstItem as? UIView == self ||
                constraint.secondItem as? UIView == self
        }
    }
}

ビューに関するすべての制約を取得した後で、あらゆる種類のフィルターを適用できます。これが最も難しい部分だと思います。いくつかの例:

extension UIView {

    // Example 1: Get all width constraints involving this view
    // We could have multiple constraints involving width, e.g.:
    // - two different width constraints with the exact same value
    // - this view's width equal to another view's width
    // - another view's height equal to this view's width (this view mentioned 2nd)
    func getWidthConstraints() -> [NSLayoutConstraint] {
        return getAllConstraints().filter( {
            ($0.firstAttribute == .width && $0.firstItem as? UIView == self) ||
            ($0.secondAttribute == .width && $0.secondItem as? UIView == self)
        } )
    }

    // Example 2: Change width constraint(s) of this view to a specific value
    // Make sure that we are looking at an equality constraint (not inequality)
    // and that the constraint is not against another view
    func changeWidth(to value: CGFloat) {

        getAllConstraints().filter( {
            $0.firstAttribute == .width &&
                $0.relation == .equal &&
                $0.secondAttribute == .notAnAttribute
        } ).forEach( {$0.constant = value })
    }

    // Example 3: Change leading constraints only where this view is
    // mentioned first. We could also filter leadingMargin, left, or leftMargin
    func changeLeading(to value: CGFloat) {
        getAllConstraints().filter( {
            $0.firstAttribute == .leading &&
                $0.firstItem as? UIView == self
        }).forEach({$0.constant = value})
    }
}

//編集:強化された例とコメントでの説明を明確化

23
stakri

UIViewの-​​ constraints プロパティで作業できると思います。 constraintsは基本的に、UIViewに直接割り当てられた制約の配列を返します。リーディング、トレーリング、トップ、ボトムなどのスーパービューが保持する制約を取得することはできませんが、幅と高さの制約はビュー自体が保持します。スーパービューの制約については、スーパービューの制約をループできます。巧妙なビューにこれらの制約があるとしましょう:

enter image description here

class CleverView: UIView {

    func printSuperViewConstriantsCount() {
        var c = 0
        self.superview?.constraints.forEach({ (constraint) in
            guard constraint.secondItem is CleverView || constraint.firstItem is CleverView else {
                return
            }
            c += 1
            print(constraint.firstAttribute.toString())
        })
        print("superview constraints:\(c)")
    }

    func printSelfConstriantsCount() {
        self.constraints.forEach { (constraint) in
            return print(constraint.firstAttribute.toString())
        }
        print("self constraints:\(self.constraints.count)")
    }
}

出力


リーディング
トレーリング
スーパービューの制約:3
高さ
自己制約:1

基本的に、 NSLayoutConstraint クラスを見て、特定の制約に関する情報を取得できます。

制約の名前を出力するには、この拡張機能を使用できます

extension NSLayoutAttribute {
    func toString() -> String {
        switch self {
        case .left:
            return "left"
        case .right:
            return "right"
        case .top:
            return "top"
        case .bottom:
            return "bottom"
        case .leading:
            return "leading"
        case .trailing:
            return "trailing"
        case .width:
            return "width"
        case .height:
            return "height"
        case .centerX:
            return "centerX"
        case .centerY:
            return "centerY"
        case .lastBaseline:
            return "lastBaseline"
        case .firstBaseline:
            return "firstBaseline"
        case .leftMargin:
            return "leftMargin"
        case .rightMargin:
            return "rightMargin"
        case .topMargin:
            return "topMargin"
        case .bottomMargin:
            return "bottomMargin"
        case .leadingMargin:
            return "leadingMargin"
        case .trailingMargin:
            return "trailingMargin"
        case .centerXWithinMargins:
            return "centerXWithinMargins"
        case .centerYWithinMargins:
            return "centerYWithinMargins"
        case .notAnAttribute:
            return "notAnAttribute"
        }
    }
}
9
Puneet Sharma

誰かがタイピングをする手間を省くかもしれません…….

Stakriの賞金を獲得した答えに基づいて、ここに正確に得る方法があります

「別のビューの一部の幅」タイプのすべての制約

タイプ「固定小数点幅」のすべての制約

タイプ「your x position」のすべての制約

そう ..

 fileprivate extension UIView {
    func widthAsPointsConstraints()->[NSLayoutConstraint] {}
    func widthAsFractionOfAnotherViewConstraints()->[NSLayoutConstraint] {}
    func xPositionConstraints()->[NSLayoutConstraint]
}

以下の完全なコード。もちろん、同じ方法で「高さ」を設定できます。

だから、このように使ってください...

let cc = someView.widthAsFractionOfAnotherViewConstraints()
for c in cc {
   c.changeToNewConstraintWith(multiplier: 0.25)
}

または

let cc = someView.widthAsPointsConstraints()
for c in cc {
    c.constant = 150.0
}

また、下部に簡単なデモコード、出力例を貼り付けました...

enter image description here

これがコードです。 V2 ...

fileprivate extension UIView { // experimental

    func allConstraints()->[NSLayoutConstraint] {

        var views = [self]
        var view = self
        while let superview = view.superview {

            views.append(superview)
            view = superview
        }

        return views.flatMap({ $0.constraints }).filter { constraint in
            return constraint.firstItem as? UIView == self ||
                constraint.secondItem as? UIView == self
        }
    }

     func widthAsPointsConstraints()->[NSLayoutConstraint] {

        return self.allConstraints()
         .filter({
            ( $0.firstItem as? UIView == self && $0.secondItem == nil )
         })
         .filter({
            $0.firstAttribute == .width && $0.secondAttribute == .notAnAttribute
         })
    }

    func widthAsFractionOfAnotherViewConstraints()->[NSLayoutConstraint] {

        func _bothviews(_ c: NSLayoutConstraint)->Bool {
            if c.firstItem == nil { return false }
            if c.secondItem == nil { return false }
            if !c.firstItem!.isKind(of: UIView.self) { return false }
            if !c.secondItem!.isKind(of: UIView.self) { return false }
            return true
        }

        func _ab(_ c: NSLayoutConstraint)->Bool {
            return _bothviews(c)
                && c.firstItem as? UIView == self
                && c.secondItem as? UIView != self
                && c.firstAttribute == .width
        }

        func _ba(_ c: NSLayoutConstraint)->Bool {
            return _bothviews(c)
                && c.firstItem as? UIView != self
                && c.secondItem as? UIView == self
                && c.secondAttribute == .width
        }

        // note that .relation could be anything: and we don't mind that

        return self.allConstraints()
            .filter({ _ab($0) || _ba($0) })
    }

     func xPositionConstraints()->[NSLayoutConstraint] {

         return self.allConstraints()
            .filter({
         return $0.firstAttribute == .centerX || $0.secondAttribute == .centerX
         })
    }
}

extension NSLayoutConstraint {

    // typical routine to "change" multiplier fraction...

    @discardableResult
    func changeToNewConstraintWith(multiplier:CGFloat) -> NSLayoutConstraint {

        //NSLayoutConstraint.deactivate([self])
        self.isActive = false

        let nc = NSLayoutConstraint(
            item: firstItem as Any,
            attribute: firstAttribute,
            relatedBy: relation,
            toItem: secondItem,
            attribute: secondAttribute,
            multiplier: multiplier,
            constant: constant)

        nc.priority = priority
        nc.shouldBeArchived = self.shouldBeArchived
        nc.identifier = self.identifier

        //NSLayoutConstraint.activate([nc])
        nc.isActive = true
        return nc
    }
}

ほんの一例のデモ...

override func viewDidAppear(_ animated: Bool) {

    super.viewDidAppear(animated)

    _teste()

    delay(5) {
        print("changing any 'fraction fo another view' style widths ...\n\n")
        let cc = self.animeHolder.widthAsFractionOfAnotherViewConstraints()
        for c in cc {
            c.changeToNewConstraintWith(multiplier: 0.25)
        }
        self._teste()
    }

    delay(10) {
        print("changing any 'points' style widths ...\n\n")
        let cc = self.animeHolder.widthAsPointsConstraints()
        for c in cc {
            c.constant = 150.0
        }
        self._teste()
    }
}

func _teste() {

    print("\n---- allConstraints")
    for c in animeHolder.allConstraints() {
        print("\n \(c)")
    }
    print("\n---- widthAsPointsConstraints")
    for c in animeHolder.widthAsPointsConstraints() {
        print("\n \(c)\n \(c.multiplier) \(c.constant)")
    }
    print("\n---- widthAsFractionOfAnotherViewConstraints")
    for c in animeHolder.widthAsFractionOfAnotherViewConstraints() {
        print("\n \(c)\n \(c.multiplier) \(c.constant)")
    }
    print("\n----\n")
}
0
Fattie