iPhone用户界面设计

Question

嗨，大家好，我刚才有一段关于iPhone应用程序用户界面的唠叨问题。例如，考虑WeightBot的用户界面。我想知道，这些用户界面大部分是如何创建的？一般来说，当然。

有没有在Photoshop等程序中简单设计控件（即图像）的方法，然后在UIKit中使用该“皮肤”控件？我意识到有一些控件可能是由程序员（自定义控件）创建的，但我指的是UIKit中的现成控件。

换句话说，这个概念与'拼接'网站设计类似吗？设计师用Photoshop等东西来绘制网站的设计，然后将其分解成可用于形成实际网站的片段？我知道这可以做UIButton s，这也可以做其他控制，这是它通常如何做？

或者也许这是用Core Animation完成的？我不时听到这个消息，这是否意味着用户界面是'硬编码'的？或者，Core Animation仅用于“效果”，例如将发光效果应用于WeightBot中的数字？

如果有任何资源，你可以指向我我真的很感激它。

谢谢！

Answer 1

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

看着WeightBot UI和大蓝发光的数字，我能想到的两种方式做他们：

1）预先创建的所有数字0-9在Photoshop中，并把它们放在一起运行时（只加载的UIImageViews进入UIView，在运行时计算大小和位置）

2）用类似UILabel的东西创建文本，然后在运行时以编程方式将效果应用到它。

这两种方式都很好，两者都有关于应用程序大小，代码维护，开发人员/设计师所需技能，性能等方面的不同权衡。在各处混合使用这些方法也很常见，尤其是像花哨的背景图像+在运行时在其上创建的文本。

所有这些与网页切片非常相似，并且需要您考虑界面组成的基本部分以及如何将它们组合在一起，这是正确的。

Answer 2

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

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