《iOS應用軟體設計之道》 3 3 定製控制項

2021-09-23 14:50:22 字數 1065 閱讀 7826

如果你從事了很長時間的軟體專案,這個專案又足夠複雜,則很可能會遇到標準元件不能提供你想象的那種最佳體驗。本節不是要介紹定製標準控制項外觀的內容,那是第5章的話題。這裡要談及讓控制項表現為新的行為方式。

大部分時間,你可以基於標準控制項而定製控制項。這有點像標準控制項可以做你期望的事情,而你希望再調整一下。通過仔細調校其特性,來滿足你頭腦中的互動過程,就可以讓定製控制項盡可能地接近ios平台的精髓。

當然,也可以從頭製作完全原創的控制項,不基於現有的任何東西。如果你和你的團隊能夠完美地實現這一點,就可以被譽為使用者介面設計的英雄了。然而,若你的執行效果有些欠缺,用起來就會很彆扭和痛苦。

設想你想以快速、容易瀏覽的辦法來提供一長串的選項,又不想占用大量空間。這些選項可以用小方塊圖示呈現出來,所以用帶頁籤的大面積**檢視就過火了。但分段控制項不能包含你計畫的所有選項。那麼你能建立哪類定製控制項,來完成這個工作呢?

檢視標準控制項,找出能夠提供某方式來從清單中拾取的那個。拾取器控制項的垂直滾動輪能夠做得很棒,提供一大堆選項的同時,又不占用太多空間。如何做能讓拾取器的思路更緊湊、選項基於圖示集呢?可以使用水平迷你拾取器,如圖3.11所示。

這個控制項可以存放任意數目的選項,只要它們按各自不同的小方形圖示呈現。它目前只占用一行**行的空間,這要歸功於其水平放置。它是容易上手的,因為利用了現有控制項的互動暗喻。事實上,對於典型使用者而言,控制項可能並不能一眼看出是定製的。他們只知道,這僅是作業系統提供的標準控制項而已。那太好了!融合為ios平台的自然一部分,正是個崇高的目標。

控制項有充足的辦法來給出其定製狀態。如果欠缺了以下這些考慮,你的控制項與系統裡的其他控制項在一起時,不大可能很協調。

此控制項如何對不同手勢做出反應——觸擊、雙觸擊、觸控並按住不放、拖動/滑動等。

若你無意中觸控某控制項,然後拖動你的手指不放,會出現什麼情況?(在標準按鈕上,這會讓你取消錯誤的觸控操作。)

這個控制項如何匹配到不同的空間量,特別是在裝置放置方式變化時?

當你觸擊控制項的**位置時,高亮此控制項的效果如何?

該控制項如何與輔助功能協同工作,特別是voiceover?

《iOS應用軟體設計之道》 3 5 練習

是嘗試新知識的時候了。下列這些練習可以強化你對ios標準元件的熟悉程度,以及在其上定製控制項的理解程度。如果願意,你可以每題做幾遍,每遍採用不同的例子來練習。考慮你自己的應用軟體的某個功能。你需要怎樣的畫面和元件?打草稿列出若干種使用不同類別控制項的方法,看看哪個方法感覺合適。選擇乙個標準控制項。想...

《iOS應用軟體設計之道》 2 12 練習

如果你已經認真閱讀了本章,有三個任務不會讓你驚奇。現在該將你學到的草圖技巧運用到自己的應用軟體概念裡了。為你的架構提綱裡列出的每個畫面畫介面。倘若想到多種可能性,就把它們併排畫出來,看看哪個感覺最好。倘若只想到一種可能性,就再苦思冥想一些。如果需要,可發明若干明顯錯誤的介面,把它們畫出來,只要確保它...

《iOS應用軟體設計之道》 2 1 邊畫邊思考

草圖讓你可以在視覺上自我溝通,或者與團隊的其他成員溝通。即使有些東西在你的頭腦裡相當明晰,也應將其畫出來,才能確保它說得過去。這只需花費片刻時間。一旦你有東西畫在紙 螢幕或者白板上,就可以供別人指點。你和團隊可以說,如果這個東西放在那裡會怎麼樣?螢幕上的主要元件是什麼?這次互動過程的主體是什麼?這個...