終於，歷經整整 30 天的努力，我完成了屬於自己的模擬器專案——To_Do_List App 清單。在這段時間裡，我從最初對 Flutter 開發的不熟悉，到逐...
任務清單換行顯示資訊• 將標籤、到期日期、新增日期分行顯示• 每行前方對齊，使清單更整齊、易讀 新增刪除確認彈窗• 刪除任務時，彈出「確定刪除這個任務嗎...
刪除「優先權」功能• 刪掉排序選單中的「優先權」，程式裡也不再存 priority 調整排序欄位名稱• 原本的「新增時間」和「到期時間」只顯示日期，不再...
複製清單功能• 每個任務卡片上新增複製按鈕• 使用者點擊後，會自動複製該任務，並保留標題、標籤、日期、時間 保持原有畫面與顏色• 任務標籤顯示原本的顏色...
新增排序下拉選單• 在列表上方加入 DropdownButton，提供「新增時間」「到期時間」「優先權」三種排序方式• 使用者選擇不同排序方式後，列表即時更...
任務卡標籤字顏色調整• 工作：藍色• 學習：綠色• 健康：橘色• 個人：灰色 垃圾桶按鈕顏色• 保持紅色，方便辨識 複製任務功能• 在每個任務卡上增...
新增任務按鈕• 畫面底部顯示新增按鈕• 點擊按鈕彈出對話框或頁面，輸入任務標題 設定日期與時間• 可以選擇任務的截止日期與時間• 日期時間選擇器直接在新...
新增搜尋欄位• 使用者可以在搜尋框輸入關鍵字來快速找到特定任務• 搜尋時即時過濾列表中的待辦項目 篩選已完成與未完成任務• 提供「全部／未完成／已完成」...
優化任務優先權顯示• 調整「高中低」不同優先權顏色的顯示方式• 保持清單整齊，任務依優先權顏色分組 Color getPriorityColor(Strin...
在每個任務中新增時間/日期欄位• 每個待辦事項可以設定完成時間或到期日期• 保留分類標籤（工作、學習、個人、健康）• 在 UI 中顯示時間/日期欄位，方便使...
新增搜尋欄位• 使用者可以在搜尋框輸入關鍵字來快速找到特定任務• 搜尋時即時過濾列表中的待辦項目 篩選已完成與未完成任務• 提供「全部／未完成／已完成」...
設定任務優先權• 每個待辦事項可以設定優先級（高、中、低）• 在清單上以顏色或圖示標示不同優先級，方便快速辨識 // todo_item.dart clas...
手動拖放調整任務順序• 使用者可以長按任務卡片，拖動到想要的位置• 任務清單會即時更新顯示，保持使用者排序的順序 自動保持未完成任務在上方• 完成任務自...
新增標籤篩選功能• 在任務列表上方增加一列標籤按鈕（工作、學習、個人、健康）• 點擊標籤按鈕時，只顯示該標籤的任務，其他標籤任務隱藏 標籤互動顯示• 任...
新增任務標籤功能• 每個待辦任務可以指定一個標籤，例如「工作」「個人」「學習」• 使用者在新增任務時可以選擇標籤 標籤顏色顯示• 每個標籤對應不同顏色，...
新增任務時自動清空輸入框• 讓使用者在新增任務後，輸入框自動清空，提升輸入效率 刪除任務前加上確認提示• 點擊垃圾桶刪除任務前，跳出確認對話框，避免誤刪...
新增任務保持在最上方• 新增待辦事項時，未完成的任務應該插入列表的最前面• 保持列表整齊，最新的未完成任務顯示在上方 完成項目自動移到最下方• 當使用者...
新增「依完成狀態排序」功能• 將完成的任務自動移到列表下方，未完成的任務保持在上方• 提升使用者瀏覽待辦項目的效率• 互動上：完成狀態切換後，自動重新排序列表...
改善完成任務切換動畫• 點擊任務前的打勾框，完成/未完成的狀態切換加入動畫效果• 文字顏色、打勾框顏色平滑過渡，提升使用者體驗 優化列表滾動與選取反饋•...
新增任務優先級屬性• 每個待辦項目新增 priority 屬性（高、中、低）• 初始靜態資料可以設定不同優先級，例如:高、中、低 // 第十一天新增：在 _...
改善待辦清單的視覺呈現• 將原本單純的 ListTile 改為使用 Card 包裝，讓每個待辦項目有明顯的立體感與間距• 為完成的項目增加淡灰色背景與刪除線效...
接下來我們要更新 UI假設我們都是普通人不會 Figma 跟 UI/UX 我們可以使用這個網站:https://stitch.withgoogle.com/ 他...
#製作流程皆使用 Gemini Agent 接續上一章節建好專案後，接下來我們要思考我們要做甚麼樣子的chat APP 但憑空想像可能太困難 不如直接輸入 ”幫...
首先你需要有 Google Cloud Console 的 Gemini API key 檢查 ⬇️ 打開 https://aistudio.google.co...
想必你看到昨天的 View 一定會想，這到底是甚麼??沒錯，讓 AI 生安卓的大架構，如果一次生整個 APP 就是會這麼炸裂(複雜程度與爆炸程度成正比)如果你嘗...
在昨天我們拿到了prd.txt如果你用的是 普通 AI 那需要自己複製貼上，為了感受 vibe 氛圍，建議完全照著做不需思考，如果你嫌他一步一步太慢，可以直接輸...
接下來，我們將利用 Vibe 的方式，全程只用 Prompt 技巧完成這個記帳 APP。我會提供我的步驟與 Prompt 但你可以自己客製化。 使用環境 And...
優化新增任務輸入欄位• 提示文字：「輸入新任務」• 可以按加號新增任務，也可以按 Enter 鍵新增 TextField( controller: _te...
新增互動功能在 To-Do List App 中，我們要讓使用者可以新增 to_do 項目。•在 MyHomePageState 中新增一個 TextEdit...
建立可互動的待辦清單•修改位子 : 在 MyHomePage 的 _MyHomePageState 裡面，原本的靜態 ListView 改成動態 List...
onedream
iThome鐵人賽
看影片追技術