[译]《iOS Human Interface Guidelines》——Creating Resizable Images

创建可调整大小的图片

你可以创建一个可调整大小的图片来自定义很多标准UI元素的背景，比如弹框、按钮、导航栏、标签栏和工具栏（包括这些栏上的元素）。为这些元素提供可调整大小的图片可以达到更好的app性能。

对很多UI元素来说，除了背景以后你也可以定义结束端点。结束端点定义了图片不应被调整的区域。比如说，你可能创建了一个可调整大小的图片，它包含四个结束端点，定义了一个按钮的四个角落。当图片调整大小来填充按钮的背景区域时，结束端点定义的部分不会被改变。

根据你提供的可调整大小的图片大小，iOS会合适地拉伸或拼接它来填充UI元素的背景区域。拉伸图片意味着增大图片，不考虑其原始比例。拉伸是有效的，但它对于可能变形的多像素图片通常处理得不太满意。拼接图片指重复地拼接原始图片来填充目标区域。拼接比拉伸要低效，但它是满足图案效果的唯一方式。

一般来说你应该提供能够得到你想要的外观的最小图片（包含结束端点）。比如说：
如果你想要没有渐变的纯色，创建一个1*1 point的图片。
如果你想要垂直渐变，创建一个宽度为1 point，高度匹配UI元素背景的高度的图片。
如果你想要提供一个重复花纹外观，你需要创建一个匹配重复部分大小的图片。
如果你i想要提供一个非重复的外观，你需要创建一个匹配UI元素背景区域大小的静态图片。

本文翻译自苹果官方开发文档

---

查看完整合集

---

最后的话
至此，《iOS Human Interface Guidelines》全文就翻译完毕了，第一篇Designing for iOS还是去年9月份的事情，加上这篇总共有84篇。翻译这个文档，最开始的目的就是想练练英文阅读水平，因为对于一个开发者来说，看官方文档是最好的提升能力和解决问题的方法。而这篇文档，我认为不管是对于开发者，还是不懂技术的设计人员，都是可以阅读的，全文翻译下来，我也仿佛摸到了一丝苹果的设计理念般的东西。84篇文章，总阅读量目前是5万+，有的文章异常的多，有的文章却很少，还是很受管理员的限制，毕竟挂上首页就会多哈哈。除了CSDN，我也一直在整理github上的合集，进度比这边慢一点，但胜在完整看起来更方便，这段时间以来，也收获了一些star，对于我也是很大的鼓励了，在此谢谢这段时间以来有一搭没一搭浏览或者经常看这个系列的大家，如果这个系列能给大家带来一些帮助，那是最好不过的了。接下来，我也会继续继续找一些好的英文书籍或者文档来翻译，虽然可能翻译的质量一般般，但我也会尽力做好的，也希望大家能给我一些信息，如果有一些好的内容推荐的话，我也希望能够翻译出来大家一起学习~谢谢大家。

---

查看作者首页