iOS小技能:自动布局实现兄弟控件N等分且宽高比例是1:N(xib 上实现)

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

引言

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

第一篇: 【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

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

目录
相关文章
|
iOS开发
iOS 多个滚动控件嵌套Demo
iOS 多个滚动控件嵌套Demo
64 0
|
iOS开发
iOS 常用的 上下左右 拉刷新控件
iOS 常用的 上下左右 拉刷新控件
92 0
|
iOS开发
iOS短信验证码控件,自动输入回调两次解决办法
iOS短信验证码控件,自动输入回调两次解决办法
428 0
|
Swift iOS开发
IOS使用Swift加载Xib文件
IOS使用Swift加载Xib文件
314 0
|
iOS开发
IOS的UITableView控件简单使用
IOS的UITableView控件简单使用
152 0
|
存储 自然语言处理 API
iOS 多语言快捷设置Xib设置
iOS 多语言快捷设置Xib设置
iOS 多语言快捷设置Xib设置
|
iOS开发
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
143 0
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
|
移动开发 JavaScript weex
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
244 0
|
存储 数据处理 iOS开发
iOS开发-本地推送实现方法和数据处理方案(二)
iOS开发-本地推送实现方法和数据处理方案(二)
185 0
|
存储 数据处理 iOS开发
iOS开发-本地推送实现方法和数据处理方案(一)
iOS开发-本地推送实现方法和数据处理方案(一)
227 0