Skip to content

SnailLoveSmile/AutoLayoutShowOrHidden

Folders and files

NameName
Last commit message
Last commit date

Latest commit

dec0f93 · Apr 23, 2019

History

3 Commits
Apr 23, 2019
Apr 23, 2019
Apr 23, 2019

Repository files navigation

###开篇看下动画前的图片显示 在此基础上我们将做红色蓝色逐个删除(或者修改约束)达到黄色向左移动的 效果

##首先预览下整体约束的构建 总体约束预览图

  • 首先我们暂且忽略那些虚线的约束 红色View距左20下0,宽高比为1.0, 高度设为50 蓝色View黄色View约束和红色View一样

  • 现在我们做虚线的约束

  1. 蓝色View的约束: 距离父视图左为20约束优先级设为750, 即为下图的那条虚线 蓝色View的约束图 蓝色View距离父视图的虚线视图
  2. 黄色View同样添加距离父视图左侧为20 的虚线约束, 步骤和蓝色View一致约束优先级同样也为250
  3. 再为黄色View设置距离红色View左侧为20 的虚线约束, 约束优先级设置为750 黄色视图优先级设置

现在我们就达到了删除红色View或者蓝色View视图整体视图左移效果

如何不删除View设置hidden属性做到左移效果呢?

其实很简单了就,注意下这里

将左侧20这个约束优先级设置为250 此时你就会发现蓝和黄左移了, 是不是很简单 <>

DEMO 链接

About

Autolayout 视图动画显示隐藏

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages