Part1:今日目標

1.前言
2.程式架構解說
3.結語

Part2:今日內容

1.前言

前四天我們花了點時間和篇幅介紹Flutter的資料庫SQLite和Fl_chart視覺化套件，接下來想和大家分享我和神隊友是如何透過這些工具搭建APP介面: 國際攝護腺症狀評分表IPSS的測驗歷史走勢圖。今天就先讓我們簡介這部分程式碼的架構吧，Let's Goooo!🚀🚀🚀

2.程式架構解說 Score_History_Chart_Page.dart

(2)程式架構說明:

• 自定義 widget ScoreHistoryChartPage

  • 定義了一個狀態(State)ful widget，用於顯示分數歷史的圖表頁面。
  • 接受分數數據和日期作為參數，並用它們來建立圖表。
  • 包含 initState 方法，用於初始化數據，以及 build 方法，用於構建 UI。

• 內部狀態類別 _ScoreHistoryChartPageState

  • 實現了 ScoreHistoryChartPage 的內部狀態。
  • 定義了 _data 和 _date 變數來儲存所有國際攝護腺評分量表IPSS的測驗總分和測驗日期。
  • 在 initState 方法中初始化數據。在 build 方法中構建 UI，包括日期選擇器和折線圖。

• 日期選擇器DateRangePickerWidget

  • 這是一個自定義 widget，用於選擇日期範圍。
  • 包含一個回調函式 onDateRangeSelected，當使用者選擇日期範圍時會觸發該函式。

• 折線圖LineChart

  • 使用 fl_chart 庫中的 LineChart widget顯示折線圖。
  • 設置了圖表的外觀、標題、底部標籤、軸範圍、邊界線等屬性。
  • 使用 LineChartBarData 定義要繪製的折線數據。

3.結語

由於此份程式碼內容繁雜，因此計畫用接下來的幾天詳細解釋並實作Score_History_Chart_Page.dart這份程式碼，並補充相關Dart語言和Flutter框架的特性，敬請期待唷!

In life, it is essential to have a friend who is like a mirror and a shadow. A mirror never distorts the truth, and a shadow never abandons your side. I am incredibly fortunate to be blessed with such remarkable friends.
人生中要有一個像鏡子和影子的朋友。鏡子不會說謊，而影子從不離開，而我很幸運擁有這些這麼棒的朋友們。年紀越大，越覺得有耿直友善勤奮的摯友彼此激勵鼓勵有多麼地重要~
今天要聽《機智醫生生活》的OST《Me to you, You to me》