iOS xib 实现兄弟控件N等分且宽高比例是1:N

引言

本文为 iOS视图约束专题的第三篇：xib上使用自动布局教程

第一篇：【1、Masonry以动画的形式更新约束 2、利用dividedBy进行九宫格布局3、Masonry约束宽高比的例子demo】 https://blog.csdn.net/z929118967/article/details/106357456

第二篇：UICollectionView自适应案例详解：【商品详情页】(原理：按照图片的原宽高比例进行显示图片全部内容，并自动适应高度） https://blog.csdn.net/z929118967/article/details/112976838

第三篇：iOS xib 自动布局例子: 自动布局实现兄弟控件N等分 且宽高比例是1:N（xib 上实现） https://blog.csdn.net/z929118967/article/details/77742703

I、自动布局实现兄弟控件N等分

设置视图的X Y ，以及视图之间的间距之后 接下来的关键步骤是设置视图的高度等于视图的宽度

1.1、 设置视图的高度等于视图的宽度（宽度可以由自动布局自动确定）

选择Ratio 即可，自己可适当修改比例

1.2、 设置控件之间的宽度比例

选中存在宽度比的控件，并设置等宽，之后进行比例修改。

II、iOS 父子控件的高度成一定比例关系的实现

例子：这种情况通常运用于 父亲控件的高度依赖于子控件的高度

这里写图片描述

see also

第一篇：【1、Masonry以动画的形式更新约束 2、利用dividedBy进行九宫格布局3、Masonry约束宽高比的例子demo】https://blog.csdn.net/z929118967/article/details/106357456 第二篇：UICollectionView的自适应案例详解：【商品详情页】（核心原理：Masonry按照图片的原宽高比例进行显示图片全部内容，并自动适应高度）文中包含完整demo源码https://blog.csdn.net/z929118967/article/details/112976838 第三篇：iOS xib 自动布局例子: 自动布局实现兄弟控件N等分 且宽高比例是1:N（xib 上实现） https://blog.csdn.net/z929118967/article/details/77742703