为不同的 iPhone 调整以图像为背景的 UIButton 的大小答案

【问题标题】：Resizing UIButton with image as backgrond for different iPhones为不同的 iPhone 调整以图像为背景的 UIButton 的大小
【发布时间】：2014-09-27 21:00:30
【问题描述】：

假设我最初为 iPhone 5 创建了一些 UIButton，现在我想正确缩放它们以与 iPhone 6 和 6 plus 一起使用。

http://oi60.tinypic.com/2poec5j.jpg

如何使用自动布局来正确缩放和填充 iPhone 6 和 6 Plus 的宽度？（以上图中的 Facebook 注册为例）我假设我必须制作此图像的更大版本？无论如何，我宁愿不要让图像失真。如果是这样，我必须使它们大多少？提前致谢。

【问题讨论】：

标签： ios objective-c iphone swift ios-autolayout

【解决方案1】：

您无需为 iPhone 6 调整按钮的大小。设计理念是您的 UI 原语（如按钮）保持相同大小。他们将更高分辨率的图形资源用于更高分辨率的显示器（如 MinnesotaSteve 所述），但按钮等应保持相同的大小。

您可以让表格视图显示更多行，或者让行更宽以便您可以看到更多文本，但按钮会显示相同的大小（以磅为单位）

【讨论】：

但是如果我的按钮保持相同的大小，就像上图中“使用 Facebook 登录”按钮所做的那样，它不会填满每个设备的屏幕宽度。那么我是否不必制作 1 张用于 6 plus 的图像并将其缩小，或者制作多个图像，例如登录、signin@2x 和 signin@3x？我还看到了纵横比的选项？也许这与它有关
按钮不应该是屏幕的整个宽度。

【解决方案2】：

这里有一个关于自动布局的很好的教程（1 个 YouTube，1 个网络）：

https://www.youtube.com/watch?v=IwSTXY0awng

http://mathewsanders.com/designing-adaptive-layouts-for-iphone-6-plus/

关于你的图像尺寸，如果你有一个非视网膜的基本尺寸，那么你@2x 用于视网膜，@3x 用于完整的 iOS 7/iOS 8 设计。如果已经为视网膜调整尺寸，而不是为@1.5x 做一个。如果您只提供 1 张图片，您也可以将 @1.5x 用于较小的尺寸。

【讨论】：