iOS UI学习之路06 - AutoLayout/SizeClass

最新推荐文章于 2020-12-29 10:40:58 发布
原创 最新推荐文章于 2020-12-29 10:40:58 发布 · 552 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iOS #iOSUI #AutoLayout #SizeClass

本文介绍了随着iOS设备的发展，从iPhone4到5.5寸屏幕，布局技术也经历了从frame到SizeClass的变化。重点讲解了自动布局的核心概念及如何通过设置正确的约束来实现不同屏幕尺寸上的良好适配。

iOS布局技术发展

设备发展：iPhone 4/4s    iPad    iPhone5/5c/5s    iPhone6/Plus

布局发展：frame    Autoresizing    AutoLayout        SizeClass

自动布局的核心就是设置正确的约束（constraints）

常用单词

Leading edges    前缘

trailing edges    后缘

Container    容器

Horizontal    Horizontally    水平的

Vertical    Vertically        垂直的

Baselines    底线、基准线（两控件依据文本使控件位置对齐）

Top Layout Guide 作用：状态栏、导航栏占位视图

Bottom Layout Guide 作用：工具栏、菜单栏占位视图

descendant    后代/子元素

sibling    同胞/同级元素

Ancestor    祖先/父元素

4 inch ----> 5.5 inch时

视图的左边距不能定死，可以按照控件相对于父视图中心坐标的百分比倍数来调整

