iOS AutoLayout全解

最新推荐文章于 2024-05-15 09:50:33 发布
最新推荐文章于 2024-05-15 09:50:33 发布
阅读量4.6k 收藏 4
点赞数
分类专栏： iOS开发大揭秘 文章标签： ios xcode ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiangzhihong8/article/details/77835695
版权
本文详细介绍了iOS AutoLayout的使用，包括VFL、Interface Builder的约束设置、UItableViewCell高度计算以及StackView的使用。通过多个案例，展示了如何在不同场景下应用AutoLayout，以实现响应式界面设计。

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

AutoLayout简介

Autolayout是一种全新的布局技术，专门用来布局UI界面的，用来取代Frame布局在遇见屏幕尺寸多重多样的问题。Autolayout自iOS 6开始引入，但是由于Xcode 4的不给力，当时并没有得到大规模推广。在iOS 7（Xcode5）开始，Autolayout的开发效率得到很大的提升，苹果官方也推荐开发者尽量使用Autolayout来布局UI界面，减少纯代码的方式。
那么AutoLayout怎么使用呢？
这里写图片描述

VFL

VFL（Virsual Format Language）是一种虚拟的格式化语言，主要用来创建AutoLayout的约束字符串。
示例，如：V: |-(0)-Label1-(0)-Label2-(0)-| 方向：从左到右，从上到下
V：表示方向为垂

