星期三, 5月 16, 2012

Navier HUD 自訂面板操作



在一開始,Navier HUD並沒有自訂面板的,

本來的構想是設計好幾種固定面板給使用者使用,

開發過程中,因為玩Android上的小小帝國(Little Empire),

那種可以在自己的領土當中自行規劃建築物擺設的遊戲方式,

給了我可以將每個Navier HUD面板的擺設由使用者自由調整的靈感,

這樣做的話,就必須在每個面板當中的小功能元件化,

這時就考驗我掌握物件導向程式設計的功力拉~~

為了這個自訂版面的想法,

原本已經完成的Navier HUD程式碼,

我全部重新改寫過,並且多花了兩個月的時光~~

不過,看到評語當中對於自訂介面的稱讚,

我也覺得花兩個多月重寫程式碼相當有價值。

下面我以Navier HUD v1.2.10畫面為範例,

與大家分享自訂面板的操作概念。



兩個預設面板(Panel)

經過多方考慮,我把每一個使用的版面配置稱為"面板" (Panel),

並且可以放置於面板上的小元件稱為"零件"或"元件"(Part),

您可以在Navier HUD上新增/修改/刪除每一個面板,

並在面板上面配置適當的零件。

第一次開啟Navier HUD時,會提供兩個預設的面板,

Navigation Classic 和 Digital Dashboard,

您可以直接使用這兩個面板,也可以將其修改成為符合您使用的面板,


這兩個面板顧名思義,

您可以使用Navigation Classic來進行目的地導航,

而Digital Dashboard則提供您在移動時的顯示數據,

仔細觀察上兩個面板名稱前方的小圖示,

說明了這兩個面板的屬性不同。

兩種面板屬性

在Navier HUD當中將面板分為兩種,

一種為一般面板(如Digital Dashboard),一種為導航面板(Navigation Classic),

當點選一般面板之後,會立即進入面板執行畫面。


而導航面板點選之後,則會跑到Google地圖,

您必須要先選擇目的地,

之後才能開始進行導航。

兩種零件屬性


因此我們在設計面板時,

必須要把需要目的地設定與不需要的零件區分出來,

我們把需要設定目的地的零件稱為導航零件(Navigation Parts)

而不需要設定目的地的零件就稱為一般零件(Normal Parts)

當一個面板當中所使用的零件,包含一個以上的導航零件時,

這個面板就會被設定為導航面板,

也就是需要先選擇目的地才能使用。

新增一個面板

Navier HUD最棒的是,除了預設的面板之外,

我們可以新增一個自己設計的面板,

並且自己做排版,設計成自己需要的樣子。

要新增面板可以在面板選擇頁面右上方,

按下"+"號來新增一個面板。


這時候你會獲得一個空白的版面,讓您隨意使用。


這時下方會有一個小抽屜,往上拖曳後,

可以看到所有可用的零件在裡面。

只要點選你所要放置的零件,零件會出現在面板左上角。

並以拖曳的方式放到適當的位置即可。

當零件處於可以編輯的狀態時,會呈現綠色。


這時候可以用手指移動他。

當移動到想要放置的位置時,

按下右邊綠色的勾勾即可。(叉叉則刪除該零件)

可以藉由常按零件兩秒,將零件回復到編輯狀態,


當面板編輯完成,可以按下右方儲存的圖示,

這時會詢問你要將面板名稱命名為甚麼。

這時輸入你想儲存的名稱即可。



回到面板選擇畫面可以看到我們所新建立的面板了。


修改/刪除面板

修改刪除面板,只要在面板選擇頁面長按面板名稱,

這時可以跳出執行選項包含"使用"、"重新命名"、"編輯"和"刪除"

依您的編輯需求來選擇即可。





沒有留言: