移动带有约束的视图

Question

我的视图控制器中有几个视图在检测到向上滑动时向上移动，然后在检测到向下滑动时向下移动。我通过使用 CGRectOffset 调整 y 原点来强制视图移动。我现在已经使用 IB 对我的视图应用了约束，但我不确定移动视图的最佳方式是什么，以便它们最终位于 iphone 5、6 和 6+ 上的正确位置。

目前我正在做这样的事情：

[self.view layoutIfNeeded];

    self.panFrameVerticalConstraint.constant = self.panFrameVerticalConstraint.constant +338;

    [UIView animateWithDuration:5
                     animations:^{
                         [self.view layoutIfNeeded];
                     }];

使用比率更改常数会更好吗？那么对于上面的约束，与其使用 338，不如这样做：

    self.panFrameVerticalConstraint.constant = self.panFrameVerticalConstraint.constant + (self.panView.frame.size.height/1.680);

    //self.panView.frame.size.height = 568
    //(568/1.680) = 338

Answer 1

是的，更改常量时没有问题。这里的问题是你必须适当地设置你的约束。

我们来看一个例子。

我在 Storyboard 中有一个 UIView，我想更改它的宽度。它的默认宽度是1024。

在一些动画之后，我们将其宽度更改为900。

请按照以下步骤实现：

1. 选择我们要在其中更新约束的UIView。这里我们需要更新width，所以我们会为宽度添加一个约束。

1. 现在我们可以看到添加到 UIView 的新约束。

1. 单击该约束。它将显示约束属性。现在我们想将宽度从 1024 减小到 900，以便在约束属性中将 Relation 属性更改为 Less Than or Equal。同样，如果您想从 1024 增加宽度，则 Relation 将大于或等于。

4. 现在为NSLayoutConstraint 创建一个IBOutlet 变量并将其与上述宽度约束连接起来。

5. 改变宽度常数

Swift 5.0

@IBOutlet weak var viewWidthConstraint : NSLayoutConstraint!

func reduceWidth() {
    // Reduce width of view.
    UIView.animate(withDuration: 0.35, animations: { () -> Void in
        self.viewWidthConstraint.constant = 900
        self.view.layoutIfNeeded()
    })
}

func normalWidth() {
    // Change to the default width of view.
    UIView.animate(withDuration: 0.35, animations: { () -> Void in
        self.viewWidthConstraint.constant = 1024
        self.view.layoutIfNeeded()
    })
}

目标 C

@property (weak, nonatomic) IBOutlet NSLayoutConstraint     *viewWidthConstraint; 

- (void) reduceWidth {
    // Reduce width of view.
    [UIView animateWithDuration:0.35f animations:^{
        self.viewWidthConstraint.constant = 900;
        [self.view layoutIfNeeded];
    }];
}

- (void) normalWidth {
    // Change to default width of view.
    [UIView animateWithDuration:0.35f animations:^{
        self.viewWidthConstraint.constant = 1024;
        [self.view layoutIfNeeded];
    }];
}