微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ios – 如果我使用iPad尺寸创建我的应用程序,如何找到iPhone尺寸的“安全区域”?

我正在创建一个游戏,并希望使用iPad大小设置(格局:1024×768).据我所知,使用iPad设置只会在iPhone上裁剪掉部分高度.假设iPad(1024×768)有2048×1536背景图像,iPhone 6(736×414)有2208×1242图像,

一世.我如何确定iPad上的“安全区域”,它将以点和像素方式出现在iPhone 6上?

II. iPhone 6的“安全区域”是否与带有1334×750图像的iPhone 6(667×375)相同?如果没有,那么如何同时确定点和像素呢?

解决方法

我假设您希望创建一个可在iPad和iPhone上运行的通用游戏.如果是这种情况,在Attributes Inspector中定义图形资源时有两种可能的方法(选择Assets.xcassets时,Xcode界面的最右侧).在“设备”部分,您可以选择通用,iPhone,iPad,Apple Watch,Apple TV,Mac以及它们的任意组合.

>如果您只选择“通用”,那么您必须确保在iPhone和iPad上插入的资产看起来都不错.如果是这种情况,请参阅下面的一些提示,了解如何使您的资产安全地普遍使用.
>如果选择“iPad”和“iPhone”,则必须为iPad和iPhone提供单独的资源,并具有适当的分辨率和宽高比.在我过去的经历中,我总是以这种方式领导.对于iPad(1x),您必须提供1024×768背景,对于iPad(2x),您必须提供2048×1536,除非您选择“单一比例”并使用单个矢量PDF文件.对于iPhone,你将不得不提供一个480×320(1x,仅在你需要支持iPhone 3G / 3GS等旧设备的情况下,鉴于Sprite-Kit与iOS7一起推出的可能性很小),然后是1334×750(2x) )和2208×1242(3x,适用于iPhone 6,6S,7).使用这种方法,您无需担心“安全”区域,因为您提供的图形将在每个设备上正确使用而不会从边缘“切割”.请记住,iPhone 4S和iPhone 5 / 5S / SE需要一些背景缩放才能使整个2x图像适合屏幕.否则它会放大.

如果您采用第一种方法,那么您应该考虑以下信息,以使您的“通用”图形安全地用于所有设备:
iPhone 5 / 5S / SE ……以及所有新产品都具有16:9的显示宽高比.
iPhone 4S的宽高比为3:2(如果您的游戏支持iOS 9,您只会担心这一点).
iPad屏幕宽高比为4:3.

考虑到上述情况,您可以选择两条路径:
1.使用16:9通用资产,在iPad和iPhone 4S上切断其左/右部分.
2.使用4:3通用资产,在iPhone上切断其上/下部分.

以上内容适用于您的2x资产,因为这些资产将用于视网膜iPad和视网膜iPhone(4S,5 / 5S,SE,6 / 6S / 7).

1x资产仅用于非视网膜iPad(iPad 2,以防您支持iOS 9,否则也会跳过这些).

3x资产仅用于“Plus”iPhone型号.所以我建议你只提供16:9的比例(2208×1242).

那么,你如何计算你的“安全”区域.很简单:

案例1(16:9资产也用于iPad):身高1536(这是视网膜iPad的高度,以像素为单位,尽管如果你希望在iPad Pro 12.9上完全像素完美,那么你应该将其增加到2048),width = 1536 * 16/9 = 2732像素宽(iPad Pro支持3640像素).请注意,您必须在运行时缩小以适应iPhone.为了避免切断重要内容你的背景,不要在2732×1536通用图像的中间2048像素的左侧或右侧放置任何东西(左侧和右侧342个像素“危险”区域).如果您使用3640×2048图像(支持iPad Pro 12.9“ ),然后只使用中间的2732像素,在454像素宽的左右边界中只留下不重要的东西.

案例1b(与上面相同,但图像较小):另一种方法是使用原生(iPhone 6 / 6S / 7)1334/750像素图像,但是你必须扩展为iPad,并缩小iPhone 4S / 5 / 5S / SE.在这种情况下,您的“安全”区域为1000×750(在4:3 iPad和16:9 iPhone上均可见).

案例2(4:3资产也用于iPhone):对于2x资产,使用2048×1536像素图像.根据您将精灵放置在屏幕上的方式,上部和/或下部会有损失.如果它居中,则您的“安全”区域为2048/16 * 9 = 1152,这导致2048×1552位于2048×1536资产中间.

如果您需要进一步澄清,我将很乐意详细说明.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


当我们远离最新的 iOS 16 更新版本时,我们听到了困扰 Apple 最新软件的错误和性能问题。
欧版/美版 特别说一下,美版选错了 可能会永久丧失4G,不过只有5%的概率会遇到选择运营商界面且部分必须连接到iTunes才可以激活
一般在接外包的时候, 通常第三方需要安装你的app进行测试(这时候你的app肯定是还没传到app store之前)。
前言为了让更多的人永远记住12月13日,各大厂都在这一天将应用变灰了。那么接下来我们看一下Flutter是如何实现的。Flutter中实现整个App变为灰色在Flutter中实现整个App变为灰色是非常简单的,只需要在最外层的控件上包裹ColorFiltered,用法如下:ColorFiltered(颜色过滤器)看名字就知道是增加颜色滤镜效果的,ColorFiltered( colorFilter:ColorFilter.mode(Colors.grey, BlendMode.
flutter升级/版本切换
(1)在C++11标准时,open函数的文件路径可以传char指针也可以传string指针,而在C++98标准,open函数的文件路径只能传char指针;(2)open函数的第二个参数是打开文件的模式,从函数定义可以看出,如果调用open函数时省略mode模式参数,则默认按照可读可写(ios_base:in | ios_base::out)的方式打开;(3)打开文件时的mode的模式是从内存的角度来定义的,比如:in表示可读,就是从文件读数据往内存读写;out表示可写,就是把内存数据写到文件中;
文章目录方法一:分别将图片和文字置灰UIImage转成灰度图UIColor转成灰度颜色方法二:给App整体添加灰色滤镜参考App页面置灰,本质是将彩色图像转换为灰度图像,本文提供两种方法实现,一种是App整体置灰,一种是单个页面置灰,可结合具体的业务场景使用。方法一:分别将图片和文字置灰一般情况下,App页面的颜色深度是24bit,也就是RGB各8bit;如果算上Alpha通道的话就是32bit,RGBA(或者ARGB)各8bit。灰度图像的颜色深度是8bit,这8bit表示的颜色不是彩色,而是256
领导让调研下黑(灰)白化实现方案,自己调研了两天,根据网上资料,做下记录只是学习过程中的记录,还是写作者牛逼