当一个视图被隐藏时，如何使用自动布局来移动其他视图?

在我的例子中，我将高度限制的常量设置为0.0f，并将hidden属性设置为YES。

为了再次显示视图(带子视图)，我做了相反的操作:我将高度常数设置为非零值，并将hidden属性设置为NO。

在本例中，我将Author标签的高度映射到适当的IBOutlet:

@property (retain, nonatomic) IBOutlet NSLayoutConstraint* authorLabelHeight;

当我将约束的高度设置为0.0f时，我们保留了“填充”，因为播放按钮的高度允许它。

cell.authorLabelHeight.constant = 0;

< / p >

当UIStackView的任何子视图上的hidden属性被改变时，UIStackView会自动重新定位它的视图(iOS 9+)。

UIView.animateWithDuration(1.0) { () -> Void in
self.mySubview.hidden = !self.mySubview.hidden
}

在这个WWDC视频中跳转到11:48进行演示:

自动布局的奥秘，第一部分

使用两个UIStackView水平和垂直，当堆栈中的某些子视图视图被隐藏时，其他堆栈子视图将被移动，使用Distribution ->按比例填充垂直堆栈中有两个UILabels，并且需要为第一个UIView设置宽度和高度约束

以下是我如何重新对齐我的uiviews来得到你的解决方案:

1. 拖拽一个UIImageView放到左边。
2. 拖拽一个UIView并把它放到UIImageView的右边。
3. 在UIView中拖放两个uilabel，它的前导约束和尾随约束为零。
4. 将包含2个标签的UIView的前置约束设置为superview而不是UIImagView。
5. 如果UIImageView被隐藏，设置前置约束常量为10像素到superview。ELSE，设置前置约束常量为10px + UIImageView。宽度+ 10像素。

我自己制定了一个拇指规则。当你必须隐藏/显示任何约束可能受到影响的uiview时，在uiview中添加所有受影响/依赖的子视图，并以编程方式更新其前/后/上/下约束常量。

这是一个老问题，但我仍然希望它能有所帮助。来自Android，在这个平台上，你有一个方便的方法isVisible隐藏它从视图，但也没有考虑帧时，自动布局绘制视图。

使用extension和“extend”uiview，你可以在ios中做类似的功能(不确定为什么它不在UIKit中)这里是swift 3中的实现:

    func isVisible(_ isVisible: Bool) {
self.isHidden = !isVisible
self.translatesAutoresizingMaskIntoConstraints = isVisible
if isVisible { //if visible we remove the hight constraint
if let constraint = (self.constraints.filter{$0.firstAttribute == .height}.first){
self.removeConstraint(constraint)
}
} else { //if not visible we add a constraint to force the view to have a hight set to 0
let height = NSLayoutConstraint(item: self, attribute: .height, relatedBy: .equal , toItem: nil, attribute: .notAnAttribute, multiplier: 0, constant: 0)
self.addConstraint(height)
}
self.layoutIfNeeded()
}

正确的方法是禁用isActive = false的约束。但是请注意，取消激活约束会删除并释放它，因此必须为它们提供强出口。

试试这个，我已经实现了下面的代码，

我在ViewController上有一个视图，其中添加了其他三个视图，当任何视图被隐藏时，其他两个视图将移动，遵循以下步骤。 < / p >

1. viewcontroller.h文件

#import <UIKit/UIKit.h>
@interface ViewController : UIViewController
@property (strong, nonatomic) IBOutlet UIView *viewOne;
@property (strong, nonatomic) IBOutlet UIView *viewTwo;
@property (strong, nonatomic) IBOutlet UIView *viewThree;
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *viewOneWidth;
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *viewTwoWidth;
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *viewThreeWidth;
@property (strong, nonatomic) IBOutlet NSLayoutConstraint *viewBottomWidth;
@end

2. viewcontroller.m

 #import "ViewController.h"
@interface ViewController ()
{
CGFloat viewOneWidthConstant;
CGFloat viewTwoWidthConstant;
CGFloat viewThreeWidthConstant;
CGFloat viewBottomWidthConstant;
}
@end


@implementation ViewController
@synthesize viewOne, viewTwo, viewThree;


- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a
nib.


/*
0  0   0
0  0   1
0  1   0
0  1   1
1  0   0
1  0   1
1  1   0
1  1   1
*/


//    [viewOne setHidden:NO];
//    [viewTwo setHidden:NO];
//    [viewThree setHidden:NO];


//    [viewOne setHidden:NO];
//    [viewTwo setHidden:NO];
//    [viewThree setHidden:YES];


//    [viewOne setHidden:NO];
//    [viewTwo setHidden:YES];
//    [viewThree setHidden:NO];


//    [viewOne setHidden:NO];
//    [viewTwo setHidden:YES];
//    [viewThree setHidden:YES];




//    [viewOne setHidden:YES];
//    [viewTwo setHidden:NO];
//    [viewThree setHidden:NO];


//    [viewOne setHidden:YES];
//    [viewTwo setHidden:NO];
//    [viewThree setHidden:YES];


//    [viewOne setHidden:YES];
//    [viewTwo setHidden:YES];
//    [viewThree setHidden:NO];


//    [viewOne setHidden:YES];
//    [viewTwo setHidden:YES];
//    [viewThree setHidden:YES];


[self hideShowBottomBar];
}


