• iOS开发中,会要求导入@1x、@2x和@3x: 使用@1x格式:iPhone3GS 使用@2x格式:iPhone 4,4S,5,5S,5C,SE,6,6S,7,8,XR 使用@3x格式:iPhone 6Plus、6sPlus、7Plus、8Plus、X、XS、XS Max 这样在开发过程...

    iOS开发中,会要求导入@1x、@2x和@3x:

    使用@1x格式iPhone3GS

    使用@2x格式iPhone 4,4S,5,5S,5C,SE,6,6S,7,8,XR

    使用@3x格式iPhone 6Plus、6sPlus、7Plus、8Plus、X、XS、XS Max

    这样在开发过程中,将三种图片(比如分别为1.png、1@2x.png和1@3x.png)导入到工程图库中的时候可以自动被识别为1x、2x和3x大小的图片

    可以利用Mac系统中自带的服务自己制作一个快速生成@1x、@2x和@3x图片的功能

    首先spotlight搜索Automator,然后按Enter打开

    Snip20160127_93

    新建文稿 

    Snip20160127_94

    选取文稿类型为 快速操作

    Snip20160127_95

    在工作流程收到当前的后面选择图像文件

    Snip20160127_108

    在左边窗口的“操作”下,选择“资源库”中的“文件和文件夹”,将右侧中的“给访达项目重新命名”拖入最右侧的大窗口中,(如果警告提示是否要增加一个“拷贝访达项目”操作,选择“不添加”),选择“添加文本”,在输入框中输入【@3x

    拖入“复制访达项目

    选择左侧“资源库”中的照片,将“缩放图像”拖入右侧窗口(如果警告提示是否要增加一个“拷贝访达项目”操作,选择“不添加”),并选择“按百分比”,输入【66

    再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【】,以【仅基本名称】;再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【@3x”的副本】,以【仅基本名称】,替换成【@2x

    拖入“复制访达项目”,选择左侧“资源库”中的照片,将“缩放图像”拖入右侧窗口(如果警告提示是否要增加一个“拷贝访达项目”操作,选择“不添加”),并选择“按百分比”,输入【50

    再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【】,以【仅基本名称】,再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【@2x”的副本】,以【仅基本名称

    然后保存,将“快速操作”存储为“制作@2x@3x图片

     

    每次使用的时候,只需选中图片,选择访达 -> 服务 -> 制作@2x@3x图片就会自动生成三个图片:1.png、1@2x.png和1@3x.png

    最终效果~

     

    展开全文
  • 1x 、2x 、3x图片介绍 手机屏幕分两种 视网膜屏: 又叫Retain屏幕,就是高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2倍 非视网膜屏 又叫非Retain屏,是标准分辨率 分辨率 概念:分辨率的意思就是把...

    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
    展开全文
  • 则这张图片会被自动填充到1x的位置 假设图片名为bdlogo@2x.png 则这张图片会被自动填充到2x的位置 假设图片名为bdlogo@3x.png 则这张图片会被自动填充到2x的位置 下面是这三种标示符的说明。 @1x 为非retin

    在xcode的images.xcassets中丢入图片后,这些图片会被默认划分为三种尺寸。

    假设图片名为bdlogo.png

    则这张图片会被自动填充到1x的位置

    假设图片名为bdlogo@2x.png

    则这张图片会被自动填充到2x的位置

    假设图片名为bdlogo@3x.png

    则这张图片会被自动填充到2x的位置


    下面是这三种标示符的说明。


    @1x 为非retina屏的iphone。iphone4以前,不包含4的手机需要使用这个标示。

    @2x 为retina屏的iphone准备。iphone4/4s/5/5c/5s/6 使用该标示,最常用

    @3x 专为iphone6p准备。iphone6 plus使用该标示。比较常用


    另外。当对应图片缺失时会这样做

    缺少@3x时,iphone6plus会自动去拿@2x的图来使用,并同时放大1.5倍

    缺少@2x和@3x时,iphone6plus会自动去拿@1x的图来用,并同时放大3倍

                                     iphone4/4s/5/5c/5s/6会去拿@1x的图来用,并同时放大2倍

    缺少@2x时, iphone4/4s/5/5c/5s/6会去拿@1x的图来用,并同时放大2倍


    所以现在这阶段做项目还是尽量把2x和3x的图备齐吧


    另外下面是一个自动配齐图片的xcode插件。各位可以试试

    https://github.com/rickytan/RTImageAssets


    另外。在ios8以后,只要有3x的图片在。都会被优先使用。


    注意,当不想要某张图的时候,除了要从images.xcassets中删除以外,还得clean一遍,不然

    UIImage imageNamed方法还是会取得以前的图片的。



     
    展开全文
  • 1x,2x就是用于非Retain屏幕和Retain屏幕,3x现在用于iPhone6 Plus,在iPhone实际开发中,只有iPhone4 是非Retain屏幕,市场占有率很低,因此在切图时,只切@2x和@3x图片即可。以iphone 6做UI为例,如果图片大小为...

        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。这样程序在运行时就能根据不同设备自动调用不同图片,从而达到最佳效果。

    附一张原理图:


    展开全文
  • iOS iPhone X 适配

    2017-10-09 17:05:46
    //联系人:石虎  ...苹果官方刚刚更新了中文版的iPhone X适配指南,这可是关于iPhone X的第一次重要的技术文档. 官方文档指南链接:https://developer.apple.com/cn/ios/update-apps-for-iphone-x/

    //联系人:石虎  QQ: 1224614774 昵称:嗡嘛呢叭咪哄

    一、概念

    想要适配iPhone X 的,请看:

    苹果官方刚刚更新了中文版的iPhone X适配指南,这可是关于iPhone X的第一次重要的技术文档.


    官方文档指南链接:https://developer.apple.com/cn/ios/update-apps-for-iphone-x/



    谢谢!!!

    展开全文
  • 要求项目支持到ios8以上,我看网上的资料,说适配iphonex,xib 约束用safe area就可以,可是safe area 是ios9以上才有的,我这要求还支持ios8,怎么办呢,之前在网上找只有用代码实现这个需求了,但是我又不想大改动...
  • iOS @2x 与@3x 图的详解

    2015-10-21 14:17:03
    初代iPhone 2007年,初代iPhone发布,屏幕的宽高是 320 x...那时编写iOS的App(应用程序),只支持绝对定位。比如一个按钮(x, y, width, height) = (20, 30, 40, 50),就表示它的宽度是40像素,高度是50像素,放在
  • 如何兼容android、ios的刘海屏 描述 刘海屏也有其它叫法:凹凸屏、头凹屏、覆盖屏、挖孔屏等等,这里统一按刘海屏命名,虽然都在吐槽IPhoneX的刘海屏,但是各大安卓厂商还是不停的争相模仿,使用起来也是挺不...
  • - (BOOL)isIPhoneXSeries{ BOOL iPhoneXSeries = NO; if (UIDevice.currentDevice.userInterfaceIdiom != UIUserInterfaceIdiomPhone) { return iPhoneXSeries; } ... if (@available(iOS 11....
  • 深入解析Mac OS X & iOS操作系统 系统开发者、内核黑客和对苹果感到好奇的人们注意了!本书探讨了Mac OS X系统和iOS系统的方方面面,深入讲解了两个系统的架构,讨论了框架手册没有讨论的内容。本书清晰而详细...
  • iOS iPhoneX 适配

    2018-06-19 11:47:46
    iPhoneX适配1、导航栏和状态栏 普通 iPhoneX导航栏高度6488状态栏高度2044tabBar4983(其中有34Home Indicator交互区)键盘高度增长为 291pt使用系统原生的导航栏、tabbar系统会自动适配。自定义的都需要适配X。...
  • 本文提供的方法可以只需要一套@3x的图片兼容所有iOS设备和系统(当然了,这里指大于4.0的系统,4.0的系统还有人用么),本方法采用替换UIImage的一个类方法和UIImageNibPlaceholder的一个实例方法来实现的(其实就是...
  • iOS 11中Apple干掉了ViewController中的automaticallyAdjustsScrollViewInsets这个属性,当tableview的frame超出了安全区域后系统会自动的调整SafeAreaInsets的值,而iOS 11中真正影响tableview内容与边缘的变成了...
  • 不过大的方面苹果貌似也就 AR 和 GM 机器学习了,9月13日凌晨1点,苹果开了新品发布会,相信大家都已经知道Phone X 的刘海了,看起来不是很雅观,对于iOS开发者来说,适配工作也带来了麻烦,iOS11在新旧API 方面做了...
  • iOS11 和 iPhone X 的适配

    2017-09-28 09:19:49
    一、首页进行iOS11系统的适配。1.我手中的 iPhone6s更新到了11,发现UITableView 和 UICollectionView 的 页面页脚变宽了。原因是因为 iOS11 默认开启了 self-Sizing, 我们可以通过实现estimatedRowHeight相关的属性...
  • @2x @3x 什么时候用?先看各个机型数据图,以这个为标准. 对照的pt / px分辨 就是 尺寸(point)/分辨率(像素点)我们先看何为pt pxpt就是point,是印刷行业常用单位,等于1/72英寸。(具有实际度量值) px就是表示pixel,...
  • 参考文章:https://ayogo.com/blog/ios11-viewport/ 问题 webview 在iphoneX中的一些表现会不满足业务预期,如下广告,头部和底部都会留有空白,而业务方真正期望是填满整个屏幕。 期望效果如下: 解决方式 H5...
  • iOS 11正式发布,原本bate版就很多坑,现在还没解决就正式发布了~内心也是酸爽的。除了代码上的坑,更恶劣的就是新的iPhone咯,看到iPhone8和8P的时候内心还算不错的,不过iPhone X就…一个大刘海,适配太坑所以今天...
1 2 3 4 5 ... 20
收藏数 276,779
精华内容 110,711
关键字:

1x ios