AutoLayout分分钟搞定等比例布局

转载 于 2017-12-13 11:12:47 发布 · 139 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://juejin.im/post/5a310b2f6fb9a045104a7d6f

本文介绍了一种快速实现9宫格布局的方法，避免了使用Autolayout时可能出现的各种复杂性和错误，通过简单技巧实现了高效布局。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  • 9宫格布局

有时候开发中会碰到9宫格布局 注意不是collectionView 或者tableView 的数据驱动 就是个死的界面 感觉不难 但是代码写起来超级费劲 尤其是 碰见这个9宫格量比较大的 如

我相信很多人都觉得这个比较坑爹 代码没有可重用性 又不得不写 autolayout貌似挺好用 但没有小技巧操作起来 非常费劲 一不小心各种错误
今天同事在看教程的适合找到了诀窍 1分钟搞定

上demo

【iOS】自动布局（AutoLayout）和手写布局（frame）
BestpayTech的博客
07-19 1516
1.1 AutoLayout原理 iOS 中视图所需要的布局信息只有两个，分别是 origin/center 和 size，在这里我们以 origin & size 为例，也就是 frame 时代下布局的需要的两个信息；这两个信息由四部分组成： x & y width & height 以左上角的 (0, 0) 为坐标的原点，找到坐标 (x, y)，然后绘制一个大小为 (width, height) 的矩形，这样就完成了一个最简单的布局。 Auto Layout 的布局方式与上面所说
Autolayout下设置多个View等比例排列
妙亦涵的博客
08-12 3164
在实际开发过程中，经常会遇到将多个按钮等比例排列之类的界面，下面的方法是在IB中使用autolayout特性实现这种界面。 1.首先拖进去一个View作为容器，根据实际情况设置好这个view的约束： 2.拖入最左边的View，并设置其与容器View的上下左右的间距均为0： 3.修改最左边View的约束的Multiplier参数，需要排列多少个View，
iOS AutoLayout 百分比布局
jacker_2014的博客
11-25 423
转自：http://blog.youkuaiyun.com/caryaliu/article/details/49283699 本文记录如何在 UIStoryboard 或者 xib 中进行百分比布局，包括 View.Width 占其 Superview.Width 的百分比View.Leading 与 Superview.Leading 间距占 Superview.Width 的百分
（iOS开发）AutoLayOut中等比例设置视图
wf990051004的博客
10-31 3731
为了适应苹果的不同的屏幕，因此需要做屏幕的等比例适配！下面是简单的等比例适配的教程： 下面是一个简单的让lable在cell中居中显示的案例 1、创建自定义的cell的XIB文件，在此就不多说了。 2、在xib上面放一个label： 3、给TestLable添加个相对于父视图（cell的contentView）的Leading Space的约束 4、点击如图显示的约束线条，就会出
[autoLayout]自动布局下的纯storyboard添加约束－－四个imageView平分一个屏幕的宽度
DYliufei的博客
08-06 4401
刚开始进入iOS开发领域，所以很多东西都是一直在学习，找资料，找Demo。然后自己总结了一下做一下笔记。 在自己做项目的时候，遇到过很多次一个屏幕的宽度会并排好几个控件平分整个屏幕的宽度。一开始之间我是不知道怎么去实现的，问了一些前辈，然后他们就给我推荐了一个前辈写的封装好了的方法：使用masonary， 参考： http://www.cocoachina.com/ios/20141219/
在storyboard中使用AutoLayout遇到各种坑
会写程序的小帅比
10-17 382
在storyboard中使用AutoLayout遇到各种坑，在storyboard中设置属性无效
AutoLayout适配教程（一）控件的等比例伸缩
程序员日常记录
06-04 6812
AutoLayout适配教程（一）控件的等比例伸缩在Storyboard开发（Xib）中，控件的等比例伸缩适配是iPhone不同机型屏幕适配的一个难点也是重要。这边以一个首界面的4个button等比例伸缩适配为例。效果图是以6的尺寸出的，Storyboard中屏幕size也是以4.7寸为基础。效果图如下： （PS：教程对应代码Github地址，需要的可以点击进入Github）也可以直接在终端下用命
实现视图等分布局的AutoLayout教程示例
- 在等分布局中，通常会保持子视图之间的比例关系，比如每个子视图占据等大小的比例。 3. **间隔（Spacing）**： - 设置子视图之间的间距，以保证等分的同时，元素之间有足够的间隔。 4. **优先级的调整**： - ...
AutoLayout瀑布布局代码
08-20
瀑布布局是一种常见的UI设计模式，尤其在展示多列内容，如商品列表、图片展示等场景下非常实用。这种布局能够自适应不同屏幕尺寸，使得内容可以按照美观的方式填充屏幕。 AutoLayout是Apple引入的一种布局系统，...
UIView AutoLayout分类实现自动布局限制接口介绍
UIView AutoLayout是一种在iOS开发中用于界面布局的技术，它允许开发者以更加灵活和动态的方式定义界面元素之间的关系。AutoLayout技术的核心思想是通过约束（constraints）来描述界面元素的位置和大小，而不是硬...
AutoLayoutFlowDemo:自动布局Autolayout约束调用顺序
06-18
AutoLayoutController类主要展示了约束到布局的过程，顺便对ScrollView使用了自动布局和动画改变bounds。 viewcontroller中和 “约束-布局-渲染” 过程有关的主要方法和流程。 1. -initWithNibName 如果使用 ...
［分享］iOS开发－AutoLayout控件等比间距的百分比布局
我挚爱桃子
09-16 1621
参考链接：https://segmentfault.com/a/1190000005272005 把这些按钮都设置为与SuperView居中对齐，然后调整约束Multiplier的值。这个值是一个百分比，最小0，最大2？？？
iOS: 在代码中使用Autolayout (1) - 按比例缩放和优先级
热门推荐
nogodoss的专栏
02-11 1万+
首先说按比例缩放，这是在Interface Builder中无法设置的内容。而在代码中，使用NSLayoutConstraint类型的初始化函数中的multiplier参数就可以非常简单的设置按比例缩放。同时也可以设置不同NSLayoutAttribute参数来达到意想不到的效果，比如“A的Width等于B的Height的2倍”这样的效果。 OK，开始写代码，我们就拿一个简单的UIBut
AutoLayout baseLine基线对齐
我的专栏
08-05 2285
原文来自:http://blog.youkuaiyun.com/yangbingbinga 如何对多个view或者Button添加底部对齐顶部对齐等等类似的对齐约束呢?最简单的方法使用 storyboard,在后续的教程中将使用代码实现. 如下图,如何为这两个或者多个视图添加 底部对齐呢? (或者顶部对齐,左对齐,右对齐,基线baseLine对齐?) 首先说明一下对齐的实质:  顶部或
Android AutoLayout全新的适配方式 堪称适配终结者
dawuafang
11-23 1166
转载请标明出处： http://blog.youkuaiyun.com/lmj623565791/article/details/49990941； 本文出自:【张鸿洋的博客】 一、概述 相信Android的开发者对于设配问题都比较苦恼，Google官方虽然给出了一系列的建议，但是想要单纯使用这些建议将设备很轻松的做好，还是相当困难的。个人也比较关注适配的问题，之前也发了几篇关于适配的...
logback-classic-1.4.11.jar中文文档.zip
08-09
1、压缩文件中包含： 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
elasticsearch-0.14.3.jar中文文档.zip
08-09
1、压缩文件中包含： 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
虚拟同步电机Simulink仿真与并电网模型仿真：参数设置完毕，可直接使用 - 电力电子
最新发布
08-09
如何利用Simulink对虚拟同步电机(Virtual Synchronous Generator,VSG)及其并电网模型进行仿真。首先概述了Simulink作为MATLAB的一部分，在电力电子仿真中的重要地位。接着阐述了虚拟同步电机的建模步骤，涵盖机械、电气和控制三个部分，并强调了参数设置对仿真精度的影响。然后讨论了并电网模型的构建方法，涉及电网结构、电压等级、线路阻抗等要素。随后讲解了参数设置的具体流程，包括电机初始状态、控制策略、并电网电压电流等。最后探讨了通过MATLAB编写控制策略和数据分析代码的方法，以及如何基于仿真结果评估电机性能和电网稳定性。 适合人群：从事电力电子领域研究的专业人士，尤其是那些对虚拟同步电机和并电网仿真感兴趣的工程师和技术人员。 使用场景及目标：适用于需要深入了解虚拟同步电机工作原理和并电网运行规律的研究项目。目标是在掌握Simulink仿真技巧的基础上，优化电机性能，提高电网稳定性。 阅读建议：由于涉及到大量的理论知识和技术细节，建议读者先熟悉Simulink的基本操作和相关电力电子基础知识，再逐步深入理解和实践文中提到的各种仿真技术和方法。
elasticsearch-5.6.0.jar中文文档.zip
08-09
1、压缩文件中包含： 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值