iOS 8 by Tutorials (Section1:自适应布局)

Section1:自适应布局

iOS8中,你将有新的方法去建立界面,你有完全独立的设备、屏幕尺寸、分辨率和设备方向(device orientation),你将会了解collections的特性、size classes和通用的Storyboards,每一个功能不仅仅在现在的设备做好最好的interfaces,我想在将来也会一样。以开放的心态去阅读下面的要点,准备吃惊吧。

1.1、自适应布局的介绍:

前些年的iPhone,可能只是一个尺寸,一种分辨率,所以我们可以将界面布局写得死死的,就算是有了iPad,机智的我们也可以建立2个Xib或者Storyboards,当然代码也行:

if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) { ...
}

只是看到代码发送我脊背发凉! by Tutorial Team

随着现在尺寸的增多及分辨率的疯狂来袭,你可能想到了新建几个Xib来兼容,这个多么可怕的错误!还好Apple给我们带来了  Adaptive Layout及 size-classes,他们创建的一个简单布局,可以兼容多所以的iOS设备和所以尺寸-即使将来会有更多。

  • Adaptive Layout: collections的特性、size classes和通用的Storyboards可以让你的设计在所以的iOS设备上适配,你将看到如何配置你的布局的size classes,它将无缝地转移到当前和未来的iOS设备。现在你可以试着用自动布局的知识从头创建一个天气的应用程序,使用这些知识进行进行不断的更新。

?

  • Transition Coordinators: 界面的旋转在自适应中莫过于改变视图的bounds,建立多个线条的界面然后旋转设备,你会发现自己完全是个渣渣了。
  • 看起来还有好多东西在吸引着我们,因为我们即将要做一些新的使用前沿的技术的项目,还在等待什么?不要犹豫向着Adaptive Layout赶紧行动。
时间: 2024-11-03 01:36:25

iOS 8 by Tutorials (Section1:自适应布局)的相关文章

iOS发展 ---- 至iPhone 6自适应布局设计 Auto Layout

Apple从iOS 6增加了Auto Layout后開始就比較委婉的開始鼓舞.建议开发人员使用自适应布局,可是到眼下为止,我感觉大多数开发人员一直在回避这个问题,无论是不是因为历史原因造成的,至少他们在心底还坚守着固定布局的老传统思想. 随着iPhone6.iPhone6 Plus的到来,使用自适应布局更是迫在眉睫的事,固定布局的老传统思想脆弱的不堪一击.如今的iPhone有4种尺寸.假设算上iPad,如今Apple的iOS设备有5种尺寸. 我们在准备使用自适应布局设计应用界面之前.能够把这5种

iOS 8 by Tutorials (section2:开始自适应布局)

iOS 8 by Tutorials(翻译1.2) 1.2.开始自适应布局 ios8的巨大变化中,Adaptive Layout的引用给iOS设计师带来帮助.在设计项目时,你可以创建简单的布局来适应当前的iOS8设备,这一章节是Adaptive Layout的入门,你可以学到通用的Storyboards.size classes.布局和订制字体及超有用的助理编辑预览(通过storyboards清晰的看出项目结构).现在你可以从头开始创建用关于天气的项目,如果你不是Auto Layout的粉丝,也

iOS StoryBoard自适应布局

原文地址:点击打开链接 通用的Storyboard 通用的stroyboard文件是通向自适应布局光明大道的第一步.在一个storyboard文件中适配iPad和iPhone的布局在iOS8中已不再是梦想.我们不必再为不同尺寸的Apple移动设备创建不同的storyboard文件,不用再苦逼的同步若干个storyboard文件中的内容.这真是一件美好的事情. 我们打开Xcode,新建一个项目: 选择iOS\Application\Single View Application创建一个单视图应用:

Masonry -- 使用纯代码进行iOS应用的autolayout自适应布局

快速入门 安装 使用 CocoaPods 安装 pod 'Masonry' 推荐在你的在 prefix.pch 中引入头文件: // 定义这个常量,就可以在使用Masonry不必总带着前缀 `mas_`: #define MAS_SHORTHAND // 定义这个常量,以支持在 Masonry 语法中自动将基本类型转换为 object 类型: #define MAS_SHORTHAND_GLOBALS #import "Masonry.h" 使用 初始Masonry 这是使用MASCo

移动h5自适应布局

问题一,分辨率Resolution适配:不同屏幕宽度,html元素宽高比和字体大小,元素之间的距离自适应,使用rem单位. 问题二,单位英寸像素数PPI适配:使用rem单位,文字会发虚.段落文字,使用px单位,用media query或js来适配.标题文字可以直接使用rem单位. 问题三,设备像素比例DPR适配:1物理像素在<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-s

【转】有了Auto Layout,为什么你还是害怕写UITabelView的自适应布局?

Apple 算是最重视应用开发体验的公司了.从Xib到StoryBoard,从Auto Layout到Size Class,每一次的更新,都会给iOS应用的开发带来不小的便利.但是,对于绝对多数iOS攻城狮来说,我们依然还是很害怕写UITabelVIew的自适应布局.当然,害怕不是因为我们不会写,或者本身有什么特殊的技术点,而是因为太麻烦.当然,文章的后半部分,会给出相应的解决方案,毕竟本文不是为了吐槽而吐槽. UITabelView的自适应布局有多麻烦? 数据类型的不确定性:种类越多,页面越复

为iPhone 6设计自适应布局

Apple从iOS 6加入了Auto Layout后开始就比较委婉的开始鼓励.建议开发者使用自适应布局,但是到目前为止,我感觉大多数开发者一直在回避这个问题,不管是不是由于历史原因造成的,至少他们在心底还坚守着固定布局的老传统思想. 随着iPhone6.iPhone6 Plus的到来,使用自适应布局更是迫在眉睫的事,固定布局的老传统思想脆弱的不堪一击.现在的iPhone有4种尺寸,如果算上iPad,现在Apple的iOS设备有5种尺寸.我们在准备使用自适应布局设计应用界面之前,可以把这5种尺寸划

Swift自适应布局(Adaptive Layout)教程

通用的Storyboard 通用的stroyboard文件是通向自适应布局光明大道的第一步.在一个storyboard文件中适配iPad和iPhone的布局在iOS8中已不再是梦想.我们不必再为不同尺寸的Apple移动设备创建不同的storyboard文件,不用再苦逼的同步若干个storyboard文件中的内容.这真是一件美好的事情. 我们打开Xcode,新建一个项目: 选择iOS\Application\Single View Application创建一个单视图应用: 设置项目名称Adapt

为iPhone6设计自适应布局(一)

译者的话:本文是自适应布局的巩固篇,所以对布局约束的添加操作步骤等没有详细的说明.如果看着吃力的话请先移步Swift自适应布局(Adaptive Layout)教程. Apple从iOS6加入了Auto Layout后开始就比较委婉的开始鼓励.建议开发者使用自适应布局,但是到目前为止,我感觉大多数开发者一直在回避这个问题,不管是不是由于历史原因造成的,至少他们在心底还坚守着固定布局的老传统思想. 随着iPhone6.iPhone6 Plus的到来,使用自适应布局更是迫在眉睫的事,固定布局的老传统