APP原型設計
在APP的開發過程中,原型設計是必不可少的。用戶界面原型必須在先啟階段的初期或在精化階段一開始建立。整個系統(包括它的“實際”用戶界面)的分析、設計和實施必須在原型建立后進行。?
如何設計“捧腹網”APP呢?我們先觀察他的M站頁面結構:??
我們可以看出,M站其實類似一個APP,只不過它是運行在微信網頁端。 我們可以把這個設計風格,照搬到APP的設計上來。當然需要做些修改,使它更符合APP的常規設計。?
原型設計,我們通常采用Axure,有興趣的可以學習如何使用該軟件。(我也只是略會使而已)?
下面給出我簡單設計的原型圖:?
原型圖中,我們可以看出來,APP其實很簡單,一個底部的tab導航,加上一個列表展示就組成了這個簡單的APP。 其中列表項,又分為純文(段子)展示,圖片(趣圖)展示。
有了產品原型圖之后,接下來,我們考慮采用哪些技術、選取哪些開源庫,可以更有成效的來實現它。
第三方框架選取
框架的選取,一定是為了能幫助我們更方便的實現該APP才使用的。建議不要為了特意去使用某個技術才去用它,比如這里,我們只是實現一個簡單的APP(一兩天就可以搞定的),沒有必要去考慮用mvp或者是mvvm架構,也沒有必要去使用okhttp、retrofit、rxjava等當前比較流行的技術,我們只要封裝一個簡單的網絡請求能夠獲取網頁源碼就好了。?
當然,如果是為了特意利用新技術,做一個小項目練手,那你可以去使用這些架構、框架,在實戰中學習技術,一向是可取的。 不過此處,我們不對架構、網絡框架等做過多的介紹,之后,在下一個項目實戰中,我也會帶著大家邊學習新技術,邊做一個較為完整、強大的APP。
好,針對“捧腹”APP,我們可以用到哪些開源框架呢?
Butterknife 依賴注入框架,主要用于View組件獲取、事件監聽處理?
官方介紹:?
https://github.com/JakeWharton/butterknife/?
http://jakewharton.github.io/butterknife/
Glide 一個專注于平滑滾動的圖片加載和緩存庫?
官方介紹:?
https://github.com/bumptech/glide?
博客詳解:?
http://mrfu.me/tags/#Glide
Glide的特別之處,在于它還支持Gif的加載處理。因為我們的app中有很多gif圖片需要顯示,所以選擇glide是相當合適的。
PhotoView 圖片瀏覽縮放控件?
官方介紹:?
https://github.com/chrisbanes/PhotoView?
博客詳解:?
http://blog.csdn.net/zuiwuyuan/article/details/49340465?
原理解析:?
http://gold.xitu.io/entry/575d0598128fe10060021bdf
我們的app中有很多的圖片,作為用戶,當然希望能夠放大圖片,看的更清楚,此時,PhotoView 可以很好的幫助我們實現該功能效果。
Bughd 實現崩潰分析、版本更新?
官方介紹:?
http://fir.im/?
http://bughd.com/product/android
Fir.im是一個免費應用內測托管平臺,通過該平臺,我們可以把我們做好的app發布出去,供別人下載。app發布上線后,肯定會遇到各種問題,所以我們需要將錯誤日志收集起來,及時解決問題。 當然解決問題后,版本更新是必不可少的,這時候,我們就需要用到Bughd 啦。
本章小結:?
本章主要介紹了兩個內容,第一個,設計“捧腹”APP原型,有了原型圖,我們能更直觀、方便的分析出開發過程中需要用到哪些技術點。 第二個,選擇第三方開源框架, 優秀的開源框架,可以幫助我們節省大量的開發時間,實現更多更強大的功能、效果,所以,選擇合適的開源框架,會使我們的開發工作事半功倍。
關于“捧腹”APP的具體的實現,下面一章會繼續詳解。
如果你迫不及待的想看源碼,請前往https://github.com/zuiwuyuan/Joke查看。謝謝大家的支持。