viewpager電腦怎么樣？Vi如何開發(fā)一款手機軟件？從零開始，手拉手將帶你實現(xiàn)一個 "專注于睡覺的應(yīng)用程序。睡覺前，如果能有一個APP，我們可以寫寫這一天的所見所聞，同時可以看一會兒段子，瞄一會兒

viewpager電腦怎么樣？

Vi

如何開發(fā)一款手機軟件？

從零開始，手拉手將帶你實現(xiàn)一個 "專注于睡覺的應(yīng)用程序。睡覺前，如果能有一個APP，我們可以寫寫這一天的所見所聞，同時可以看一會兒段子，瞄一會兒美女，放松一下疲憊的身心。那個 這就是我完成這個應(yīng)用程序的原因。我已經(jīng)在Github上分享了APP的所有代碼。如果需要，直接點這里。如果你喜歡，請給我一個贊。謝謝你。

在寫這篇文章之前，讓我們先看看。;讓我們展示一波效果，看看五天后我們能達(dá)到什么效果。

本教程分為五天，內(nèi)容如下:

第一天，準(zhǔn)備好

功能需求/要求

可行性分析

第二天、UI和公共類的封裝

界面的設(shè)計與實現(xiàn)

公共類的實現(xiàn)

第三天，日記模塊

日記的展示

浮動菜單的實現(xiàn)

添加、刪除和修改日志的實現(xiàn)

第四天，姐妹艙

圖片的獲取

圖片顯示

詳細(xì)信息頁面的顯示

第五天，段落模塊

分段數(shù)據(jù)的采集

笑話展示

第一天

俗話說萬事開頭難。在我們開始輸入代碼之前，讓 咱們先做一些必要的準(zhǔn)備，這樣才能事半功倍！

一.功能要求

既然要做APP，還是要先列出APP的所有功能。有了方向，才能更好的努力。因為想做一個睡覺的APP，所以我覺得應(yīng)該有以下幾個功能。

1.日記的添加、刪除和修改

2.展示一些有趣的笑話。

3.瀑布展示了美麗的女孩。

4.保存日記內(nèi)容，緩存妹子的照片。

雖然需求不多，但是應(yīng)該會應(yīng)用到網(wǎng)絡(luò)、數(shù)據(jù)存儲、圖片緩存、UI設(shè)計等內(nèi)容。相信整個app的完成一定會鞏固我們的安卓基礎(chǔ)。

二、可行性分析

我們的APP主要有三個模塊，日記模塊主要應(yīng)用于數(shù)據(jù)庫的知識，難度不大。但是，段落模塊和姐妹模塊的數(shù)據(jù)從哪里來，這是要考慮的。好在現(xiàn)在是開源時代，很多數(shù)據(jù)已經(jīng)在網(wǎng)上開源了。

讓 讓我們先看看數(shù)據(jù)的內(nèi)容

上面兩段代碼分別是段子和姐妹模塊的json數(shù)據(jù)，我去掉了一些沒用的字段。剩余的我們想要的所有數(shù)據(jù)。你可以看到，在段子數(shù)據(jù)里，有段子的內(nèi)容，還有發(fā)布者的頭像和名字。姊妹數(shù)據(jù)包含圖片的url、id和類型。我相信有了這么豐富的數(shù)據(jù)，我們想放心的完成這個APP。

第二天

一、界面的設(shè)計與實現(xiàn)

既然要完成一個好看的APP，那么好看的界面必不可少。在這里，我強烈建議APP界面的設(shè)計盡量遵循Google提出的材質(zhì)設(shè)計。這里推薦一個網(wǎng)站材質(zhì)設(shè)計調(diào)色盤，可以讓我們的材質(zhì)設(shè)計變得更簡單。我APP的配色就是用這個網(wǎng)站完成的。貼幾張圖讓你感受一下它的威力。