- (void)hideShowBottomBar
{
BOOL isOne = !viewOne.isHidden;
BOOL isTwo = !viewTwo.isHidden;
BOOL isThree = !viewThree.isHidden;


viewOneWidthConstant = _viewOneWidth.constant;
viewTwoWidthConstant = _viewTwoWidth.constant;
viewThreeWidthConstant = _viewThreeWidth.constant;
viewBottomWidthConstant = _viewBottomWidth.constant;


if (isOne && isTwo && isThree) {
// 0    0   0
_viewOneWidth.constant = viewBottomWidthConstant / 3;
_viewTwoWidth.constant = viewBottomWidthConstant / 3;
_viewThreeWidth.constant = viewBottomWidthConstant / 3;
}
else if (isOne && isTwo && !isThree) {
// 0    0   1
_viewOneWidth.constant = viewBottomWidthConstant / 2;
_viewTwoWidth.constant = viewBottomWidthConstant / 2;
_viewThreeWidth.constant = 0;
}
else if (isOne && !isTwo && isThree) {
// 0    1   0
_viewOneWidth.constant = viewBottomWidthConstant / 2;
_viewTwoWidth.constant = 0;
_viewThreeWidth.constant = viewBottomWidthConstant / 2;
}
else if (isOne && !isTwo && !isThree) {
// 0    1   1
_viewOneWidth.constant = viewBottomWidthConstant;
_viewTwoWidth.constant = 0;
_viewThreeWidth.constant = 0;
}
else if (!isOne && isTwo && isThree) {
// 1    0   0
_viewOneWidth.constant = 0;
_viewTwoWidth.constant = viewBottomWidthConstant / 2;
_viewThreeWidth.constant = viewBottomWidthConstant / 2;
}
else if (!isOne && isTwo && !isThree) {
// 1    0   1
_viewOneWidth.constant = 0;
_viewTwoWidth.constant = viewBottomWidthConstant;
_viewThreeWidth.constant = 0;
}
else if (!isOne && !isTwo && isThree) {
// 1    1   0
_viewOneWidth.constant = 0;
_viewTwoWidth.constant = 0;
_viewThreeWidth.constant = viewBottomWidthConstant;
}
else if (isOne && isTwo && isThree) {
// 1    1   1
_viewOneWidth.constant = 0;
_viewTwoWidth.constant = 0;
_viewThreeWidth.constant = 0;
}
}


- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end

< / p >

希望这个逻辑会对一些人有所帮助。

我将使用水平堆栈视图。当子视图被隐藏时，它可以移除框架。

在下面的图像中，红色视图是您的内容的实际容器，并有10pt的尾部空间到橙色的父视图(ShowHideView)，然后只需将ShowHideView连接到IBOutlet并以编程方式显示/隐藏/删除它。

1. 这是视图可见/安装的时候。

2. 这是当视图被隐藏/未安装时。

.

这是另一个使用优先级约束的解决方案。其思想是将宽度设置为0。

1. 创建容器视图(橙色)并设置宽度。 李 < / p > < / >

2. 创建内容视图(红色)并设置尾部空格10pt为superview(橙色)。注意尾随空间约束，有两个优先级不同的尾随约束。低(=10)和高(<=10)。这对于避免歧义很重要。 李 < / p > < / >

3. 将橙色视图的宽度设置为0以隐藏视图。 李 < / p > < / >

我认为这是最简单的答案。请验证它是否有效:

        StackFullView.layer.isHidden = true
Task_TopSpaceSections.constant = 0.   //your constraint of top view

检查这里https://www.youtube.com/watch?v=EBulMWMoFuw

只需使用UIStackView和一切将工作正常。 不用担心其他约束，UIStackView会自动处理空格

而不是隐藏视图，创建宽度约束，并在代码中更改为0当你想隐藏UIView。

这可能是最简单的方法。此外，它将保存视图，如果您想再次显示它，则不需要重新创建它(在表单元格中使用非常理想)。要更改常量值，您需要创建一个常量引用出口(与为视图创建出口的方式相同)。

对于这个特定的布局，要处理的约束是被隐藏的视图上的'leading'约束。下面的理论在各个方面都适用。

1:设置所有的约束，当所有的视图都是可见的时候，你想让它看起来怎么样。

2:给你想要隐藏的视图添加第二个'leading'约束。这将暂时打破限制。

3:将原来的前导约束的优先级更改为'999' -这将优先级给你的新约束，它将在1000，没有约束将被打破。

4:将新的约束从'leading=leading'更改为' trails =leading'。这将移动您想要隐藏的视图，使其远离父视图的前缘。

5:切换新约束的isActive值现在会切换，如果它在视图中或在视图外。在设置可见性为true/false的同时，将其设置为true/false。例如:

@IBOutlet var avatar:UIImage!
@IBOutlet var avatarLeadHid:NSLayoutConstraint!


func hideAvatar() {
self.avatar.isHidden = true
self.avatarLeadHid.isActive = true
}


func showAvatar() {
self.avatar.isHidden = false
self.avatarLeadHid.isActive = false
}

额外的好处:你可以调整新的hide -constraint的“常量”值，以改变视图隐藏时使用的填充/边距。这个值可以是负数。

额外的好处:只需切换hide -constraint上的“Installed”复选框，就可以在不运行任何代码的情况下，在Interface Builder中看到你的布局。

进一步帮助:我做了一个视频，展示了我做得更好的点列表:https://youtu.be/3tGEwqtQ-iU