iT邦幫忙

2025 iThome 鐵人賽

DAY 3
0

既然已經了解Android開發的架構,那我們就可以先思考一個Android開發需要有甚麼,且用這個專案來學習了解Android開發

簡單的ToDo List

因為ToDo List會用到大多數基本開發需要的工具,像是Database, 畫面切換, 設定儲存等,而且ToDo List的邏輯簡單介面乾淨,因此是適合初學者快速上手產出的專案

需求分析

在多數專案開始前,我們要先想好專案需要的內容與功能,甚至有一個畫面交互的原型

專案構成

  • 首頁(顯示待辦清單)
    • 待辦任務
  • 新增任務(輸入標題與描述)
  • 設定(像是深色模式這樣的小偏好設定)
    這就是整個專案的架構

功能需求

  • 使用者可以新增任務(標題 + 內容 + 所屬list)
  • 使用者可以刪除或修改任務
  • 使用者可以切換任務狀態(未完成 / 已完成)
  • 使用者可以在設定中選擇顯示模式(淺色 / 深色)
  • 資料需要被保存,即使重開 App 也能看到

UI原型(可選項)

這些圖都是使用Figma產生的,如果以後想要設計一些好看的UI畫面也可以用這種軟體先拉出一個樣板
https://ithelp.ithome.com.tw/upload/images/20250917/20178827TDR9qxzv3I.png
https://ithelp.ithome.com.tw/upload/images/20250917/20178827F240s26LaV.png
https://ithelp.ithome.com.tw/upload/images/20250917/20178827aH1wHAgy52.png
https://ithelp.ithome.com.tw/upload/images/20250917/20178827Nmfh4ed3u3.png
之後依照這些UI想像圖來構建UI會方便很多

專案與階段對應

第一階段

做出可以操作的 UI(按鈕、輸入框、清單顯示)

第二階段

可以讓資料在頁面間流通,並且可以在不同畫面間切換

第三階段

完成專案,讓資料可以保存(下次打開 App 還能看到)

下一章節會開始介紹最基礎的元件以及一些Compose的基礎屬性用法


上一篇
Day 2:專案架構與開始
下一篇
Day 4:了解基本UI元件屬性
系列文
現代Android jetpack compose開發入門7
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言