在這個網(wǎng)站的幫助下，我們可以完成APP的配色和圖標(biāo)的收集，為下一步功能的實現(xiàn)打下良好的基礎(chǔ)。至于界面的設(shè)計，仁者見仁，智者見智，篇幅有限，所以我贏了 不要談?wù)撎唷?/p>

APP最終設(shè)計效果如下:

二，實現(xiàn)公共課

因為這個項目有三個模塊，有些東西其實是通用的。如果先把這些通用的東西打包，供應(yīng)給所有模塊，相信我們的開發(fā)效率會大大提高。

1.網(wǎng)絡(luò)工具的封裝

在這個APP中，很多地方都要用到網(wǎng)絡(luò)請求，所以需要對網(wǎng)絡(luò)請求進(jìn)行封裝，因為這個APP的規(guī)模比較小，所以我選擇了凌空的網(wǎng)絡(luò)框架作為我們的網(wǎng)絡(luò)請求庫來封裝網(wǎng)絡(luò)請求，在需要的地方調(diào)用就可以了。對于網(wǎng)絡(luò)請求，我覺得每個程序員都應(yīng)該對HTTP有所了解。這里有一篇關(guān)于HTTP的文章。程序員應(yīng)該對HTTP有所了解。

讓 讓我們先寫一個接口來回調(diào)網(wǎng)絡(luò)請求。

然后封裝網(wǎng)絡(luò)請求。

2.Json解析的幫助類

因為這個APP獲取的數(shù)據(jù)都是Json格式的，所以需要把Json解析封裝成一個工具類，傳入一個字符串類型的數(shù)據(jù)，直接得到數(shù)據(jù)實體類的列表。

3.HomeActivity的封裝(主頁)

主頁面我用的是TabLayout ViewPager片段，這也是現(xiàn)在主流APP主頁面的顯示。主界面下方是我們?nèi)齻€模塊的圖標(biāo)和名稱，界面可以左右滑動跳轉(zhuǎn)。

底部圖標(biāo)的實體類CommonTabBean

可視尋呼機片段通用適配器

第三天

關(guān)于日記模塊的實現(xiàn)，我其實是復(fù)用了之前的。我寫過一個日記APP。具體思路和做法可以參考我的文章Android，一個非常簡潔優(yōu)雅的日記APP。

第四天

第一，圖片的獲取

1.根據(jù)返回的數(shù)據(jù)寫圖片的實體類。

2.圖片顯示

你可以看到，我用瀑布來顯示圖片，效果還不錯，但實現(xiàn)起來其實很簡單。

先寫一個圖片的布局作為RecyclerView的項目。

您可以看到，我在ImageView之外添加了一個CardView。這樣的卡片布局可以讓畫面看起來像卡片一樣，相當(dāng)優(yōu)雅美觀。

然后編寫一個適配器將數(shù)據(jù)綁定到接口。

最后，只需獲取片段中的數(shù)據(jù)并初始化布局。

3.詳細(xì)信息頁面的顯示

干，整個模塊只能顯示女生的圖片?。?！反正你要能看大圖，能根據(jù)手勢放大縮小，能瀏覽下一張圖片。照你說的做。

因為圖片需要有根據(jù)手勢放大縮小的功能，所以想到了PhotoView，這是網(wǎng)上某大神寫的，繼承自ImageView的一個自定義控件。我以前加載圖片。

滑翔，如果你不 不知道這個庫，強烈推薦一行代碼就能讓圖片加載。你確定你沒有。;我不想研究它？

第五天

第一，段落數(shù)據(jù)的獲取

其實段數(shù)據(jù)的獲取和姐妹模塊基本相同。

先寫實體類。

編寫完實體類后，我們可以使用之前打包的網(wǎng)絡(luò)請求工具和解析工具將返回的數(shù)據(jù)解析到包含子實體類的列表中。

第二，段落的展示

像往常一樣，先寫一個RecyclerView的條目。

然后編寫一個將數(shù)據(jù)綁定到接口的適配器。

最后，在子頁面中進(jìn)行數(shù)據(jù)采集和界面初始化