refactor(calendar): better calendar view

Closes #72

Author: ZhuJHua

lib/pages/home/calendar/calendar_logic.dart

@@ -1,46 +1,56 @@
-import 'package:flutter/widgets.dart';
+import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
 
 import '../../../utils/data/isar.dart';
 import 'calendar_state.dart';
 
 class CalendarLogic extends GetxController {
   final CalendarState state = CalendarState();
 
+  late final ItemScrollController itemScrollController = ItemScrollController();
+  late final ScrollOffsetController scrollOffsetController = ScrollOffsetController();
+  late final ItemPositionsListener itemPositionsListener = ItemPositionsListener.create();
+  late final ScrollOffsetListener scrollOffsetListener = ScrollOffsetListener.create();
+
+  late final ExpansionTileController expansionTileController = ExpansionTileController();
+
   @override
   void onReady() async {
     await getMonthDiary(state.currentMonth.value);
+
     super.onReady();
   }
 
+  @override
+  void onClose() {
+    super.onClose();
+  }
+
   // 获取当前月份的日记
   Future<void> getMonthDiary(DateTime value) async {
     state.isFetching.value = true;
-    final diaryList = await IsarUtil.getDiaryByMonth(value.year, value.month);
-    var dateWithDiaryList = <DateTime>[];
-    // 获取有日记的日期，只需要年月日
-    for (var diary in diaryList) {
-      // 如果不存在当前日期，则添加
-      var time = diary.time;
-      if (!dateWithDiaryList.contains(DateTime(time.year, time.month, time.day))) {
-        dateWithDiaryList.add(DateTime(time.year, time.month, time.day));
-      }
-    }
-    state.selectedDate.value = DateTime.now();
-    state.currentMonthDiaryMap = {for (var e in diaryList) e: GlobalKey()};
-    update();
+    state.currentMonth.value = value;
+    state.currentMonthDiaryList.value = await IsarUtil.getDiaryByMonth(value.year, value.month);
     state.isFetching.value = false;
   }
 
-  // 选中日期后滚动到该日期
-  Future<void> animateToSelectedDate(DateTime value) async {
-    state.selectedDate.value = value;
-    // 根据日期找到当前列表中第一篇日记对应的 GlobalKey，然后滚动到该日记
-    var key = state.currentMonthDiaryMap.entries
-        .firstWhere((element) =>
-            element.key.yMd == '${value.year.toString()}/${value.month.toString()}/${value.day.toString()}')
-        .value;
-    Scrollable.ensureVisible(key.currentContext!, duration: Duration(milliseconds: 300));
+  int _pendingScrollOperations = 0;
+
+  Future<void> animateToSelectedDateWithLock(DateTime value) async {
+    final index =
+        state.currentMonthDiaryList.indexWhere((element) => element.yMd == '${value.year}/${value.month}/${value.day}');
+    _pendingScrollOperations++;
+    state.isControllerScrolling.value = true;
+    try {
+      await itemScrollController.scrollTo(
+          index: index, duration: const Duration(seconds: 1), curve: Curves.easeInOutQuart);
+    } finally {
+      _pendingScrollOperations--;
+      if (_pendingScrollOperations == 0) {
+        state.isControllerScrolling.value = false;
+      }
+    }
   }
 
   // // 选中日期后重新获取日记
@@ -50,6 +60,10 @@ class CalendarLogic extends GetxController {
   // }
 
   void open(value) {
-    state.isExpanded.value = value;
+    if (value && !expansionTileController.isExpanded) {
+      expansionTileController.expand();
+    } else if (!value && expansionTileController.isExpanded) {
+      expansionTileController.collapse();
+    }
   }
 }

lib/pages/home/calendar/calendar_state.dart

@@ -1,27 +1,15 @@
-import 'package:flutter/widgets.dart';
 import 'package:get/get.dart';
 import 'package:mood_diary/common/models/isar/diary.dart';
 
 class CalendarState {
-  //选中的时间
-  late Rx<DateTime> selectedDate;
-
-  late Rx<DateTime> currentMonth;
+  late Rx<DateTime> currentMonth = DateTime.now().obs;
 
   //当前月份的日记
-  late Map<Diary, GlobalKey> currentMonthDiaryMap = {};
-
-  late RxBool isExpanded;
+  late RxList<Diary> currentMonthDiaryList = <Diary>[].obs;
 
   late RxBool isFetching = true.obs;
 
-  CalendarState() {
-    //默认是今天
-    var now = DateTime.now();
-    selectedDate = now.obs;
-    currentMonth = now.obs;
-    isExpanded = false.obs;
+  late RxBool isControllerScrolling = false.obs;
 
-    ///Initialize variables
-  }
+  CalendarState();
 }