如何更改 UIButton 的宽度约束更改的方向？

Question

我有以下 UIButtons，我试图让红色的“开始”按钮在被点击时拉长并覆盖蓝色按钮：

我打算让开始按钮拉长，然后隐藏保存按钮。但是，当我尝试这样做时，开始按钮会向右拉长。

我在 IB 中设置了带有约束的按钮，所以我正在更改动画块中的约束：

UIView.animateWithDuration(1.0, animations: {

           self.toggleButtonWidth.constant *= 2 //toggleButtonWidth is the width constraint of the red button

           self.view.layoutIfNeeded()

        })

但是，这会导致红色按钮向右侧拉长并离开屏幕：

我想向左拉长。

PS：我知道按钮和它们的布局看起来并不漂亮，我还在尝试在设计之前弄清楚功能

Answer 1

将开始按钮固定在右侧（容器的尾随空间）。固定右边缘后，按钮可以“增长”的唯一位置是左侧。

您可以尝试的另一件事是摆脱宽度限制，将开始按钮的左侧（前导空格）固定到 容器（即不固定到保存按钮），然后缩小动画闭包中该约束的常数。像

leadingConstraint.constant = leadingConstraint.constant - saveButton.bounds.size.width

在不知道如何布置自动布局约束的情况下决定最佳路线有点困难。

无论您做什么，您都可能需要降低保存按钮的 alpha。否则，当开始按钮“覆盖”它时，保存按钮可能仍然可见。您也可以在动画闭包中添加类似saveButton.alpha = 0 的语句来执行此操作它。