原创 android應用開發-從設計到實現 4-7天氣詳情的佈局

天氣詳情的佈局 整體佈局完成之後,我們開始進行天氣詳情區域的佈局。 這個區域由天氣圖標、當前溫度、當日溫度範圍、地理位置等4個元素組成。我們可以選用Android SDK提供的現有控件,完成佈局。 區域名稱 區域尺寸 選用控件或佈局

原创 android應用開發-從設計到實現 3-1 原型設計

原型設計 通過前面幾個章節,我們已經掌握了安卓系統Material Design設計的大致原則。接下來,我們開始嘗試將這些原則和方式運用到實際的項目當中。 效果圖與交互原型 產品原型的設計又可以分成兩個階段, 高保真效果圖:這是產品的靜

原创 android應用開發-從設計到實現 4-8 天氣預報的佈局

天氣預報的佈局 現在我們開始進行天氣預報區域的佈局。 可以看出,這個區域,由5個完全一樣的組件組合而成。只要我們完成一個組件-天氣預報項的佈局,再把這個佈局複製粘貼,很容易就完成了。 天氣預報項 在layout目錄上點擊右鍵,選擇Ne

原创 android應用開發-從設計到實現 3-4 靜態原型的狀態欄

靜態原型的狀態欄 狀態欄Symbol 狀態欄似乎很複雜,有wifi信號、手機信號、時間、電量等信息,幸好Sketch原生就自帶的現成組件,你可以直接拿過來就用了。當然,你也可以自己一個一個去畫,不過既然有了現成的輪子,又何必重複勞動呢。

原创 android應用開發-從設計到實現 4-6界面的整體佈局

界面的整體佈局 從這一章節開始,我們終於可以開始使用Android Studio寫代碼了。 天氣預報這個應用雖然功能很簡單,但是對於從來沒有接觸過安卓開發的人來講,開發完成還是需要很多步驟。爲了減小學習的坡度,增加開發的階段性成就感,我將

原创 android應用開發-從設計到實現 4-5資源的導入

資源的導入 在前面講解產品原型設計的章節中,我們已經創建出了各種開發時需要使用的各種圖標了,包括應用圖標、系統圖標等等。 圖標導入 現在,我們先把開發過程中要使用到的圖片資源添加到Android Studio工程目錄當中。 將Sketc

原创 android應用開發-從設計到實現 4-1 開發產品

開發產品 當開發者拿到設計師提供的原型(靜態或者動態)和資源後,也並不是就可以開始寫代碼了。 開發階段通常還會包含以下幾個部分: 功能驗證 -> 設計文檔 -> 編寫代碼 -> 測試 -> 產品發佈 -> 產品升級 在整個開發的過程期間,

原创 android應用開發-從設計到實現 3-6 靜態原型的天氣預報

靜態原型的天氣預報 未來5天的天氣預報,可以看成由5個類似的天氣模塊構成,只要完成一個,其他幾個就可以通過複製+修改內容實現改變。 首先來明確一下各個組件的尺寸和參數, 整個區域的大小,我設定成360dp*100dp; 左右邊距設置成1

原创 android應用開發-從設計到實現 3-3 Sketch靜態原型設計

Sketch靜態原型設計 對於靜態原型的設計,我們使用Sketch。 啓動Sketch後,我們將看到類似如下的界面, 工具欄 它的頂部是工具欄, 可以通過菜單欄View -> Customize Toolbar...來自定義工具欄。

原创 android應用開發-從設計到實現 4-2 開發環境搭建

開發環境搭建 開發安卓應用可以在Window系統 MacOS系統 Linux系統上進行。但並不是說打開一個寫字板就可以了,它還需要編譯器等開發工具的配合。所以在正式開發之前,需要搭建開發的環境,我們需要給開發平臺(Window系統 Mac