文章目錄
- 一、專案概述
- 二、開發環境
- 三、專案結構
- 四、專案演示
- 五、專案總結
一、專案概述
本次專案主要實作了一款實用的飲食搭配系統，有歡迎界面、引導界面和使用界面，其中引導界面只會在第一次使用app時候出現，符合用戶使用習慣，使用界面有三個選項卡：食物搭配表、食物營養表、關于本軟體，
- 【食物搭配表】是以串列形式顯示食物的資訊，點擊進去可以查看詳情，可以進行搜索和重繪；
- 【食物營養表】是以網格形式展示食物的資訊，點進去也可以查看詳情；
- 【關于本軟體】是有關軟體的開發資訊，包括版本號、聯系電話、公司地址等，最上層有輪播圖，還可以分享軟體，
二、開發環境
三、專案結構
- bean包里面是食物的工具類，Utils里面是食物的所有本地資料、圖片，Bean里面是食物的各個屬性的get和set方法以及構造方法，
- food_grid包是網格串列，FoodGridActivity是顯示網格串列的主活動檔案，FoodGridAdapter是配接器，用來讓FoodGridActivity顯示Utils里面的資料，FoodDescActivity就是食物的詳情活動檔案，
- food_list包是條目串列，同理，InfoListActivity是串列活動檔案，InfoListAdapter是配接器，用來讓InfoListActivity顯示食物資料，
- guide包是引導包，里面GuideActivity是活動檔案，顯示引導界面，GuideAdapter是配接器，負責讓GuideActivity顯示三個可以滑動的界面，MainActivity就是整個專案的主檔案，默認顯示選單界面，
- AboutActivity和AboutAdapter一起組成關于界面，形成輪播圖效果，
- HomeMenuActivity就是應用默認顯示的主選單界面，
四、專案演示
1、啟動模擬器運行專案，進入應用的【歡迎】界面，右上角會顯示倒計時五秒鐘，這是參考現在很多app的廣告歡迎界面
2、倒計時結束后，進入【引導】界面，這個界面只會在第一次打開應用時候出現，以后都不會出現，這樣的設計就很人性化，
3、在【引導】界面中，下面有三個頁號，默認白色顯示，當前顯示的頁面對應的頁號會變紅，三張頁面可以手動拖動，比如現在拖動到第二頁，頁號2就顯示紅色，
4、當拖到最后一頁時候，會彈出【立即進入】按鈕，點擊就會進入應用了
5、進入應用后會進入主界面，主界面有三個選項卡：【食物搭配表】、【食物營養表】、【關于本軟體】，一起來看看吧，
6、進入【食物搭配表】界面，可以看到有各種食物的串列，類似我們之前講過的購物商城界面，最上面是搜索框，右邊是一個搜索按鈕和一個重繪按鈕，
7、輸入“豬”，然后點擊【搜索】按鈕，出現關鍵字搜索結果
8、當你洗掉輸入內容后，點【搜索】按鈕，會彈出提示資訊
9、點擊【重繪】按鈕，搜索框清空，串列又重新顯示出來了
10、點擊任一食品，這里我們點擊雞蛋，跳轉到【食品詳情】頁面，上面有食品介紹、不能同食的食品，點擊【回傳】按鈕可以回傳上一界面，
11、選擇【事物營養表】，會進入網格圖界面，這里也可以選擇任一食品查看詳情
12、我們選擇“羊肉”，進入詳情頁面，然后點【回傳】按鈕回傳
13、我們進入最后一個選項卡【關于本軟體】，映入眼簾的就是輪播圖，一共五張，每隔5秒切換一次，回圈播放，當前顯示的圖下面的點會變紅，也可以自己手動滑動
14、點擊分享軟體，會彈出分享應用選擇
五、專案總結
這次的飲食搭配APP是非常好的基礎入門專案，涉及到很多控制元件和布局，還有頁面跳轉、配接器和串列，里面的代碼邏輯也很有技巧，值得反復揣摩，方便以后開發APP，和學習一門語言一樣，Android也是要多敲多練，自然而然就會了，堅持就會有識訓，
也許某天你一定會認同這句話：有的人因為太重要，便選擇做朋友，因為朋友永遠比戀人走的遠，
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/293770.html
標籤：其他
上一篇：支持 PC 、Web 和 Android 的 Compose Multiplatform 進入 Alpha 版本