1. 程式人生 > >寫一個旅行青蛙攻略APP

寫一個旅行青蛙攻略APP

介面效果如下

啟動頁
首頁
小夥伴
收藏
特產
稱號

不要忘了我們的所有資料和介面都可以在github的json檔案裡面配置有需要的小夥伴自行拿去用吧!!

設計意圖

最近旅行青蛙很火,我自己也在玩,然後發現一個痛點是每次找小動物喜歡吃什麼,每個道具的用途,都需要開啟瀏覽器搜尋。實在不能忍,感覺很痛,於是決心自己寫一個APP攻略!!

需求分析

1.需要先對介面上的每個功能放一張圖解,還有基本玩法操作!!

2.針對出現的每個道具的名稱和用途做一個分類檢視器,描述名稱,用途等… 比如說商城道具和帶回來的特產,收藏品,抽獎的獎品等…

3.如果單機版其實就這麼考慮。後面覺得應該做一個動態資料的功能。(因為如果遊戲有新版本更新了APP也得更新新版本,所以我想給APP一個介面,用來傳輸每次更新的資料。這樣我們就不用每次發一個版本了。 very nice!!)

4.既然需要提供介面,就需要一個伺服器了。這邊其實是有多種考慮。
- bomb後端雲,這種免費後端資料庫可以一鍵式增刪改查,這個可是上上之選。
- 寫個頁面,匯入jsoup,動態爬資料,技術帝的不二選擇,不過網頁經常變感覺還是很蛋疼的。
- 哈哈哈哈哈哈,因為我比較懶,不想再去看文件,所以在github上面寫了一個json檔案,發現檔案在github上的頁面結構好像跟平時json請求的一樣,試著做了一下請求。發現雞然可以,那就用github來維護吧,反正部落格都github上搭過了)

產品規劃

coding之前的一些其他細節,首現是需要什麼樣的頁面,怎樣才能長得好看。噗,自己寫APP都要兼職PM.UI.UE。 心疼的抱住了自己。  

1.頁面既定的規劃就是提供一個首頁,實現列表對每個模組做劃分,
- 入門操作,因為日版的APP很多東西還是看不懂的,做一個引導使用者入門。
- 商店道具和作用介紹
- 收藏品介紹
- 特產介紹
- 稱號介紹
- 小動物喜歡吃什麼
- 進階攻略 提供一些骨灰級玩家需要的資訊。(比如收割草,給小動物餵食什麼合適等等..)
- 更新資料

  1. 根據需求其實已經很明瞭了首頁6個tab,
    • 入門和進階
    • 小動物介紹
    • 商店道具介紹
    • 特產介紹
    • 稱號介紹
    • 收藏品介紹
    • 另外配置一個側拉的View用來展示作者介紹,和資料更新,2333,裝逼用!!

Then coding

主要是考慮動態配置問題,不同資料分配不同頁面

1.首頁一個列表用來展示所有模組

2.模組下面可能有子模組,根據類別啟動子模組的Activity。

3.功能,不同功能展示的頁面效果也不一樣。gridView
- 小動物,中圖,中文字描述,點選檢視詳情gridView
- 商店道具,中圖,中文字描述,點選檢視詳情gridView
- 特產,小圖,小文字描述,點選檢視詳情gridView
- 稱號,中圖,中文字描述,點選檢視詳情gridView
- 收藏品,中圖,中文字描述,點選檢視詳情gridView
- 入門和進階,子模組,實現做圖右文字列表做選擇gridView
- 詳情頁大圖大文字listView 圖片+文字每個段落
- 預留一個webActivity做web載入。 預留一個TextActivity做文字載入

4.兩種型別的模組選擇頁 ModularGridViewActivity,ModularListViewActivity.

5.三種詳情檢視頁 BigPicDetailActivity,WebActivity,TextActivity

6.兩種描述頁 MiddleDecribeActivity,SmallDeScribeActivity

7.側拉選單

8.關於APP

最近太忙了,沒時間寫這個,今天花了一天時間把它全部做完了,功能設計什麼的都不難,就是介面和一些互動體驗,還有素材整理花了點時間。最終實現的結果可能跟之前預想的不太一樣。

談一談不一樣的地方
小動物,商店道具,特產,稱號,收藏品,入門和進階的頁面,我寫到了一個頁面中。
原本預想其實就是分成好幾個Activity來寫,但是後來想想寫了那麼多Activity其實引數都一樣,邏輯也都一樣,就是頁面的佈局不一樣而已。
寫那麼多的Activity其實可以寫成一個Activity,然後Adapter做抽象,實現不同的 Adapter來實現不同的列表。
後面又想了一下,Adapter其實也不用做什麼操作,只有佈局不一樣,點選響應和資料傳遞都是一樣的。就把佈局直接傳給了Adapter。由資料來確定初始化什麼佈局,和佈局的樣式。
最終實現就是這樣,但是也看出了這樣實現的一些弊端,就是不適合資料量大的場景。不過我們的資料量確實不大,就先這樣了!!nice day!!

就寫到這裡了。攻略也不想整理了!!!! 因為根本就找不到使用者 2333!!

License

Copyright 2018 Xiaolong