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

I have designed my custom Cell in IB, subclassed it and connected my outlets to my custom class. I have three subviews in cell content which are: UIView (cdView) and two labels (titleLabel and emailLabel). Depending on data available for each row, sometimes I want to have UIView and two labels displayed in my cell and sometimes only two labels. What I am trying to do is to set constraints that way if I set UIView property to hidden or I will remove it from superview the two labels will move to the left. I tried to set UIView leading constraint to Superview (Cell content) for 10px and UILabels leading Constraints for 10 px to the next view (UIView). Later in my code

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(IndexPath *)indexPath {
    
    // ...

    Record *record = [self.records objectAtIndex:indexPath.row];
    
    if ([record.imageURL is equalToString:@""]) {
         cell.cdView.hidden = YES;
    }
}

我把手机藏起来了。cdView和我想要标签移动到左边，但他们在细胞中保持相同的位置。我试着移除细胞。cdView从superview，但它也没有工作。我附上了图片，以澄清我是什么。

我知道如何通过编程来做到这一点，我不是在寻找解决方案。我想要的是在IB中设置约束，我希望如果其他视图被删除或隐藏，我的子视图将动态移动。有可能在IB自动布局中做到这一点吗?

.....

当前回答

在我的例子中，我将高度约束的常数设置为0.0f，并将隐藏属性设置为YES。

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

2015-06-11 13:08:35

其他回答

在我的例子中，我将高度约束的常数设置为0.0f，并将隐藏属性设置为YES。

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

2015-06-11 13:08:35

我的项目使用了UILabel的自定义@IBDesignable子类(以确保颜色，字体，插图等的一致性)，我已经实现了如下内容:

override func intrinsicContentSize() -> CGSize {
    if hidden {
        return CGSizeZero
    } else {
        return super.intrinsicContentSize()
    }
}

这允许label子类参与自动布局，但隐藏时不占用空间。

2015-03-24 13:43:57

当你想隐藏UIView时，创建width约束并将其更改为0，而不是隐藏view。

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

2020-08-24 11:57:54

对于这个特定的布局，要处理的约束是被隐藏的视图上的'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

2021-04-16 15:12:24

正如no_scene建议的那样，您可以通过在运行时改变约束的优先级来实现这一点。这对我来说容易得多，因为我有不止一个需要移除的阻塞视图。

下面是使用ReactiveCocoa的代码片段:

RACSignal* isViewOneHiddenSignal = RACObserve(self.viewModel, isViewOneHidden);
RACSignal* isViewTwoHiddenSignal = RACObserve(self.viewModel, isViewTwoHidden);
RACSignal* isViewThreeHiddenSignal = RACObserve(self.viewModel, isViewThreeHidden);
RAC(self.viewOne, hidden) = isViewOneHiddenSignal;
RAC(self.viewTwo, hidden) = isViewTwoHiddenSignal;
RAC(self.viewThree, hidden) = isViewThreeHiddenSignal;

RAC(self.viewFourBottomConstraint, priority) = [[[[RACSignal
    combineLatest:@[isViewOneHiddenSignal,
                    isViewTwoHiddenSignal,
                    isViewThreeHiddenSignal]]
    and]
    distinctUntilChanged]
    map:^id(NSNumber* allAreHidden) {
        return [allAreHidden boolValue] ? @(780) : @(UILayoutPriorityDefaultHigh);
    }];

RACSignal* updateFramesSignal = [RACObserve(self.viewFourBottomConstraint, priority) distinctUntilChanged];
[updateFramesSignal
    subscribeNext:^(id x) {
        @strongify(self);
        [self.view setNeedsUpdateConstraints];
        [UIView animateWithDuration:0.3 animations:^{
            [self.view layoutIfNeeded];
        }];
    }];

2015-03-10 07:51:20

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

推荐文章

最新文章

标签