屏幕适配
jingxianli0922
生活不易,且行且珍惜。工作不易,且做且学习!
展开
-
Auto Layout界面自动布局系列1-自动布局的基本原理
一、视图定位的基本原理视图(View)是一个用于显示内容的矩形区域,它是构成app界面的最基本单元。下图为计算器app的横屏界面,其中每一个计算器按键都是一个视图。在平面直角坐标系中,要准确描述一个矩形需要确定以下四个布局属性(Layout Attribute),即水平位置x、垂直位置y、宽度w、高度h(暂不考虑旋转)。只有上述4个布局属性都明确的情况下,该视图才能正确转载 2016-04-01 16:56:02 · 827 阅读 · 0 评论 -
Auto Layout界面自动布局系列2-使用Xcode的Interface Builder添加布局约束
上一篇文章《iOS 8界面自动布局系列-1》简要介绍了iOS界面布局方式的前世今生。本篇文章将详细介绍如何使用自动布局实现不同屏幕尺寸的适配。添加自动布局约束(下文简称约束)有以下三种方式:使用Xcode的Interface Builder界面设计器添加并设置约束通过代码逐条添加约束通过可视化格式语言VFL添加约束本文将以一个简单的例子来演示如何转载 2016-04-01 17:16:18 · 1124 阅读 · 0 评论 -
iOS 8 Auto Layout界面自动布局系列3-使用代码添加布局约束
本系列的第一篇文章介绍了自动布局的基本原理,第二篇文章通过一个简单的例子演示了如何使用Xcode的Interface Builder(简称IB)以可视化方式添加约束。本篇为该系列的第三篇文章,主要介绍如何通过代码来添加布局约束。 其实,我个人认为本篇才应该是系列的第二篇,因为通过代码构建自动布局约束是最基础的,也是最灵活的方式。而IB只不过是把复杂的过程以直观简单的方式呈现出来,而且并非所有的转载 2016-04-13 09:24:54 · 636 阅读 · 0 评论 -
iOS 8 Auto Layout界面自动布局系列4-使用VFL添加布局约束
本系列第一篇文章介绍了自动布局的基本原理,第二篇通过一个简单的例子演示了如何使用IB以可视化方式创建自动布局约束,第三篇使用代码直接创建NSLayoutConstraint实例来定义自动布局约束。本篇文章在第三篇文章的基础上,使用Visual Format Language(暂且翻译为可视化格式语言,简称VFL)创建约束。 在第三篇文章中,我们仅仅创建了4个视图,就需要创建将近20个NSLay转载 2016-04-13 09:27:50 · 479 阅读 · 0 评论 -
iOS 8 Auto Layout界面自动布局系列5-自身内容尺寸约束、修改约束、布局
首先感谢众多网友的支持,最近我实在是事情太多,所以没有写太多。不过看到大家的反馈和评价,我还是要坚持挤出时间给大家分享我的经验。如果你对我写的东西有任何建议、意见或者疑问,请到我的CSDN博客留言:http://blog.csdn.net/pucker好了,言归正传。本系列的前几篇文章讲解了自动布局的原理,以及如何添加约束。这篇文章主要介绍以下内容:某些用户控件具有自身内容转载 2016-04-13 13:37:14 · 735 阅读 · 0 评论 -
iOS 9 Auto Layout界面自动布局系列6-自适应布局
设计MM小尹:“小李,邮件里是我们设计的用户登录界面初稿,请你看一下技术上有没有什么问题。” 程序猿小李:“好的,我看一下。” 小李打开邮件,看到界面设计初稿为:这是一个同时支持iPhone和iPad的统一App(Universal App)。尽管小李对Auto Layout很熟悉,但是看到设计稿之后,小李却犯了难。因为设计稿中的iPhone横屏的界面布局方式是特殊情况,如转载 2016-04-15 14:54:17 · 535 阅读 · 0 评论