iOS UI学习之路06 - AutoLayout/SizeClass

最新推荐文章于 2017-09-10 01:17:00 发布
最新推荐文章于 2017-09-10 01:17:00 发布
阅读量485 收藏
点赞数
分类专栏： 武功秘籍 - 移动开发(iOS/Android) 文章标签： iOS iOSUI AutoLayout SizeClass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ReturningProdigal/article/details/72833939
版权

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时

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

returningprodigal
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS8开发～UI布局（三）深入理解autolayout
10-10
在iOS应用开发中，UI布局是一项至关重要的任务，特别是在iOS8及更高版本中引入了AutoLayout和Size Classes，使得开发者可以构建适应不同设备和屏幕尺寸的界面。本篇将深入探讨AutoLayout，揭示其核心概念、工作原理...
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，高度包装为...
iOS 屏幕适配--autoResizing autoLayout和sizeClass图文详解
执迷的博客
11-19 667
1. autoResizing autoresizing是苹果早期的ui布局适配的解决办法，iOS6之前完全可以胜任了，因为苹果手机只有3.5寸的屏幕，在加上手机app很少支持横屏，所以iOS开发者基本不用怎么适配布局，所有的ui控件只要相对父控件布局就可以了，没错autoResizing就是一个相对于父控件的布局解决方法；注意：它只能相对父控件布局； *** 在xcode中可以通过可视
Xcode -- Autolayout and SizeClass
单线程男孩儿
01-31 447
在Xcode中，自动布局看似是一个很复杂的系统，在真正使用它之前，我也是这么认为的，不过事实并非如此。 我们知道，一款iOS应用，其主要UI组件是由一个个相对独立的可视单元构成，这些可视单元有的主要负责向用户 输出有用的信息，有些则负责信息的输入（交互），交互的过程中往往还伴随有动画的效果，已达到整个信息传递的连 贯性以及用户体验的细腻感。可视单元，在实际开发中主要是view、b
xib系列---iOS 8 AutoLayout与Size Class
Virgil_li的博客
03-25 493
前言 iOS8和iPhone6发布已经过去蛮久了,广大的果粉终于迎来了大屏iPhone,再也不用纠结为大屏买三星舍苹果了…但是对于iOS开发人员来说,迎来了和Android开发开发一样的问题—>各种屏幕的适配(是不是可以要求加工资的节奏).对于适配,网传各种有关Size Class的论点,前段时间太忙,一直没去研究,套用+总的话,苹果在适配方面提供的方法做的比安卓好太多了.自己实测之后,确实
iOS8学习笔记2--autolayout
weixin_30832405的博客
07-01 73
iOS支持的设备如今已经具有了很多的尺寸,针对这些不同的尺寸每一个都做一个独立的APP肯定是不现实的,于是苹果在iOS8之后推出了autolayout和sizeclass,同时还有VFL界面设计语言 先说一下iOS屏幕的旋转,首先,对于开发者而言,关注的并不是屏幕的像素,而是一个点的概念,也就是说,尺寸相同的设备,不同的分辨率,开发者认为他们的点是相同的,系统底层负责将一个点与对应的像素关联起来...
一篇文章详解iOS之AutoResizing、AutoLayout、sizeClass来龙去脉
chuange6363的博客
09-10 149
前言 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 652
一、新特性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 715
1. autoResizing autoresizing是苹果早期的ui布局适配的解决办法，iOS6之前完全可以胜任了，因为苹果手机只有3.5寸的屏幕，在加上手机app很少支持横屏，所以iOS开发者基本不用怎么适配布局，所有的ui控件只要相对父控件布局就可以了，没错autoResizing就是一个相对于父控件的布局解决方法；注意：它只能相对父控件布局； *** 在xcode中可以通过可视化的
详解iOS之AutoResizing、AutoLayout、sizeClass来龙去脉
Gabriel的专栏
08-26 2189
转自：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 AutoLayout与Size Class 自悟
程序是有生命的精灵
05-15 791
前言 iOS8和iPhone6发布已经过去蛮久了,广大的果粉终于迎来了大屏iPhone,再也不用纠结为大屏买三星舍苹果了…但是对于iOS开发人员来说,迎来了和Android开发开发一样的问题—>各种屏幕的适配(是不是可以要求加工资的节奏).对于适配,网传各种有关Size Class的论点,前段时间太忙,一直没去研究,套用+总的话,苹果在适配方面提供的方法做的比安卓好太多了.自己实测之后,确实
iOS8AutoLayout-Demo3
10-09
在iOS应用开发中，UI设计和布局是至关重要的部分，特别是在iOS8及更新版本中，引入了AutoLayout和Size Classes，极大地增强了界面的适应性和可维护性。本Demo3将详细解析如何在Storyboard中利用这两种技术来构建...
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，高度...
swift-JustUiKit是一套Android样式工具iOSUI套件
08-15
4. **响应式布局**：为了适配不同尺寸的屏幕，JustUiKit可能包含对AutoLayout或SizeClass的支持，开发者需要理解这些布局机制，以便创建适应性强的界面。 5. **动画和过渡效果**：为了提升用户体验，JustUiKit可能...
iOS第三方插件与App Demo地址总览
IT探险者-returningprodigal
07-08 1250
一：第三方插件 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 1200
UIButton： 1、UIButton对于自定义Button需要设置宽度和高度才能显示， 2、而系统的Button在系统内部设置了宽度高度所以不需要认再去设置，如果人为改变其大小，显示的imageView大小是没有变化，只是Button的大小发生了改变 3、代码如下：   UIButton*button = [UIButton buttonWithType:UIButtonTypeCo
iOS常见枚举类型
IT探险者-returningprodigal
07-06 957
NSLineBreakMode的区别 typedef enum     UILineBreakModeWordWrap = 0,     UILineBreakModeCharacterWrap,     UILineBreakModeClip,     UILineBreakModeHeadTruncation,     UILineBreakModeTailTruncation
iOS学习之路09 - 多媒体（音频、视频、相机、相册）
IT探险者-returningprodigal
05-23 886
UIImagePickerController 属性imagePicker指的是UIImagePickerController所属类型 图片库 /* UIImagePickerControllerSourceTypePhotoLibrary, 图片库 UIImagePickerControllerSourceTypeCamera, 相机 UIImagePickerControlle
iOS8 SizeClass与AutoLayout：应对多屏时代的UI布局革新
iOS开发中的UI布局在iOS8系统引入了一个重大变革，那就是SizeClass与AutoLayout的结合。SizeClass的出现是为了应对iOS8及之后版本中设备屏幕尺寸的多样性，尤其是随着iPhone6及其后续设备的推出，屏幕尺寸不再局限于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值