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

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自动布局中做到这一点吗?

.....

当前回答

我最终创建了2个xib。一个有左视图，一个没有。我在控制器中注册了这两个，然后决定在cellForRowAtIndexPath期间使用哪个。

它们使用相同的UITableViewCell类。缺点是在xib之间有一些重复的内容，但是这些单元格非常基本。好处是我不需要一堆代码来手动管理删除视图、更新约束等。

一般来说，这可能是一个更好的解决方案，因为它们在技术上是不同的布局，因此应该有不同的xib。

[self.table registerNib:[UINib nibWithNibName:@"TrackCell" bundle:nil] forCellReuseIdentifier:@"TrackCell"];
[self.table registerNib:[UINib nibWithNibName:@"TrackCellNoImage" bundle:nil] forCellReuseIdentifier:@"TrackCellNoImage"];

TrackCell *cell = [tableView dequeueReusableCellWithIdentifier:(appDelegate.showImages ? @"TrackCell" : @"TrackCellNoImage") forIndexPath:indexPath];

2014-12-05 22:29:51

其他回答

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

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

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

2017-07-12 14:24:45

对于谷歌人来说:基于Max的回答，为了解决许多人已经注意到的填充问题，我只是增加了标签的高度，并使用这个高度作为分隔符而不是实际的填充。这个想法可以扩展到任何包含视图的场景。

这里有一个简单的例子:

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

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

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

2014-04-30 02:30:57

在运行时期间添加或删除约束是会影响性能的重量级操作。然而，有一个更简单的选择。

对于希望隐藏的视图，设置宽度约束。用一个领先的水平间隙约束其他视图到该视图。

要隐藏，请将width约束的.常量更新为0.f。其他视图将自动向左移动以占据位置。

更多细节请看我的另一个答案:

如何在运行时改变标签约束?

2013-11-06 15:16:34

对于那些只支持iOS 8+的用户，有一个新的布尔属性激活。这将有助于仅动态启用所需的约束

附:约束出口必须是强的，而不是弱的例子:

@IBOutlet weak var optionalView: UIView!
@IBOutlet var viewIsVisibleConstraint: NSLayoutConstraint!
@IBOutlet var viewIsHiddenConstraint: NSLayoutConstraint!

func showView() {
    optionalView.isHidden = false
    viewIsVisibleConstraint.isActive = true
    viewIsHiddenConstraint.isActive = false
}

func hideView() {
    optionalView.isHidden = true
    viewIsVisibleConstraint.isActive = false
    viewIsHiddenConstraint.isActive = true
}

此外，要修复故事板中的错误，您需要取消这些约束之一的“已安装”复选框。 UIStackView (iOS 9+) 另一个选择是用UIStackView包装你的视图。一旦视图被隐藏，UIStackView将自动更新布局

2015-05-07 12:37:37

为了帮助别人，我构建了一个使用可视格式约束的helper类。我在我当前的应用程序中使用它。

AutolayoutHelper

它可能有点适合我的需要，但您可能会发现它很有用，或者您可能想修改它并创建自己的帮助器。

我必须感谢Tim的回答，这个关于UIScrollView和本教程的回答。

2015-04-09 00:56:40

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

推荐文章

最新文章

标签