iPhone用户界面设计

Question

嘿伙计们，我对iPhone应用程序用户界面有一段时间的唠叨问题。例如，考虑WeightBot的用户界面。我想知道，大多数这些用户界面是如何创建的？当然，一般来说。

有没有办法在像Photoshop这样的程序中简单地设计控件（即图像），然后在UIKit中使用'skin'作为控件？我意识到程序员可能会创建一些控件（自定义控件），但我指的是UIKit中的现成控件。

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

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

如果有任何资源你可以指出我，我会非常感激。

谢谢！

Answer 1

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

上查看

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

Answer 2

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

看看WeightBot用户界面和大蓝色发光数字，我可以想到两种方法：

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

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

两种方式都很好，两者在应用程序大小，代码维护，开发人员/设计人员技能要求，性能等方面都有不同的权衡。将这些内容混合在一起也很常见，特别是像花哨的背景图像+文本在运行时创建它。

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