2019-02-18 10:52:28 g935779400 阅读数 43

屏幕尺寸 启动屏幕的大小尺寸

手机型号 倍图 像素尺寸(px) 屏幕尺寸(英寸)
5s SE 2x 640 x 1136 4
6s 7s 8s 2x 750 x 1334 4.7
6p 7p 8p 3x 1242 x 2280 5.5
x xs 3x 1125 x 2436 5.8
xr 2x 828 x1792 6.1
xsMax 3x 1242 x 2688 6.5
12.9iPad Pro 2x 2048 ×2732
11iPad Pro 2x 1668 ×2388
10.5iPad Pro 2x 1668 ×2224
9.7iPad 2x 1536 ×2048
7.9iPad mini 2x 1536×2048

应用图标

像素大小

1.图片像素就是pt的基础上乘以他的倍数 例如:通知图片的像素就是 40px40px 和 60px60px 两种尺寸
在这里插入图片描述

图标属性

1.格式 : png
2.图层 :扁平化,没有透明度
3.形状:方形的没有圆角

2017-09-23 11:47:40 tuhuolong 阅读数 763

按基准设计,出图(切图和标注图)

iOS:2x设计,出2x3x的图和标注图
android:1080p设计, 出xxhdpi、xhdpi的图和标注图
绝对长度

iOS:pt
android:dp
基准

iOS: 750p 2x (px/2)
android:1080p (px/3)
加载

iOS+android: (运行时)根据当前配置选择资源



浅谈iOS屏幕适配



2016-04-14 23:07:33 sinat_34194127 阅读数 8553

1x 、2x 、3x图片介绍

手机屏幕分两种

  1. 视网膜屏:
    • 又叫Retain屏幕,就是高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2倍
  2. 非视网膜屏
    • 又叫非Retain屏,是标准分辨率

分辨率

  • 概念:分辨率的意思就是把屏幕进行横向、纵向等分,通常描述手机屏幕用来表示,在retina屏幕下,一个点表示两个像素,在非retina屏幕下,一个点表示一个像素,而像素,就是常说的分辨率,在iPhone6 Plus下,一个点表示3个像素

iPhone手机的分辨率


  • 在上图可以看出
    1. iPhone3GS的手机,是非视网膜屏幕,它的点 和 分辨率 是相同的,也就是两者相除 得 1
    2. 在iphone4/4S/5/5C//5S/6,它们都是视网膜屏幕,分辨率正好是点的两倍,相除得2
    3. 而在iPhone6 Plus,虽然也是视网膜屏幕,但是分辨率是点的三倍,也就是相除得3

1x 2x 3x 图片

  • 由于不同手机的屏幕的分辨率和它的点的倍数,是不同的,所以我们在实际开发中需要准备多套图片
  • 由于目前只存在1倍,2倍,3倍,这几种,所以目前准备的图片就分 1x,2x,3x图,当然由于只有3GS手机才是1x图,而3GS手机,基本上已经无人使用,可能很多公司已经不再去制作1x图片

图片的命名规则:

  • 1x图片: 直接使用文件名 btn_left.png
  • 2x图片: 在文件名后加上@2x标识 btn_left@2x.png
  • 3x图片: 在文件后加上@3x标识 btn_left@3x.png

总结

  1. 在同样一个尺寸的屏幕下由于使用的屏幕不一样(retina和非retina),所以造成的屏幕分辨率会不同.也就是说,同样是30*30的像素,在3.5 inch大小的屏幕上,如果是非retina显示会大一些,retina屏幕显示会小一些。
  2. 在开发中使用的是点.(比如 30 * 30 ,不是表示30像素,而是表示30点,这样的话iOS系统会自动把点转换为对应的像素)
    • 非retina屏幕1个点表示1像素
    • retian屏幕1个点表示2像素
    • iPhone6 Plus 下1个点表示3像素
  3. 因为程序中的是,iOS系统会自动把点转换为不同的像素去找图片,所以图片对应的也要准备多份不同的图片,
    • @2X:视网膜屏幕,在原来点坐标的大小上乘以2
    • @3X:在原来的坐标的大小上乘以3
2015-07-27 15:32:03 M_nao 阅读数 26142

    1x,2x就是用于非Retain屏幕和Retain屏幕,3x现在用于iPhone6 Plus,在iPhone实际开发中,只有iPhone4 是非Retain屏幕,市场占有率很低,因此在切图时,只切@2x和@3x图片即可。以iphone 6做UI为例,如果图片大小为200*200px,例如图片命名为test_a@2x.png,那么还应切一张命名为test_a@3x.png的300*300px的图片来适配iPhone 6Plus。这样程序在运行时就能根据不同设备自动调用不同图片,从而达到最佳效果。

附一张原理图:


2014-08-26 15:29:21 miaoshichang 阅读数 426

获取屏幕尺寸



1.根据像素

UIScreenMode *ScreenMode = [[UIScreen mainScreen] currentMode];

float width = ScreenMode.size.width;

float height = ScreenMode.size.height;

以上代码在不同设备上,得到的值是不同的。

注意:这种方式获得的值是以像素为单位的(The width and height in pixels)。

不同设备上的值为:

iPhone (3.5 inch): 320 x 480
iPhone Retina (3.5 inch): 640 x 960

iPhone Retina (4.0 inch): 640 x 1136

iPad: 768 x 1024

iPad Retina: 1536 x 2048


2.根据点


CGRect bounds = [[UIScreen mainScreen] bounds];

float width = bounds.size.width;

float height = bounds.size.height;

以上代码在不同设备上,得到的值是不同的。
注意:这种方式获得的值是以点为单位的(Bounds of entire screen in points)。

不同设备上的值为:

iPhone (3.5 inch): 320 x 480
iPhone Retina (3.5 inch): 320 x 480

iPhone Retina (4.0 inch):320 x 568

iPad: 320 x 480

iPad Retina: 320 x 480



/***************************************************/




没有更多推荐了,返回首页