• ios设备 分辨率(转)


    1 iOS设备的分辨率

    iOS设备,目前最主要的有3种(Apple TV等不在此讨论),按分辨率分为两类

    iPhone/iPod Touch

    普屏分辨率    320像素 x 480像素

    Retina分辨率 640像素 x 960像素

    iPad,iPad2/New iPad

    普屏        768像素 x 1024像素

    Retina屏  1536像素 x 2048像素

    2  iOS设计时用的点与分辨率的关系

    尽管有上面列出的4种分辨率情况,不过细心的人会发现,对于Retina屏的分辨率始终保持为普屏的2倍,这对于iOS的设计还是开发的时候提供的 莫大的方便,自然可以想到对于界面设计而言,只需要设计一套,然后进行等比例放大缩小即可。实际进行设计与开发的时候,也确实是这样,Apple为了防止 在交流过程中(尤其对于编程实现)分辨率对思维的迷惑,统一使用点(Point)对界面元素的大小进行描述,例如: 

    iPhone/iPod Touch

    界面描述    320点 x 480点

    iPhone/iPad

    界面描述    768点 x 1024点

    换算关系 

    普屏       1点 = 1像素 

    Retina屏 1点 = 2像素 

    这样,不管我们是在为普屏还是Retina屏进行设计与开发,我们都可以清楚地,并且统一地使用点对界面元素的大小进行描述了。

    3  iOS界面图片的命名

    iOS有一套更简便的方法进行自动加载,即 通过规范的文件名命名。例如下面这条加载图片的语句:

    [UIImage imageNamed:@"pic.png"]] 

    在实际运行时,如果发现当前的设备是Retina屏,会自动寻找图片"pic@2x.png" ,自动加载针对Retina屏的图片素材,是不是很方便呢?

    所以,我们在制作iOS设备时,可以仿照下面这样,对图片文件进行分类,对于640x960文件夹里的图片,文件命名添加"@2x"即可。

    PS:一些额外的图标参考

    a 图标会自动添加高亮效果,如果不需要,可以在plist中明确指定UIPrerenderedIcon的键值去掉

    b 57像素的普屏的iPhone图标,图标圆角的半径为10像素

    c 114像素Retina屏的iPhone图标,图标圆角的半径为20像素

    d 512像素的用于iTunes/App Store的图标,在实际显示是会被缩放到175像素进行显示(但提交是不可以提交175像素)

    e 72像素的普屏iPad图标,图标圆角的半径为13像素

    f 144像素Retina屏iPad图标,图标圆角的半径为26像素

    g 50像素iPad的Spotlight搜索图标的最终视觉大小是48像素,原因是iOS会对图标的每个边去掉1个像素,添加阴影效果

    h 100像素Retina屏的Spotlight搜索图标的最终视觉大小是96像素,原因同上,这次是每边减2个像素

  • 相关阅读:
    2020年3月15日python学习笔记——变量的创建过程 垃圾回收机制 变量的指向关系
    2020年3月14日python学习笔记——学习实操的程序(第一小章)--------------------重要
    2020年3月14日python学习笔记——break ,continue,while ...else....
    2020年3月14日python学习笔记——流程控制语句(if else ,while)
    2020年3月14日python学习笔记——算数运算、比较运算、逻辑运算、赋值运算
    2020年3月14日python学习笔记——列表 输入命令符
    Ubuntu 安装mysql和修改字符编码
    死锁与递归锁
    守护线程
    线程
  • 原文地址:https://www.cnblogs.com/isItOk/p/4872884.html
Copyright © 2020-2023  润新知