iPhone用户界面设计

Question

我有一个困扰已久的问题，关于iPhone应用程序用户界面。例如，考虑WeightBot的用户界面。我想知道，大多数这些用户界面是如何创建的？一般来说，当然。

是否有一种方法可以简单地在像Photoshop这样的程序中设计控件（即图像），然后将其“皮肤”用于UIKit中的控件？我意识到有些控件可能是由程序员创建的（自定义控件），但我指的是那些在UIKit中预先制作的控件。

换句话说，这个概念是否类似于“拼贴”网站设计？设计师在诸如Photoshop之类的软件中绘制出网站的设计，然后将其分成可以应用于形成实际网站的部分？我知道这可以用于UIButton，其他控件也可以这样做吗？通常是这样完成的吗？

或者这是通过核心动画完成的？我时不时听到这个，这是否意味着用户界面是“硬编码”的？还是仅用于“效果”，例如将发光效果应用于WeightBot中的数字？

如果您有任何可以指导我的资源，我将不胜感激。

- Jorge Israel Peña

---

好问题 - 期待 Stack Overflow 社区对此的看法。 - Tilo Mitra

Answer 1

我曾经也问过自己同样的问题，就像你一样，我找不到任何例子。经过尝试，我成功地创建了一个类似的控件。你可以在github上查看：http://github.com/kompozer/HorizontalSliderControl

它非常简单，但我希望你能得到一个想法。基本上它是一个UIScrollView，不需要太多核心动画。

- kompozer

Answer 2

我想不出任何关于这种做法的书面资源。但是你对于Photoshop的使用方法是正确的。设计师在一些设计应用程序中，例如Photoshop中创建控件的视觉元素。然后开发人员将这些元素分配给控件，例如按钮的不同状态加载为图像，并且可能在代码中添加文本。

看着WeightBot UI和大蓝色发光数字，我可以想到两种方法：

1）预先在Photoshop中创建所有数字0-9，并在运行时将它们组合在一起（只需将UIImageView加载到UIView中，在运行时计算大小和位置）

2）使用类似UILabel的工具创建文本，然后在运行时以编程方式应用效果。

这两种方法都可以，但在应用程序大小、代码维护、开发人员/设计师技能要求、性能等方面有不同的权衡。通常也很常见将它们混合在一起，特别是在像是在运行时创建一个花哨的背景图像+文本之类的东西。

你说得对，所有这些都与Web切片非常相似，需要你考虑界面由哪些基本部分组成以及如何将它们组合在一起。

- Jaanus

---

有趣，这很有道理，谢谢回答我的疑虑。我会等一会儿再接受答案，看看是否还有其他人可以提供任何意见。谢谢Jaanus！ - Jorge Israel Peña