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

简介: 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、 设置视图的高度等于视图的宽度(宽度可以由自动布局自动确定)


image.png

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

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

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

image.png

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

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

image.png

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
71 0
|
iOS开发
iOS 常用的 上下左右 拉刷新控件
iOS 常用的 上下左右 拉刷新控件
106 0
|
iOS开发
iOS短信验证码控件,自动输入回调两次解决办法
iOS短信验证码控件,自动输入回调两次解决办法
480 0
|
Swift iOS开发
IOS使用Swift加载Xib文件
IOS使用Swift加载Xib文件
325 0
|
iOS开发
IOS的UITableView控件简单使用
IOS的UITableView控件简单使用
159 0
|
存储 自然语言处理 API
iOS 多语言快捷设置Xib设置
iOS 多语言快捷设置Xib设置
iOS 多语言快捷设置Xib设置
|
iOS开发
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
149 0
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
|
移动开发 JavaScript weex
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
253 0
|
存储 数据处理 iOS开发
iOS开发-本地推送实现方法和数据处理方案(二)
iOS开发-本地推送实现方法和数据处理方案(二)
189 0
|
存储 数据处理 iOS开发
iOS开发-本地推送实现方法和数据处理方案(一)
iOS开发-本地推送实现方法和数据处理方案(一)
235 0