iOS Programming Introduction to Auto Layout 自动布局 A single application that runs natively on both the iPad and the iPhone is called a universal applica...
分类:
移动开发 时间:
2015-05-17 18:22:26
阅读次数:
276
编写iOS应用UI的方式大概有两种,一种是Storyboard/Xib,另一种是手写代码。采用Storyboard/Xib方式组织UI,由于提供可视化的特性,只要从UI库中拖动UI控件,便可以显示结果,极大地提高开发速度。但面临一个问题就是多人协作开发,由于所有的UI都放在同一个Storyboard文件中,使用Git/SVN合并代码就会出现冲突。多人协作开发还不是主要问题,有人提出可以创建多个St...
分类:
移动开发 时间:
2015-05-15 17:52:38
阅读次数:
270
Auto Layout是什么Auto Layout是一个基于constraint(约束)的布局系统,它根据UI元素之间约束关系来调整UI元素的位置和大小。Auto Layout解决什么问题更容易适配不同分辨率设备的屏幕(iPhone 6 Plus, iPhone 6, iPhone 5s/5, iP...
分类:
移动开发 时间:
2015-05-08 09:21:22
阅读次数:
136
Auto Layout 的本质原理
Auto Layout 的本质是用一些约束条件对元素进行约束,从而让他们显示在我们想让他们显示的地方。
约束主要分为以下几种(欢迎补充):
相对于父 view 的约束。如:距离上边距 10,左边距 10。
相对于前一个元素的约束。如:距离上一个元素 20,距离左边的元素 5 等。
对齐类约束。如:跟父 view 左对齐,跟上一个元素居中对齐...
分类:
其他好文 时间:
2015-04-25 16:45:21
阅读次数:
143
Align:用来添加对齐约束。Pin:添加标准约束,比如相对于其他视图的大小和位置。Reslove Auto Layout Issues:可以让Xcode 自动生成约束,或者基于约束把子视图的边框更新到正确的位置。Resizing Behavior:可以用来设置哪些类会继承这些约束。Pinitem ...
分类:
其他好文 时间:
2015-04-23 17:02:00
阅读次数:
179
历史:从iOS 6开始 ,之前都是3.5英寸没有考虑到适配.iPhone5变成了4英寸,所以推出了Auto Layout理解:另外一个体系,去描述位置.像素:点:// 勘误: 图中的像素应为 “点"// 写上以上代码,就可以删掉系统创建的控制器和storyBoard了.// 创建控制器,勾选Xib[...
分类:
其他好文 时间:
2015-04-21 20:38:56
阅读次数:
172
本系列第一篇文章介绍了自动布局的基本原理,第二篇通过一个简单的例子演示了如何使用IB以可视化方式创建自动布局约束,第三篇使用代码直接创建NSLayoutConstraint实例来定义自动布局约束。本篇文章在第三篇文章的基础上,使用Visual Format Language(暂且翻译为可视化格式语言,简称VFL)创建约束。...
分类:
移动开发 时间:
2015-04-17 18:23:02
阅读次数:
255
本系列的第一篇文章介绍了自动布局的基本原理,第二篇文章通过一个简单的例子演示了如何使用Xcode的Interface Builder(简称IB)以可视化方式添加约束。本篇为该系列的第三篇文章,主要介绍如何通过代码来添加布局约束。...
分类:
移动开发 时间:
2015-04-16 17:47:10
阅读次数:
219
上一篇VFL(Visual format language)的文章中讲了一些基本用法.传送门http://www.cnblogs.com/wupei/p/4150626.html. 这篇简单的讲解下UIScrollView下的自动布局.UIScrollView有一个contentSize所以,他跟....
分类:
其他好文 时间:
2015-04-15 13:25:51
阅读次数:
181
原文:Beginning Auto Layout Tutorial in iOS 7: Part 1感谢翻译小组成员@answer-huang(博客)热心翻译。如果您有不错的原创或译文,欢迎提交给我们,更欢迎其他朋友加入我们的翻译小组(联系qq:2408167315)。===============...
分类:
移动开发 时间:
2015-04-11 14:44:38
阅读次数:
1597