iPhone用户界面设计

Question

关于iPhone应用程序的用户界面，我有一段时间的困扰。例如，以WeightBot的用户界面为例，我想知道，这些用户界面中的大多数是如何创建的？

有没有一种方法可以在Photoshop这样的程序中简单地设计控件(即图像)，然后在UIKit中使用控件的“皮肤”？我意识到有一些控件可能是由程序员创建的(自定义控件)，但我指的是UIKit中提供的现成控件。

换句话说，这个概念类似于“拼接”网站设计吗？设计师在Photoshop之类的东西中绘制出网站的设计，然后将其切割成可以应用于实际网站的碎片？我知道这可以用在UIButton上，也可以用在其他控件上，通常是这样做的吗？

或者这可能是用Core Animation完成的？我经常听到这样的说法，那么这是否意味着用户界面是“硬编码”的呢？或者核心动画仅用于“效果”，例如将发光效果应用于WeightBot中的数字？

如果你能给我任何资源，我将不胜感激。

Answer 1

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

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

1)在photoshop中预先创建所有数字0-9，并在运行时将它们放在一起(只需将UIImageViews加载到UIView中，在运行时计算大小和位置)

2)使用类似UILabel的内容创建文本，然后在运行时以编程方式对其应用效果。

这两种方式都很好，而且在应用程序大小、代码维护、开发人员/设计人员所需的技能、性能等方面都有不同的权衡。

你是对的，所有这些都非常类似于网页切片，需要你考虑界面由哪些基本部分组成，以及如何将它们组合在一起。

Answer 2

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

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