# 优化

- 优化图片的获取逻辑，减少下载次数，提高效率。
- 优化图片的加载逻辑，缓解抖动问题。

Author: deretame

README.md

@@ -68,3 +68,8 @@
 - 开发者：**[windy](https://github.com/deretame)**
 - 项目仓库：**[Breeze](https://github.com/deretame/Breeze)**
 - 联系方式：**[telegram(电报)](https://t.me/breeze_zh_cn)**
+
+
+/data/user/0/com.zephyr.breeze/files/downloads/bika/original/6172ed076f7967071f380ba4/comic/6172ed076f7967071f380ba5/2a83fa93-8a39-44d9-a665-054376a85705.jpg
+/data/user/0/com.zephyr.breeze/files/downloads/bika/original/6172ed076f7967071f380ba4/comic/1/4ed6de25-6317-4ef0-87ff-8c5a671d1bfe.jpg
+/data/user/0/com.zephyr.breeze/cache/bika/original/6172ed076f7967071f380ba4/comic/1/4ed6de25-6317-4ef0-87ff-8c5a671d1bfe.jpg

lib/main.dart

@@ -47,7 +47,8 @@ Future<void> main() async {
 
   // 告诉系统应该用竖屏
   await SystemChrome.setPreferredOrientations(
-      [DeviceOrientation.portraitUp, DeviceOrientation.portraitDown]);
+    [DeviceOrientation.portraitUp, DeviceOrientation.portraitDown],
+  );
 
   // 初始化Hive
   await Hive.initFlutter();

lib/network/webdav.dart

@@ -8,7 +8,6 @@ import 'package:xml/xml.dart' as xml;
 
 import '../../../main.dart';
 import '../object_box/model.dart';
-import '../object_box/objectbox.g.dart';
 
 // 测试 WebDAV 服务是否可用
 Future<void> testWebDavServer() async {
@@ -308,11 +307,8 @@ Future<List<String>> fetchWebDAVFiles() async {
 
 Future<void> uploadFile2WebDav() async {
   // 获取数据并转换为 JSON
-  var allHistory = await objectbox.bikaHistoryBox
-      .query()
-      .order(BikaComicHistory_.history, flags: Order.descending)
-      .build()
-      .findAsync();
+  var allHistory = await objectbox.bikaHistoryBox.getAllAsync();
+  allHistory.sort((a, b) => b.history.compareTo(a.history));
   var comicHistoriesJson = allHistory.map((comic) => comic.toJson()).toList();
   String comicHistoriesJsonString = jsonEncode(comicHistoriesJson);
 

lib/object_box/model.dart

@@ -5,7 +5,7 @@ class BikaComicHistory {
   @Id()
   int id;
 
-  @Index()
+  // @Index()
   String comicId;
   String creatorId;
   String creatorGender;
@@ -53,7 +53,7 @@ class BikaComicHistory {
   int commentsCount;
   bool isFavourite;
   bool isLiked;
-  @Index()
+  // @Index()
   @Property(type: PropertyType.date)
   DateTime history;
 

lib/object_box/objectbox-model.json

@@ -77,9 +77,7 @@
         {
           "id": "14:4488370369732020728",
           "name": "comicId",
-          "type": 9,
-          "flags": 2048,
-          "indexId": "3:3486826873856380308"
+          "type": 9
         },
         {
           "id": "15:5901265100428652114",
@@ -89,9 +87,7 @@
         {
           "id": "16:2976387199063785145",
           "name": "history",
-          "type": 10,
-          "flags": 8,
-          "indexId": "4:931357141992892300"
+          "type": 10
         },
         {
           "id": "17:4401910177588291657",
@@ -500,7 +496,10 @@
     264467845223121709,
     1327783071807974029
   ],
-  "retiredIndexUids": [],
+  "retiredIndexUids": [
+    3486826873856380308,
+    931357141992892300
+  ],
   "retiredPropertyUids": [
     4194924827811470754,
     6505186057625373131,

lib/object_box/objectbox.g.dart

@@ -148,6 +148,8 @@ class _ComicReadPageState extends State<_ComicReadPage>
       var temp2 = comic_all_info_json.comicAllInfoJsonFromJson(temp);
       _downloadEpsInfo = temp2.eps;
     }
+
+    debugPrint(_type.toString().split('.').last);
   }
 
   @override
@@ -317,7 +319,7 @@ class _ComicReadPageState extends State<_ComicReadPage>
                   return ReadImageWidget(
                     media: medias[index - 1],
                     comicId: comicId,
-                    epsId: _doc.order,
+                    epsId: _doc.id,
                     index: index - 1,
                     chapterId: _doc.docId,
                   );
@@ -602,11 +604,13 @@ class _ComicReadPageState extends State<_ComicReadPage>
         max: maxValue,
         label: (_currentSliderValue.toInt() + 1).toString(),
         onChanged: (double newValue) {
-          setState(() {
-            _currentSliderValue = newValue;
-            _sliderIsRollingTimer?.cancel();
-            _isSliderRolling = true;
-          });
+          if (_currentSliderValue.toInt() != newValue.toInt()) {
+            setState(() {
+              _currentSliderValue = newValue;
+            });
+          }
+          _isSliderRolling = true;
+          _sliderIsRollingTimer?.cancel();
 
           // 显示 Overlay 提示框
           _showOverlayToast((newValue.toInt() + 1).toString());
@@ -744,10 +748,12 @@ class _ComicReadPageState extends State<_ComicReadPage>
       }
     }
 
-    if (closestPosition != null && mounted && _isSliderRolling == false) {
-      if (pageIndex != closestPosition.index) {
-        debugPrint('更新索引：$pageIndex');
-      }
+    if (closestPosition != null &&
+        mounted &&
+        _isSliderRolling == false &&
+        pageIndex != closestPosition.index) {
+      debugPrint('更新索引：$pageIndex');
+
       setState(() {
         pageIndex = closestPosition!.index;
         if (_isComicRolling == false) {
@@ -770,12 +776,7 @@ class _ComicReadPageState extends State<_ComicReadPage>
     comicHistory!.epPageCount = pageIndex;
     comicHistory!.epTitle = _doc.title;
     await objectbox.bikaHistoryBox.putAsync(comicHistory!);
-    if (mounted) {
-      // 添加 mounted 检查
-      setState(() {
-        _isInserting = false;
-      });
-    }
+    _isInserting = false;
     _lastUpdateTime = DateTime.now();
   }
 

lib/page/comic_read/view/comic_read.dart

@@ -18,57 +18,46 @@ class _ImageDisplayState extends State<ImageDisplay> {
   double imageWidth = screenWidth;
   double imageHeight = screenWidth;
 
-  bool _isMounted = false; // 标志，指示 Widget 是否仍挂载
+  Future<ImageInfo>? _imageInfoFuture;
 
   @override
   void initState() {
     super.initState();
-    _isMounted = true; // Widget 初始化时认为它是挂载的
-    _getImageResolution(widget.imagePath);
+    _imageInfoFuture = _getImageResolution(widget.imagePath);
   }
 
-  Future<void> _getImageResolution(String imagePath) async {
-    final Completer<void> completer = Completer();
+  Future<ImageInfo> _getImageResolution(String imagePath) async {
+    final Completer<ImageInfo> completer = Completer();
     final Image image = Image.file(File(imagePath));
 
-    // 监听图片解析完成
     image.image.resolve(ImageConfiguration()).addListener(
       ImageStreamListener((ImageInfo imageInfo, _) {
-        // 只有在 Widget 仍挂载时才调用 setState
-        if (_isMounted) {
-          setState(() {
-            imageWidth = imageInfo.image.width.toDouble();
-            imageHeight = imageInfo.image.height.toDouble();
-          });
-        }
-        completer.complete();
+        completer.complete(imageInfo);
       }),
     );
 
-    await completer.future; // 等待解析完成
-  }
-
-  @override
-  void dispose() {
-    _isMounted = false; // Widget 暴露时，设置为未挂载
-    super.dispose();
+    return completer.future;
   }
 
   @override
   Widget build(BuildContext context) {
-    final double screenWidth = MediaQuery.of(context).size.width;
+    return FutureBuilder<ImageInfo>(
+      future: _imageInfoFuture,
+      builder: (context, snapshot) {
+        if (snapshot.connectionState == ConnectionState.done &&
+            snapshot.hasData) {
+          final imageInfo = snapshot.data!;
+          imageWidth = imageInfo.image.width.toDouble();
+          imageHeight = imageInfo.image.height.toDouble();
+        }
 
-    return SizedBox(
-      width: screenWidth,
-      height: imageHeight != screenWidth
-          ? (imageHeight * (screenWidth / imageWidth))
-          : screenWidth, // 动态计算高度
-      child: imageWidth != screenWidth && imageHeight != screenWidth
-          ? Image.file(
-              File(widget.imagePath),
-              fit: BoxFit.cover, // 使图片填充整个屏幕
-            )
-          : Container(color: Color(0xFF2D2D2D)), // 占位符
+        return AspectRatio(
+          aspectRatio: imageWidth / imageHeight,
+          child: imageWidth != screenWidth && imageHeight != screenWidth
+              ? Image.file(File(widget.imagePath), fit: BoxFit.cover)
+              : Container(color: Color(0xFF2D2D2D)),
+        );
+      },
     );
   }
 }

lib/page/comic_read/widgets/image_display.dart

@@ -9,7 +9,7 @@ import '../../../widgets/picture_bloc/models/picture_info.dart';
 
 class ReadImageWidget extends StatefulWidget {
   final String comicId;
-  final int epsId;
+  final String epsId;
   final Media media;
   final int index;
   final String chapterId;
@@ -31,7 +31,7 @@ class _ReadImageWidgetState extends State<ReadImageWidget>
     with AutomaticKeepAliveClientMixin {
   String get comicId => widget.comicId;
 
-  int get epsId => widget.epsId;
+  String get epsId => widget.epsId;
 
   Media get media => widget.media;
 

lib/page/comic_read/widgets/read_image_widget.dart

@@ -1,6 +1,6 @@
 name: zephyr
 description: "使用Flutter开发的三方哔咔应用。"
-version: 1.24.0+68
+version: 1.24.1+69
 
 environment:
   sdk: ">=3.0.0"