不同 iPad 版本和 iPad 型号的 UI 缩放?

Posted

技术标签:

【中文标题】不同 iPad 版本和 iPad 型号的 UI 缩放?【英文标题】:UI scaling in different iPad versions and iPad models? 【发布时间】:2015-03-27 15:54:03 【问题描述】:

我将首次针对 iPad(通用)启动我的应用程序。我的问题是我遇到了 UI 在不同 ios 版本和 iPad 型号上的缩放方式存在一些不平等。这是我测试过的 iPad 模拟器中不同型号的列表:

iPad 2 7.0

iPad 2 7.1

iPad 2 8.1

iPad Air 7.0

iPad Air 7.1

iPad Air 8.1(完美缩放)

iPad 视网膜 7.0

iPad 视网膜 7.1

iPad Retina 8.1(完美缩放)

一些示例和结果可以在下面的图片中看到。 tabBar 和 UISlider 在不同 iOS 版本和模型中缩放的不等式:

我的问题是。

1。为什么我的 tabBar 背景图片在 iPad 2 iOS 7.0 而不是 iPad Air 8.1 中如此混乱? (使用背景图片时需要考虑不同的尺寸吗?)

2。我是否可以针对不同型号/版本的 iPad 并修复我的 UI,就像您使用 iPhone6/iPhone6P 的宏一样?然后怎么做?

3.iPad Air 7.0iPad Air 7.1的界面tabBar背景图片怎么缩放不同?这些是相同的 iPad 型号,只是在不同的 iOS 版本中存在差异?

感谢所有帮助/问候

【问题讨论】:

您在使用自动布局吗?在我们看到这一点以及您如何定义界面之前,没有人可以给您答案。 我所做的只是使用自动布局和正常大小的图片或@2x.png。我觉得很奇怪,相同的图片在 iPad Air 场景中的 iOS 7.0 和 iOS 7.1 中的缩放比例不同。对于 tabBar 我做 [tabBar setBackgroundImage:[UIImage ImageNamed:xxxx.png]]; 【参考方案1】:

如果您尝试调整程序元素(如您提到的图像),您可以向相关 UI 对象添加条件语句,如下所示:

if ([UIDevice currentDevice].model == desiredModel) 

    // Code here (e.g. self.imageView.image = [UIImage imageNamed:@"image"];

 else 

    // Every other case


如果我需要经常重复这个过程,我通常会设置一个 BOOL 并在 viewDidLoad (isPad = YES / NO) 中运行检查,然后使用该条件进行布局。由于您只针对 iPad,因此您可以为任何需要某些元素的设备设置类似的 BOOL。

说了这么多,我对如何您设置界面(以编程方式、情节提要、xibs)知之甚少,所以我只能提供这些。

【讨论】:

以上是关于不同 iPad 版本和 iPad 型号的 UI 缩放?的主要内容,如果未能解决你的问题,请参考以下文章

iPad与iPad Pro怎么选呢 试试这样?

针对不同 iPad 尺寸的不同 UI

这个版本的 XCode 4 上的 iPad 模拟器有问题吗?

如何在 Ipad 中压缩文件夹

iPad----------教你如何查询ipad型号

通用应用程序中完全不同的 iPad 用户界面