使用SizeClass

原创 2015年11月18日 12:18:00

简介

iOS的各种设备屏幕尺寸各不相同,开发一个app不得不考虑所有的尺寸。幸好有Auto Layout,极大的简化了这一过程。现在又有了Size Classes,我们甚至可以在iphone和ipad中显示完全不同的内容!

♦ 当然,必须首先打开Use Size Classes选项。新建的工程默认就是打开的,像下图这样。(我用的是Xcode 7.1)



Size Class是依托Auto Layout存在的,如果去掉Use Auto Lyaout前面那个勾,就会弹出下面这个框。



♦ 在storyboard编辑状态下,点击底部的 wAny hRegular



上图中深色区域是可以手动调整的,对应了不同设备的尺寸。比如选中下图所示的一块,提示“3.5-inch, 4-inch, 4.7-inch iphone in portrait and landscape



下面这个图是在网上找的



例子

♦ 下面使用一个例子来看下Size Class可以做什么

eg1,

有一个label,显示为“Hello iPad”。如果不让它在iPhone4, 5, 5s, 6中显示,该怎么做?

选中这个label, 在右侧Attributes inspector中,点号,选择Compact Width ▶️Any Height, 这时原来的Installed下面会增加一行,把前面勾去掉,如下图所示:



在iPad模拟器中运行,屏幕中显示”Hello iPad”, 再切换到phones 5s, 这个label就不见了。

eg2,

同一个 UIView,在iPad和iPhone中显示不同的尺寸:iPhone中铺满屏幕,iPad 中留50的边距。

首先选中左边那个约束:



在下图中点号:



选择Compact Width ▶️Any Height, 将值改为0:



运行iPhone 5s模拟器, 水平部分已经设置好了:



再看iPad:



版权声明:本文为博主原创文章,未经博主允许不得转载。

xcode6中自动布局autolayout和sizeclass的使用

一、关于自动布局(Autolayout) 在Xcode中,自动布局看似是一个很复杂的系统,在真正使用它之前,我也是这么认为的,不过事实并非如此。 我们知道,一款iOS应用,其主要UI组件是由一个个相...

Xcode6中自动布局autolayout和sizeclass的使用

一、关于自动布局(Autolayout) 在Xcode中,自动布局看似是一个很复杂的系统,在真正使用它之前,我也是这么认为的,不过事实并非如此。   我们知道,一款iOS应用,其主要UI组件是由...

自动布局autolayout和sizeclass的使用

自动布局autolayout和sizeclass的使用 2014-09-15 11:05 编辑: wanglei 分类:iOS开发 来源:CocoaChina 6 129704 ...

Xcode6中自动布局autolayout和sizeclass的使用

一、关于自动布局(Autolayout) 在Xcode中,自动布局看似是一个很复杂的系统,在真正使用它之前,我也是这么认为的,不过事实并非如此。   我们知道,一款iOS应用,其主要...

iOS 8 AutoLayout 及SizeClass(三) 使用详解 好多值得学习及研究的地方

一、概要 通过对iOS8界面布局的学习和总结,发现autolayout才是主角,autolayout是iOS6引入的新特性,当时还粗浅的学习了下,可是没有真正应用到项目中。随着iOS设备尺寸...

38.Xcode6中自动布局autolayout和sizeclass的使用

一、关于自动布局(Autolayout) 在Xcode中,自动布局看似是一个很复杂的系统,在真正使用它之前,我也是这么认为的,不过事实并非如此。...

xcode6中自动布局autolayout和sizeclass的使用

一、关于自动布局(Autolayout) hi,all: 在经过了一番犹豫之后,我决定将我自己做的这个小APP的源码公布给大家: 其出发点是和大家一起学习iOS开发,仅供学习参考之用。之前代...

xcode6中自动布局autolayout和sizeclass的使用

一、关于自动布局(Autolayout) hi,all: 在经过了一番犹豫之后,我决定将我自己做的这个小APP的源码公布给大家: 其出发点是和大家一起学习iOS开发,仅供学习...

xcode6中自动布局autolayout和sizeclass的使用

在Xcode中,自动布局看似是一个很复杂的系统,在真正使用它之前,我也是这么认为的,不过事实并非如此。 我们知道,一款iOS应用,其主要UI组件是由一个个相对独立的可视单元构成,这些可视单元有的主要...

xcode6中自动布局autolayout和sizeclass的使用

一、关于自动布局(Autolayout) 在Xcode中,自动布局看似是一个很复杂的系统,在真正使用它之前,我也是这么认为的,不过事实并非如此。 我们知道,一款iOS应...
  • qjbagu
  • qjbagu
  • 2014年10月24日 15:35
  • 548
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用SizeClass
举报原因:
原因补充:

(最多只允许输入30个字)