了解本专栏 订阅专栏 解锁全文
【iOS】自动布局（AutoLayout）和手写布局（frame）
BestpayTech的博客
07-19 1496
1.1 AutoLayout原理 iOS 中视图所需要的布局信息只有两个，分别是 origin/center 和 size，在这里我们以 origin & size 为例，也就是 frame 时代下布局的需要的两个信息；这两个信息由四部分组成： x & y width & height 以左上角的 (0, 0) 为坐标的原点，找到坐标 (x, y)，然后绘制一个大小为 (width, height) 的矩形，这样就完成了一个最简单的布局。 Auto Layout 的布局方式与上面所说
阿里、字节：一套高效的iOS面试题
原来是泽镜的博客
01-23 574
简述 笔者最近收集梳理了一些iOS相关的问题，其中大部分都是大厂面试或者面试其他人用到的，能命中大部分的面试和日常工作，更希望你可以用它来检验自己 同时小编也欢迎大家加入小编的iOS交流群413038000，群里会提供相关面试资料，书籍欢迎大家入驻！ 由于问题量太大，本文只是给了问题，希望发挥圈友的动手能力，自己去探索下，也可以在下方进行评论回复你的答案或者提出更高质量的问题！！！ runtime相关问题 runtime是iOS开发最核心的知识了，如果下面的问题都解决了，那么对runtime的理解已经很
iOS中AutoLayer自动布局流程及相关方法
weixin_33831673的博客
03-15 211
2019独角兽企业重金招聘Python工程师标准>>> ...
iOS开发技巧（系列十五：autolayout自动布局）
weixin_34406061的博客
06-14 128
2019独角兽企业重金招聘Python工程师标准>>> ...
Autolayout让你界面适配飞起来
luobo140716的专栏
10-22 1149
AutoLayout很难？ 我觉得AutoLayout的难的、约束的选择性太多，抽象性增加，大家直接看书或者看博客不太好理解，但是有人教的话还是挺快的。所以我尽量用GIF的方式给大家展现。 AutoLayout是什么？ Autolayout是一种布局技术，专门用来布局UI界面的。用来取代Frame布局在遇见屏幕尺寸多重多样的不足 Autolayout自iOS6开
iOS AutoLayout的用法
dfgwang1202的博客
02-22 127
添加约束 代码实现Autolayout的步骤 利用NSLayoutConstraint类创建具体的约束对象 添加约束对象到相应的view上 - (void)addConstraint:(NSLayoutConstraint *)constraint; - (void)addConstraints:(NSArray *)constraints;...
iOS开发-一篇博客让你精通Autolayout适配
qq_32644987的博客
04-06 350
在网上看了无数篇博客，终于在这篇博客中让我彻底了解使用Autolayout适配屏幕，内容相当简单，怪我太笨。。。在此奉上链接 http://blog.youkuaiyun.com/yuanxiangg/article/details/47951441
推荐一款强大的JavaScript布局库：AutoLayout.js
最新发布
gitblog_00096的博客
05-15 557
推荐一款强大的JavaScript布局库：AutoLayout.js 项目地址:https://gitcode.com/gh_mirrors/au/autolayout.js 项目介绍 AutoLayout.js 是一个基于JavaScript实现的开源库，它复刻了苹果的自动布局和视觉格式语言。借助于Cassowary.js，这个库能够帮助开发者在Web端构建复杂的响应式布局系统。 尽管这个仓库不...
IOS纯代码实现AutoLayout适配多屏幕
watertekhqx的博客
05-26 1987
关于AutoLayout，最早从iOS6开始引入使用。主要功能是使用约束，对视图进行相对布局，以适应不同屏尺的变换。网上大量的资料都在介绍xib和storyboard，如何使用AutoLayout，说纯代码使用AutoLayout进行UI布局的越来越少。对于我这个习惯了代码UI布局的人，写个备忘：AutoLayout是什么？ 使用一句Apple的官方定义的话 AutoLayout是一种基于约
iOS layout
谁的青春不迷茫
07-22 732
http://developer.apple.com/library/ios/#documentation/WindowsViews/Conceptual/ViewPG_iPhoneOS/CreatingViews/CreatingViews.html
Autolayout使用小结（一）
NightWish
03-02 3706
最近做项目时，因为iPhone6和iPhone6Plus的兼容，我们启用了Autolayout. 以前是因为不用也能满足需求，也是因为懒，没有认真使用，只是了解过。经过一段时间的使用，做下总结，希望给大家些帮助哈。 以前我写过IOS自动布局之Autoresizing是关于Autoresizing的介绍，在简单的布局上比较有用，今天总结的是更强大的Autolayout. 本文不是从零开始入门级的
玩转iOS开发：iOS 11 新特性《Layout的新特性》
weixin_33859844的博客
11-09 195
文章分享至我的个人技术博客: https://cainluo.github.io/15101116434794.html 随着苹果爸爸越来越多尺寸的设备发布, 还有iOS设计的改变, 特别是在iOS 11之后, 比大更大的导航栏, 然后再滚动的时候可以改变大小等等操作. 但这些问题都不是什么问题, 就如同在WWDC 2017一样, 苹果爸爸在跟我们开发者展示一样东西, 也是他一直想我们去使用的东...
IOS AutoLayout 详解
xiashuo1的博客
07-26 2913
教程开始前的废话连篇 在iphone5出现之后，也就是ios6的时候。约束(autolayout)出现了，其实最开始的时候，ios dever们都还是坚持手写代码，毕竟自己用了好几年了，你说换就换，现在的需求你帮我写啊？所以导致当时使用约束的少之又少，直至后来出现了横屏和竖屏之类适配，而且屏幕更多繁多的时候，手写代码已经越来越不太能担任这个任务的时候，才开始慢慢的进入了这个大潮 而我比较幸运，在...
iOS自动化布局-AutoLayout约束优先级
十二指环的博客
12-03 2215
约束的优先级 AutoLayout添加的约束中也有优先级（Priority），优先级的数值1~1000，分为两种情况： 一种情况是我们经常添加的各种约束，默认值1000（最大值）优先执行，条件允许的话系统会自动满足我们的约束需求。 第二种就是固有约束（intinsic content size）严格说这种更像UILabel和UIButton的一种属性，但是在Autolayout中需要满足属性取值...
AutoLayout代码布局使用大全—一种全新的布局思想
坤小的专栏
12-31 3391
相信ios8出来之后，不少的ios程序员为了屏幕的适配而烦恼。相信不少的人都知道有AutoLayout这么个玩意可以做屏幕适配，事实上，AutoLayout不仅仅只是一个为了多屏幕适配的工具，它真正的意义所在是给了程序员一种全新的布局思想。    本文主要依据真实项目实例从三个方向全方位讲解AutoLayout的使用大全。    一。AutoLayout布局原理和语法    二。约束冲突和A
58.iOS AutoLayout自动布局中级开发教程(3)-等宽等高等中心
蝶飞花已醉的博客
09-01 514
前面讲到了一些关于边界约束的知识,但那些基础知识来解决一些实际问题还是会有点力不从心的;所以我们需要更高级的设置约束的办法,设置等高等宽等中心: 见下图: 图中有3个button按钮, 现在要求3个button等宽,等高 , 且 垂直中心在一条线上,这该如何设置? 按照前面的说法,约束其实是一次方程组的求解,那么 通过观察可以得之,如果我们设置好了butt
IOS7 Xcode5 下使用AutoLayout
seraph2012的专栏
11-08 4673
经过亲身体验，在同时支持IOS6 和IOS7的时候还使用frame来布局是件非常痛苦的事情。。 所以在http://www.raywenderlich.com/50317/beginning-auto-layout-tutorial-in-ios-7-part-1 学习了一下ios7的自动布局，它与在ios6的时候有些不同。 下面就简单的记录下，学习过程。 首先说明下主要的差别： 1、XC
初识iOS layout(一)
Polar_lee的博客
04-17 689
对于iOS开发者来说，最早熟悉的布局应该是使用frame布局了，就是我们平常使用的frame，size等对控件进行布局，但平常也仅限于使用，很长时间以来从未对布局进行一个系统的认识和区分，有的时候可能会导致疑惑。希望可以通过这次梳理，把layout的内容理解更透彻。下面废话不多说，让我们来认识一下从iOS的布局方式。 在这之前先熟悉几个API，这几个也是我们经常拿过来比较的。- (CGSize)s
理解iOS的layout
wanchenxie的博客
02-23 256
Reference website iOS里面用到的布局用户界面主要有三种方法： Programmatically lay out/use autoresizing masks/Auto Layout 1. Programmatically lay out（最复杂的） 这个根据字面意思很好理解，直面意思就是编程布局。就是用代码来实现控件的布局。比如说用代码创建一个控件后，来设置它在父容器里
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangzhihong8

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值