zoukankan      html  css  js  c++  java
  • iPhone像素点和常用控件尺寸

    转自 http://blog.csdn.net/wzzvictory/article/details/8565872

    1、   iPhone中的点和像素。

    点(pt)的英文全称是point,确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长度”。

    像素(pixel)由Picture和 Element这两个词组成,像素是位图的最小单位,是一个一个彩色的颜色点,一个像素有三个基色点(三原色各一个)。在我看来,像素就是我们平时说的分辨率。

    ①点

    iPhone4s及其之前的屏点大小都是320×480 pts

    iPhone5的屏点大小是320×568pts

    ②像素

    iPhone4之前的普屏,像素(分辨率)都是320×480pixels。

    iPhone4和iPhone4s使用的Retina屏,像素都是640×960 pixels

    iPhone5的Retina屏,像素是1136×640pixels

    ③点(pt)与像素(pixels)换算关系 

    普屏       1点 = 1像素 

    Retina屏 1点 = 2像素 

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

    另外,人手指的最小点击范围是44pixels,所以在iPhone的很多细节上都是44 pixels。

    ④  分辨率适配问题

    在使用图片资源时,用该方法:[UIImage imageNamed:@"adflower.png"]] 

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

    所以,我们在开发过程中可以对图片文件进行分类,对于640x960文件夹里的图片,文件命名添加"@2x"即可。如图1所示:

                                                

                                                                           图1图片资源分类                                              

    2、       iPhone常用控件的高度(见图2)

    元素控件

    尺寸(pts)

    Window(含状态栏)

    320 x 480

    Status Bar的高度

    20

    Navigation Bar的高度

    44

    含Prompt的Navigation Bar的高度

    74

    Navigation Bar的图标

    20×20

    Tool Bar的高度

    44

    Tool Bar的图标

    20×20

    Tab Bar的高度

    49

    Tab Bar的图标

    30×30

    竖直时键盘的高度

    216、252(iOS 5+的中文键盘)

    水平时键盘的高度

    162、198(iOS 5+的中文键盘)

     

     

                           

                                                           图2 iPhoneUI尺寸

    3、      iPhone AppIcon尺寸

    图标名称

    尺寸(pts)

    用途

    是否必需

    Icon.png

    57×57

    App Store和iPhone、iPod touch桌面显示

    Icon@2x.png

    114×114

    Icon.png的高清模式

    Icon-Small.png

    29×29

    “设置”应用和Soptlight搜索

    Icon-Small@2x.png

    58×58

    Icon-Small.png高清模式

      

    4、  获取部分Ui尺寸方法

    ①、app尺寸(去掉状态栏)

    CGRect r = [ UIScreen mainScreen].applicationFrame;

    r=0,20,320,460

    ②、屏幕尺寸

    CGRect r = [ UIScreen mainScreen].bounds;

    r=0,0,320,480

    ③、状态栏尺寸

    CGRect rect = [[UIApplicationsharedApplication] statusBarFrame];

    r = 0,0,320,20

  • 相关阅读:
    geoserver发布地图服务WMTS
    geoserver发布地图服务WMS
    geoserver安装部署步骤
    arcgis api 3.x for js 入门开发系列十四最近设施点路径分析(附源码下载)
    arcgis api 3.x for js 入门开发系列十三地图最短路径分析(附源码下载)
    cesium 之自定义气泡窗口 infoWindow 后续优化篇(附源码下载)
    arcgis api 3.x for js 入门开发系列十二地图打印GP服务(附源码下载)
    arcgis api 3.x for js 入门开发系列十一地图统计图(附源码下载)
    arcgis api 3.x for js 入门开发系列十叠加 SHP 图层(附源码下载)
    arcgis api 3.x for js入门开发系列九热力图效果(附源码下载)
  • 原文地址:https://www.cnblogs.com/rongxiang/p/4063808.html
Copyright © 2011-2022 走看看