代码之家 › 专栏 › 技术社区 › Jorge Israel Peña

iPhone用户界面设计[关闭]

core-animation user-interface iphone

Jorge Israel Peña · 技术社区 · 15 年前

嘿,伙计们,我刚才有一个关于iPhone应用程序用户界面的烦人问题。例如,考虑 WeightBot 的用户界面。我想知道,这些用户界面大部分是如何创建的?当然,总的来说。

有没有一种方法可以简单地设计程序(如photoshop)中的控件(即图像),然后将“皮肤”用于uikit中的控件?我知道有些控件可能是由程序员创建的(自定义控件),但我指的是uikit中的现成控件。

换句话说,这个概念与“拼接”网站设计类似吗?设计师把网站的设计用photoshop之类的东西画出来,然后把它分割成几块,用以构成真正的网站?我知道这是可以做到的 UIButton S,其他控件也可以这样做吗?通常是这样做的吗?

或者这可能是用核心动画完成的?我经常听到这种说法,这是否意味着用户界面是“硬编码”的?或者核心动画只用于“效果”,比如对weightbot中的数字应用发光效果?

如果你能给我一些资源,我会非常感激的。

谢谢!

2 回复 | 直到 15 年前

Jaanus 15 年前

我想不出任何关于这个实践的书面资料。但你对photoshop的看法是正确的。设计师为某些设计应用程序(如Photoshop)中的不同控件创建资产视觉效果。然后,开发人员将这些资产分配给控件,例如按钮的不同状态将作为图像加载,或者在代码中添加文本。

看看weightbot用户界面和蓝色发光的大数字,我可以想到两种方法:

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

2)使用uilabel之类的东西创建文本,然后在运行时以编程方式对其应用效果。

这两种方法都很好,并且在应用程序大小、代码维护、所需的开发人员/设计师技能、性能等方面都有不同的权衡。在所有地方混合这些方法也是很常见的,尤其是在它上面创建一个奇特的背景图像+文本。

您是正确的,所有这些都与Web切片非常相似,并且需要您考虑接口由哪些基本部分组成,以及如何将它们组合在一起。

kompozer 15 年前

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

这很简单,但我希望你有个主意。基本上它是一个uiscrollview,不需要太多的核心动画。