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，不需要太多的核心動畫。