MyLinearLayout：MyLayout是由Objective-C实现的功能强大的iOS UI框架。 它与Android Layout，iOS AutoLayout，SizeClass，HTML CSS float和flexbox和bootstrap集成了功能。 因此，您可以使用LinearLayout，RelativeLayout，FrameLayout，TableLayout，FlowLayout，FloatLayout，PathLayout，GridLayout，LayoutSizeClass
01-29
它集成了以下功能：iOS的Autolayout和SizeClass，Android的五个布局类，float和flex-box以及HTML / CSS引导程序。 MyLayout的Swift版本的名称为： 中文（简体）： 用法 有一个容器视图S，其宽度为100，高度包装为...
TangramKit：TangramKit是由Swift实现的功能强大的iOS UI框架。 它将功能与Android布局，iOS AutoLayout，SizeClass，HTML CSS float和flexbox和bootstrap集成在一起。 因此，您可以使用LinearLayout，RelativeLayout，FrameLayout，TableLayout，FlowLayout，FloatLayout，LayoutSizeClass来构建您的App。自动布局UIView UITableView
02-03
它集成了以下功能：iOS的Autolayout和SizeClass，Android的五个布局类，float和flex-box以及HTML / CSS引导程序。 TangramKit的Objective-C版本名为： 中文（简体）： 用法 有一个容器视图S，其宽度为100，高度...
xib系列---iOS 8 AutoLayout与Size Class
Virgil_li的博客
03-25 613
前言 iOS8和iPhone6发布已经过去蛮久了,广大的果粉终于迎来了大屏iPhone,再也不用纠结为大屏买三星舍苹果了…但是对于iOS开发人员来说,迎来了和Android开发开发一样的问题—>各种屏幕的适配(是不是可以要求加工资的节奏).对于适配,网传各种有关Size Class的论点,前段时间太忙,一直没去研究,套用+总的话,苹果在适配方面提供的方法做的比安卓好太多了.自己实测之后,确实
iOS 屏幕适配--autoResizing autoLayout和sizeClass图文详解
执迷的博客
11-19 755
1. autoResizing autoresizing是苹果早期的ui布局适配的解决办法，iOS6之前完全可以胜任了，因为苹果手机只有3.5寸的屏幕，在加上手机app很少支持横屏，所以iOS开发者基本不用怎么适配布局，所有的ui控件只要相对父控件布局就可以了，没错autoResizing就是一个相对于父控件的布局解决方法；注意：它只能相对父控件布局； *** 在xcode中可以通过可视
Xcode -- Autolayout and SizeClass
单线程男孩儿
01-31 500
在Xcode中，自动布局看似是一个很复杂的系统，在真正使用它之前，我也是这么认为的，不过事实并非如此。 我们知道，一款iOS应用，其主要UI组件是由一个个相对独立的可视单元构成，这些可视单元有的主要负责向用户 输出有用的信息，有些则负责信息的输入（交互），交互的过程中往往还伴随有动画的效果，已达到整个信息传递的连 贯性以及用户体验的细腻感。可视单元，在实际开发中主要是view、b
iOS8学习笔记2--autolayout
weixin_30832405的博客
07-01 120
iOS支持的设备如今已经具有了很多的尺寸,针对这些不同的尺寸每一个都做一个独立的APP肯定是不现实的,于是苹果在iOS8之后推出了autolayout和sizeclass,同时还有VFL界面设计语言 先说一下iOS屏幕的旋转,首先,对于开发者而言,关注的并不是屏幕的像素,而是一个点的概念,也就是说,尺寸相同的设备,不同的分辨率,开发者认为他们的点是相同的,系统底层负责将一个点与对应的像素关联起来...
一篇文章详解iOS之AutoResizing、AutoLayout、sizeClass来龙去脉
chuange6363的博客
09-10 195
前言 iPhone自诞生以来，随着其屏幕尺寸不断的多样化，屏幕适配的技术一直在发展更新。目前，iOS系统版本已经更新到9.3，XCode的最新版本已经是7.3，仅iPhone历史产品的尺寸就已经有4种：3.5英寸、4.0英寸、4.7英寸、5.5英寸。最近，iPhone家族又诞生一款iPhon...
iOS 8 UI布局 AutoLayout及SizeClass(二)
li唱的专栏
07-07 734
一、新特性Size Class介绍 随着iOS8系统的发布，一个全新的页面UI布局概念出现，这个新特性将颠覆包括iOS7及之前版本的UI布局方式，这个新特性就是Size Class。Size Class配合Auto Layout可以解决所有（包括iPhone及iPad）iOS设备屏幕尺寸及屏幕旋转时候的UI适配问题 。 二、为什么要使用Size Class 直到i
iOS 屏幕适配，autoResizing autoLayout和sizeClass图文详解
执迷的博客
12-03 801
1. autoResizing autoresizing是苹果早期的ui布局适配的解决办法，iOS6之前完全可以胜任了，因为苹果手机只有3.5寸的屏幕，在加上手机app很少支持横屏，所以iOS开发者基本不用怎么适配布局，所有的ui控件只要相对父控件布局就可以了，没错autoResizing就是一个相对于父控件的布局解决方法；注意：它只能相对父控件布局； *** 在xcode中可以通过可视化的
ios 输入法扩展_GitHub - insoxin/pinyin: 一款iOS13第三方输入法，供分享、学习和拓展之用。...
weixin_35779370的博客
12-29 1452
INSO输入法-为输入提速！ for iPhonehttps://pinyin.isoyu.com/一款iOS13第三方输入法，供分享、学习和拓展之用。iOS13第三方输入法实例-Swift版1、写这个项目的目的输入法开发在众多App中较为小众，因为现实中，不仅仅是输入个字母、数字、字符或者表情就行的。输入汉字，要想做到基本的需求，你得有联想、模糊查询、热词搜索、智能纠错、自定义词库等等，还不包括...
详解iOS之AutoResizing、AutoLayout、sizeClass来龙去脉
Gabriel的专栏
08-26 2252
转自：http://www.cnblogs.com/feng9exe/p/6648730.html 前言 iPhone自诞生以来，随着其屏幕尺寸不断的多样化，屏幕适配的技术一直在发展更新。目前，iOS系统版本已经更新到9.3，XCode的最新版本已经是7.3，仅iPhone历史产品的尺寸就已经有4种：3.5英寸、4.0英寸、4.7英寸、5.5英寸。最近，iPhone家族又诞生一
深入探究iOS8中Storyboard的AutoLayout和Size Class
本文件主要涉及的主题是“iOS8开发～UI布局（二）”，并且在“Demo”项目中详细解析了“storyboard中autolayout和size class的使用”。通过这些信息，我们可以展开关于iOS界面布局、Auto Layout以及Size Class的概念...
iOS8 SizeClass与AutoLayout：应对多屏时代的UI布局革新
iOS开发中的UI布局在iOS8系统引入了一个重大变革，那就是SizeClass与AutoLayout的结合。SizeClass的出现是为了应对iOS8及之后版本中设备屏幕尺寸的多样性，尤其是随着iPhone6及其后续设备的推出，屏幕尺寸不再局限于...
iOS第三方插件与App Demo地址总览
IT探险者-returningprodigal
07-08 1463
一：第三方插件 1:基于响应式编程思想的oc地址：https://github.com/ReactiveCocoa/ReactiveCocoa 2：hud提示框地址：https://github.com/jdg/MBProgressHUD 3：XML/HTML解析地址：https://github.com/topfunky/hpple 4：有文字输入时，能根据键盘是否弹出来调整自身显示内容
UIButton和UILabel的宽与高
IT探险者-returningprodigal
07-04 1390
UIButton： 1、UIButton对于自定义Button需要设置宽度和高度才能显示， 2、而系统的Button在系统内部设置了宽度高度所以不需要认再去设置，如果人为改变其大小，显示的imageView大小是没有变化，只是Button的大小发生了改变 3、代码如下：   UIButton*button = [UIButton buttonWithType:UIButtonTypeCo
iOS常见枚举类型
IT探险者-returningprodigal
07-06 1028
NSLineBreakMode的区别 typedef enum     UILineBreakModeWordWrap = 0,     UILineBreakModeCharacterWrap,     UILineBreakModeClip,     UILineBreakModeHeadTruncation,     UILineBreakModeTailTruncation
iOS学习之路09 - 多媒体（音频、视频、相机、相册）
IT探险者-returningprodigal
05-23 995
UIImagePickerController 属性imagePicker指的是UIImagePickerController所属类型 图片库 /* UIImagePickerControllerSourceTypePhotoLibrary, 图片库 UIImagePickerControllerSourceTypeCamera, 相机 UIImagePickerControlle
OC学习之路(1) - X-code使用
IT探险者-returningprodigal
05-23 960
OC除了包含C所有的关键字外，还有本身特有的关键字，为了跟其他语言的关键字分开，这些关键字通常用@符号开头，例如：@interface、@implementation、@end、@protocal、@property、id、self、super… OC中可以使用C中所有的数据结构，也包含了自身的特有的类型。例如： NSInteger、NSUInteger、NSString、NSArray、NS
iOS学习之路03 - Quart2 2D绘图
IT探险者-returningprodigal
05-23 904
Quart2 2D绘图 Graphics Context 上下文、画布、绘图环境 Quart2中默认的坐标系统是：原点（0，0）子啊左下角，沿着x轴从左到右坐标值逐渐增大，沿着Y轴从下到上坐标值逐渐增大UIGraphicsGetCurrentContext()可以获取当前上下文，类型为CGContextRef 坐标系的转换 CGContextRotateCTM(CGCont
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值