美文网首页
iPhone屏幕适配

iPhone屏幕适配

作者: iOS小菜鸟 | 来源:发表于2015-07-28 17:21 被阅读234次

网址:http://www.cocoachina.com/ios/20150130/11076.html

初代 iPhone

2007 年,初代 iPhone 发布,屏幕的宽高是 320 x 480 像素。下文也是按照宽度,高度的顺序排列。这个分辨率一直到 iPhone 3GS 也保持不变。

那时编写 iOS 的 App(应用程序),只支持绝对定位。比如一个按钮(x, y, width, height) = (20, 30, 40, 50),就表示它的宽度是 40 像素,高度是 50 像素,放在(20, 20)像素的位置。

iPhone 4

2010 年,iPhone 4 发布,率先采用 Retina 显示屏,在屏幕的物理尺寸不变的情况下,像素成倍增加,达到 640 x 960 像素。

这样就出现一个问题,怎么让原有的 App 运行在新的手机上面?iPhone 手机一个优势,就是有众多优秀的 App,假如不兼容原有的 App,就相当于放弃这个得来不易的优势,是很不明智的。

每当 iPhone 的屏幕有所变化,比如 iPhone 3GS 过渡到 iPhone 4, iPhone 4 过渡到 iPhone 5, iPhone 5 过渡到 iPhone 6,苹果公司都需要想办法来解决上述的兼容问题。

为了运行之前的 App,引入一个新的概念 point(点)。点这个概念在 iOS 开发中十分重要,而实际用户很少关注。iPhone 4 屏幕尺寸继续保持 320 x 480,不过单位并非是像素,而是点。

在 iPhone 3GS 中,1 个点等于 1 个像素。也就是说,点跟像素可以直接互换。

在 iPhone 4 中,1 个点等于 2 个像素。

这篇文章中,我将点和像素当成一维的长度单位,而非二维的面积单位,这样对于我来说更自然些,因此 1 个点等于 2 个像素。别的文章中可能会说 1 个点等于 4 个像素,其实是指 1 个点占据了 4 个像素的面积,这样也没有说错,注意上下文语境。

iPhone 4 和 iPhone 3GS 的屏幕尺寸实际上是一样的,都是 3.5 英寸。同样一个点,实际尺寸看起来是一样的。只是 iPhone 4 在单位英寸上像素更多,看起来更细腻。

开发 iOS 的时候,使用点作为基本单位会更加方便,列表对比:

45.jpg

这里的屏幕模式可以初步理解成,一个点等于多少个像素。2x,就是 1 个点等于 2 个像素。

详情见网址

相关文章

  • iPhone屏幕适配

    屏幕适配 屏幕适配发展历史 iPhone3GS/iPhone4没有屏幕适配可言全部用frame,bounds,ce...

  • iPhone X屏幕适配

    iPhone X开发设计屏幕适配。iPhone X(10)屏幕分辨率与适配,iOS开发适配与UI设计问题。 htt...

  • Andorid屏幕分辨率和适配规则

    在《iPhone屏幕分辨率和适配规则(基础篇)》,《iPhone屏幕分辨率和适配规则(规则篇)》和《iPhone屏...

  • 屏幕适配AutoResizing

    适配器简介 AutoResizing 屏幕适配的历史 -iPhonestyGS\IPhone4 -没有屏幕适配可言...

  • 5月31日-Autoresizing

    屏幕适配的发展历史 iPhone3GS\iPhone4 没有屏幕适配可言 全部用frame、bounds、cent...

  • 屏幕适配的发展历史

    屏幕适配的发展历史 iPhone3GS\iPhone4没有屏幕适配可言全部用frame、bounds、center...

  • IOS屏幕适配

    屏幕适配的发展历史 iPhone3GS\iPhone4没有屏幕适配可言全部用frame、bounds、center...

  • AutoLayout屏幕适配

    ## 屏幕适配的发展历史 iPhone3GS\iPhone4没有屏幕适配可言全部用frame、bounds、cen...

  • UI基础-屏幕适配发展历史

    屏幕适配的发展历史 iPhone3GS\iPhone4没有屏幕适配可言全部用frame、bounds、center...

  • iOS屏幕适配之Autolayout--storyboard及x

    首先来简单的认知屏幕适配的发展历史 iPhone3GS\iPhone4屏幕尺寸固定,没有屏幕适配全部用frame、...

网友评论

      本文标题:iPhone屏幕适配

      本文链接:https://www.haomeiwen.com/subject/ihemqttx.html