具有自动布局约束的 UIView 动画更改

Question

假设我有一个如下所示的项目：

有两个UIViews - 一个叫yellowBox，另一个叫redBox。自动布局约束规定yellowBox 距离父视图顶部 60 点，前后有 350 点空格（即视图的左侧和右侧）。 redBox 具有相同的前导和尾随空格约束。两个 0 框之间存在垂直空间约束，表示yellowBox 的底部应始终直接位于redBox 的顶部。

当用户点击展开黄色框按钮时，我希望yellowBox 的高度增加，因此redBox 向下移动以继续满足垂直空间限制（即yellowBox始终位于redBox) 之上。这是动画代码：

- (IBAction)expandYellowBox:(id)sender {

    [UIView animateWithDuration:0.5
                     animations:^{
                         CGRect newFrame = self.yellowBox.frame;
                         newFrame.size.height += 50;
                         self.yellowBox.frame = newFrame;
                     }];

}

但是，我无法让它正常工作。从红色图标可以看出，此时的约束有问题：

这很公平，因为自动布局无法知道框的高度。但是，我不知道如何以允许调整框大小和移动框的方式解决此问题。例如，如果我在 yellowBox 上指定高度约束，那么这将阻止它被调整大小。如果我将高度约束设置为大于或等于（以允许yellowBox 高度增加），那么我会得到一个不同的约束错误：

所有约束均已在情节提要中使用 Xcode 建立 - 没有一个是用代码编写的。

非常感谢任何帮助。

---

编辑： 事实证明，单击按钮时yellowBox 正在增长——只是我无法分辨，因为它出现在redBox 后面。我只是在点击它大约四次后才注意到它开始出现在redBox 的底部。然而，同样的问题仍然存在——如何让redBox 始终粘在yellowBox 的底部。

Answer 1

按照shwet-solanki的方法试试，但是在修改约束后添加下面一行：

[self.view layoutIfNeeded];

IBAction 看起来像：

- (IBAction)expandYellowBox:(id)sender {

[UIView animateWithDuration:0.5
                 animations:^{
                     self.yellowBoxHeightConstraint.constant += 50;
                     [self.view layoutIfNeeded];
                 }];
}

其中yellowBoxHeightConstraint 是IBOutlet 的高度约束yellowBox。 希望这可以帮助。

Answer 2

//
//  WPViewController.h
//  AutoLayoutTEst
//
//  Created by VASANTH K on 09/01/14.
//  
//

#import <UIKit/UIKit.h>

@interface WPViewController : UIViewController
@property (strong, nonatomic) IBOutlet UIButton *button1;
- (IBAction)buttClicked:(id)sender;
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *heightConstrain;

@property (strong, nonatomic) IBOutlet UIButton *button2;
@end

点击事件

- (IBAction)buttClicked:(id)sender {


    self.heightConstrain.constant=100;


}

在这里，您需要为黄色按钮设置heightConstrain，然后为该按钮创建参考插座，然后更新heightConstrain 以更新该按钮的大小，它会自动将您的红色按钮向下移动。

https://github.com/vasanth3008/AutoLayoutHeighDemo

参考我的示例演示项目

Answer 3

1. 为两个视图添加高度约束
2. 为黄色框的高度约束创建一个 IBOutlet
3. 现在不是在按钮按下事件中更改黄色框的高度，而是更改高度约束的值。即假设您的 IBOutlet 约束名称是 yellowBoxHeightConstraint，然后是 yellowBoxHeightConstraint.constant += 50;

希望这对你有用。