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

热门文章

最新文章

  • 1
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    23
  • 2
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
    21
  • 3
    uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
    141
  • 4
    【05】2025年1月首发完整版-篇幅较长-苹果app如何上架到app store完整流程·不借助第三方上架工具的情况下无需花钱但需仔细学习-优雅草央千澈详解关于APP签名以及分发-们最关心的一篇来了-IOS上架app
    222
  • 5
    app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
    87
  • 6
    深入探索iOS开发中的SwiftUI框架
    143
  • 7
    ios样式开关按钮jQuery插件
    58
  • 8
    Android与iOS生态差异深度剖析:技术架构、开发体验与市场影响####
    74
  • 9
    深入探索iOS与Android操作系统的安全性差异
    102
  • 10
    安卓与iOS开发中的跨平台策略:一次编码,多平台部署
    173