开篇看下动画前的图片显示
在此基础上我们将做红色蓝色逐个删除(或者修改约束)达到黄色向左移动的 效果
首先预览下整体约束的构建
总体约束预览图
首先我们暂且忽略那些虚线的约束
红色View距左20下0,宽高比为1.0, 高度设为50
蓝色View和黄色View约束和红色View一样现在我们做虚线的约束
-
蓝色View的约束: 距离父视图左为20约束优先级设为750, 即为下图的那条虚线
蓝色View的约束图
蓝色View距离父视图的虚线视图 - 为
黄色View同样添加距离父视图左侧为20 的虚线约束, 步骤和蓝色View一致约束优先级同样也为250 - 再为
黄色View设置距离红色View左侧为20 的虚线约束, 约束优先级设置为750
黄色视图优先级设置
现在我们就达到了删除红色View或者蓝色View视图整体视图左移效果
如何不删除View设置hidden属性做到左移效果呢?
其实很简单了就,
注意下这里
将左侧20这个约束优先级设置为250
此时你就会发现蓝和黄左移了, 是不是很简单
<>
