05/24 設計報告內容-秉鈞

    經過一大段時間,大家已經寫了不少的程式碼,也利用到設計模式的威力將專案包裝了起來。同一時間,我們組內的設計大師也將APP要用到的使用者互動介面設計完成。所以我們要把介面美化起來以及加上一些很酷炫的動畫上去。

    其中介面的話,我們傾向於將設計同學設計出來的介面,以元素裁切出不同的部份,並且對應上去。所以有很多客製化的按鈕和客製化的大頭針及陰影。回想起來,當時覺得比較難的技術是把上方的那一條上上去漸層的顏色,因為預設他只能選擇一種顏色,所以比較困難。最後我們找到核心的iOS函式硬是將漸層用圖層的方式加上去。

    以下是要做可以拉動的抽屜的示意圖,首先要加上位置偵測並隨之滑動的程式,接下來還要記錄最後的位置趨勢變化,以決定要往上還是往下滑動到底。

 

 

   新增景點到下方的購物車也有相對應的動畫,翻頁也是有旋轉的特效。我們主要是使用到iOS給介面使用的動畫函式來達成!

Hsien-Hui Tang

Associate Professor, NTUST, Taipei, Taiwan

DITL