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

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。

创建容器视图(橙色)并设置宽度。创建内容视图(红色)，并设置尾随空间10pt为superview(橙色)。注意尾随空间约束，有两个优先级不同的尾随约束。低(=10)和高(<=10)。这对于避免歧义很重要。设置橙色视图的宽度为0以隐藏视图。

2018-03-05 10:03:56

其他回答

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

2018-02-06 13:15:54

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

2017-04-05 15:32:03

正如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

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

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

点击这里查看https://www.youtube.com/watch?v=EBulMWMoFuw

2018-12-26 07:45:04

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

2020-07-25 12:19:45

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

推荐文章

最新文章

标签