iOS开发技巧 - Size Class与iOS 8多屏幕适配(一)

阳光穿透心脏的1/2处 2021-12-24 13:29 188阅读 0赞

**0. 背景:**

在iOS开发中，Auto Layout(自动布局)能解决大部分的屏幕适配问题。 但是当iPhone 6和iPhone 6 Plus发布以后， Auto Layout已经不能解决复杂的屏幕适配问题了，

因此, 在iOS 8以后苹果推出了Size Class, 它是基于Auto Layout技术的。

**1. Size Class的开启和使用**

与Auto Layout不同， Size Class不能通过代码编程管理，只能通过IB(Interface Builder)使用。

默认情况下Story Board等布局文件已经开启了Size Class,如果没有开启，可以选中Story Board->文件检查器->选中Use Size Classes

\->点击布局工具栏的Size Class按钮(wAny|hAny)，将弹出Size Class菜单。

**2. Size Class的九宫格**

Size Class菜单是一个九宫格，可以组合出9种情况，每一种情况应对不同的布局。

<table> 
 <tbody> 
  <tr> 
   <td> <p>&nbsp;</p> <p><strong>wCompact | hCompact</strong></p> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> <p><strong>wAny | hCompact</strong></p> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> <p><strong>wRegular | hCompact</strong></p> <p>&nbsp;</p> </td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;</p> <p><strong>wCompact | hAny</strong></p> <p><strong>　　</strong></p> </td> 
   <td> <p>&nbsp;</p> <p><strong>wAny | hAny</strong></p> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> <p><strong>wRegular | hAny</strong></p> <p>&nbsp;</p> </td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;</p> <p><strong>wCompact | hRegular</strong></p> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> <p><strong>wAny | hRegular</strong></p> <p>&nbsp;</p> </td> 
   <td> <p>&nbsp;</p> <p><strong>wRegular | hRegular</strong></p> <p>&nbsp;</p> </td> 
  </tr> 
 </tbody> 
</table>

**Compact - 紧凑**

就是屏幕空间相对较小,如iPhone竖屏时，水平方向是Compact,而垂直方向是Regular，这时候的取值是wCompact | hRegular。

**Any        - 任意**

在Compact和Regular之间的值是Any， Any一般用于iPad布局，这时候的取值是wAny | hAny。

**Regular  - 正常**

正常情况, 当iPhone横屏时，水平方向是Regular,而垂直方向是Compact, 这时候的取值为wRegular | hCompact。

\* wCompact | hCompact: 适用于3.5英寸，4英寸，4.7英寸的iPhone的横屏情况。

\* wAny | hCompact:        适用于垂直方向是Compact的情况，例如iPhone横屏。

\* wRegular | hCompact:  适用于5.5英寸的iPhone的横屏情况。

\* wCompact | hAny:       适用于所有的水平方向是Compact的情况，如3.5英寸，4英寸，4.7英寸的iPhone的竖屏情况。

\* wAny | hAny:              适用于所有的布局情况，这是最后的选择。

\* wRegular | hAny:        适用于所有的水平方向是Regular的情况，如iPad横屏和竖屏的情况。

\* wCompact | hRegular: 适用于所有的iPhone竖屏情况。

\* wAny | hRegular:        适用于所有的垂直方向是Regular的情况，如iPhone竖屏，iPad横屏和竖屏的情况。

wRegular | hRegular:     适用于所有的iPad横屏和竖屏的情况。

转载于:https://www.cnblogs.com/davidgu/p/6357357.html

发表评论取消回复

表情：

评论列表（有 0 条评论，188人围观）

还没有评论，来说两句吧...

相关阅读

相关 html5开发之ios屏幕适配,iOS屏幕适配和设计流程分析

iOS开发中，屏幕适配很多使用masonary这个库，但是使用过程中需要知道这些在屏幕适配的过程中与图片相关的工作。一、基本概念首先，理解几个概念: Points, R

秒速五厘米/ 2022年10月06日 11:53/ 0 赞/ 212 阅读

相关 ios开发-适配图片大小

有的时候，从服务器或者本地加载进去的一系列图片的尺寸可能不能，这在我们显示图片的时候可能会遇到一些问题。比如把UIImageView的frame写死。比如固定width，

╰+哭是因爲堅強的太久メ/ 2022年09月17日 11:19/ 0 赞/ 193 阅读

相关 IOS9 适配

一、网络适配由http改成https 二：Bitcode 三：Scheme白名单参看文章： [http://my.oschina.ne

迷南。/ 2022年08月09日 09:44/ 0 赞/ 203 阅读

相关 iOS开发- 游戏屏幕适配(SpriteKit)

我们开发一个App的时候, 通常希望它在 iPhone, iPad, Mac上同时能运行, 尤其是游戏。这样就需要我们考虑不同设备不同的分辨率，处理起来比较麻烦。比如说

Dear 丶/ 2022年08月06日 04:30/ 0 赞/ 241 阅读

相关 IOS 界面适配

对于不同苹果设备，各个参数查看[《iOS:机型参数、sdk、xcode各版本》][iOS_sdk_xcode]。机型变化坐标：表

逃离我推掉我的手/ 2022年08月05日 09:00/ 0 赞/ 219 阅读

相关 iOS屏幕适配系列(一): Autoresizing技术

![Autoresizing.png][] 苹果在`iOS2`中引入了`Autoresizing`技术用于屏幕适配, 其用于指定当父视图的`bounds`发生改变时如何自动调

落日映苍穹つ/ 2022年06月08日 04:35/ 0 赞/ 202 阅读

相关 ios适配

1、input text有圆角在相应界面或css中添加样式： input[type="text"],input[type="number"]{ -web

港控/mmm°/ 2022年05月21日 02:52/ 0 赞/ 230 阅读

相关 iOS8 Size Classes的理解与使用

原文地址为： [iOS8 Size Classes的理解与使用][iOS8 Size Classes] http://joywii.github.io/blog

小灰灰/ 2022年05月16日 09:34/ 0 赞/ 99 阅读

相关 iOS10 适配

1、权限设置 iOS10，访问系统权限需要在info.plist中注册，否则直接crash！ ![731437-20160918141047749-313152387.pn

叁歲伎倆/ 2022年03月22日 11:30/ 0 赞/ 276 阅读

相关 iOS开发技巧 - Size Class与iOS 8多屏幕适配(一)

0. 背景: 在iOS开发中，Auto Layout(自动布局)能解决大部分的屏幕适配问题。但是当iPhone 6和iPhone 6 Plus发布以后， Auto Layo

阳光穿透心脏的1/2处/ 2021年12月24日 13:29/ 0 赞/ 189 阅读