美文网首页自动布局
自动布局第三篇

自动布局第三篇

作者: 人魔七七 | 来源:发表于2017-12-06 14:51 被阅读83次

例子一:cell里面三个Label ,cell高度由最高的决定。

效果图

要点:放在StackView里面这样他会根据最高的来计算,设置StackView的约束这样能自动计算高度,设置Label 的preferredMaxLayoutWidth 这样能帮助计算StackView的布局方便cell自适应高度。

StackView约束设置 设置preferredMaxLayoutWidth

例子二:宽度根据数量均分,呈阶梯状,整体高度根据所有的高度计算

效果图

要点,同样一个外层StackView 垂直分布,里面每行一个StackView水平分布,等比例分布,最后把空白的地方用View填充,也可以用UILayoutGuide替代。

注意:UIStackView里面删除并不是真正的删除,如果子View从父视图删除是真正删除。

第三个例子:看效果图吧,思路也是,外层一个UIStackView 里面三个UIStackView,利用自身增减特性实现。外层的约束大于等于0可以实现自身增减时候绿色Label不能超过灰色的View。

效果图 层级结构和约束

代码地址:https://github.com/renmoqiqi/AutolayoutDemo 

相关文章

  • 自动布局第三篇

    例子一:cell里面三个Label ,cell高度由最高的决定。 要点:放在StackView里面这样他会根据最高...

  • iOS开发之 自动布局

    iOS开发之自动布局AutoLayout 目录: 1 iOS自动布局简介2 iOS自动布局AutoLayout(代...

  • 【OC梳理】自动布局

    自动布局基础篇 关于自动布局的基本使用,参考网上的文章即可,如:iOS开发-自动布局篇:史上最牛的自动布局教学! ...

  • iOS 布局方案

    布局方案 绝对布局 自动布局

  • 初见FLEX

    FLEX布局 一种新的布局方式,flex布局 flex布局与方向无关 flex布局可以实现空间自动分配、自动对齐。...

  • 通过storyboard来自动布局ScrollView(不依靠代

    在做自动布局之前首先大家都知道一个自动布局,自动布局在我理解就是为了适配任何的屏幕。每一个控件的自动布局都是为了确...

  • iOS原生布局简介

    自动布局核心公式 自动布局构造函数 自动布局类函数 VFL可视化格式语言 H 水平方向 V 垂直方向 | 边界 [...

  • Flex——告别CSS布局

    Flex 布局可以实现空间自动分配、自动对齐Flex 适用于简单的线性布局,复杂布局使用 Grid 布局注意:设为...

  • 最轻巧的自动布局--ZXPAutoLayout框架

    最轻巧的自动布局--ZXPAutoLayout框架 最轻巧的自动布局--ZXPAutoLayout框架

  • IOS开发 自动布局子视图

    本节学习内容: 1.自动子视图布局的概念 2.自动布局视图的创建 3.自动布局子视图的实现 【ViewContro...

网友评论

    本文标题:自动布局第三篇

    本文链接:https://www.haomeiwen.com/subject/eezkixtx.html