美文网首页
iOS 开发尺寸

iOS 开发尺寸

作者: 小如99 | 来源:发表于2017-03-16 17:11 被阅读185次

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



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

    总结一下单位
    手机屏幕的物理长度,使用英寸作为单位。比如iPhone 4屏幕是3.5英寸,iPhone 5 是4英寸,iphone 6是4.7英寸,这里的数字是指手机屏幕对角线的物理长度。

    屏幕像素,比如iPhone 3GS屏幕是320 x 480像素,iPhone 4是640 x 960像素,这里的像素可以想象成屏幕上真正用来显示颜色的发光小点。

    点,开发App时候使用的单位,是一个虚拟的单位,并非实际存在的,因此点有时也叫虚拟点。点这个单位,用于屏蔽各个屏幕设备的不同,兼容以前的程序。

    每英寸有多少个像素,称为ppi(pixel per inch)。我们可以简单算算,iPhone 4是640 x 960像素,对角线就是1154像素,除以3.5英寸,应该是330ppi。而官方给出的数字是326ppi。当像素太密,超过300ppi的时候,人眼也就不能区分出每个像素。因此iPhone 4的屏幕叫作Retina显示屏。Retina在英文中,是视网膜的意思。

    iPhone 4之后(x, y, width, height) = (20, 30, 40, 50),就表示高度为40个点,宽度为50个点,放在(20, 20)个点的位置。这种处理方法,将之前以像素作为单位自动转换成以点作为单位,使得iPhone 3GS的应用程序,不用修改也可运行在iPhone 4上面。

    文字,颜色等是矢量数据,放大不会失真。原有的iPhone 3GS程序,在iPhone 4上面运行,文字显示也十分清晰。

    1x设备
    3GS

    2x的设备
    4/4s 3.5寸 320x480pt 640x960px ppi 1153/3.5 = 330 ppi
    5/5s 4寸 320x568pt 640x1136px ppi 1304/4 = 326 ppi
    6 4.7寸 375x667pt 750x1334px ppi 1530/4.7 = 326 ppi

    3x的设备
    6plus 5.5寸 414x736pt 1242x2208px ppi 2246/5.5 = 408 ppi

    ppi 每个尺寸的像素点 x²+y²开根号 得到的px 除以尺寸

    iOS 默认的是1x的,随着不同设备,扩大成不同尺寸,间距也是一样的

    参照 iOS 的 APP 如何适应 iPhone 5s/6/6Plus 三种屏幕的尺寸?

    相关文章

      网友评论

          本文标题:iOS 开发尺寸

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