Add a feature to allow saving custom reader settings for each comic. (#459)

* Add a feature to allow saving custom reader settings for each comic. * Comic-specific settings disabled by default
2025-09-27 15:57:25 +00:00 · 2025-08-10 16:02:44 +08:00
parent 0ac857ef9a
commit ce0d10aeb2
8 changed files with 658 additions and 354 deletions
--- a/lib/pages/reader/gesture.dart
+++ b/lib/pages/reader/gesture.dart
@@ -131,11 +131,11 @@ class _ReaderGestureDetectorState extends AutomaticGlobalState<_ReaderGestureDet
    }
    if (context.reader.mode.key.startsWith('gallery')) {
      if (forward) {
-        if (!context.reader.toNextPage() && !context.reader.isLastChapterOfGroup) {
+        if (!context.reader.toNextPage(reader.cid, reader.type) && !context.reader.isLastChapterOfGroup) {
          context.reader.toNextChapter();
        }
      } else {
-        if (!context.reader.toPrevPage() && !context.reader.isFirstChapterOfGroup) {
+        if (!context.reader.toPrevPage(reader.cid, reader.type) && !context.reader.isFirstChapterOfGroup) {
          context.reader.toPrevChapter();
        }
      }
@@ -152,7 +152,8 @@ class _ReaderGestureDetectorState extends AutomaticGlobalState<_ReaderGestureDet

  bool _dragInProgress = false;

-  bool get _enableDoubleTapToZoom => appdata.settings["enableDoubleTapToZoom"];
+  bool get _enableDoubleTapToZoom =>
+      appdata.settings.getReaderSetting(reader.cid, reader.type.sourceKey, 'enableDoubleTapToZoom');

  void onTapUp(TapUpDetails event) {
    if (_longPressInProgress) {
@@ -190,7 +191,8 @@ class _ReaderGestureDetectorState extends AutomaticGlobalState<_ReaderGestureDet
    } else if (context.readerScaffold.isOpen) {
      context.readerScaffold.openOrClose();
    } else {
-      if (appdata.settings['enableTapToTurnPages']) {
+      if (appdata.settings.getReaderSetting(
+          reader.cid, reader.type.sourceKey, 'enableTapToTurnPages')) {
        bool isLeft = false, isRight = false, isTop = false, isBottom = false;
        final width = context.width;
        final height = context.height;
@@ -207,11 +209,12 @@ class _ReaderGestureDetectorState extends AutomaticGlobalState<_ReaderGestureDet
          isBottom = true;
        }
        bool isCenter = false;
-        var prev = context.reader.toPrevPage;
-        var next = context.reader.toNextPage;
-        if (appdata.settings['reverseTapToTurnPages']) {
-          prev = context.reader.toNextPage;
-          next = context.reader.toPrevPage;
+        var prev = () => context.reader.toPrevPage(context.reader.cid, context.reader.type);
+        var next = () => context.reader.toNextPage(context.reader.cid, context.reader.type);
+        if (appdata.settings.getReaderSetting(
+            reader.cid, reader.type.sourceKey, 'reverseTapToTurnPages')) {
+          prev = () => context.reader.toNextPage(context.reader.cid, context.reader.type);
+          next = () => context.reader.toPrevPage(context.reader.cid, context.reader.type);
        }
        switch (context.reader.mode) {
          case ReaderMode.galleryLeftToRight:
--- a/lib/pages/reader/images.dart
+++ b/lib/pages/reader/images.dart
@@ -32,10 +32,17 @@ class _ReaderImagesState extends State<_ReaderImages> {
    inProgress = true;
    if (reader.type == ComicType.local ||
        (LocalManager().isDownloaded(
-            reader.cid, reader.type, reader.chapter, reader.widget.chapters))) {
+          reader.cid,
+          reader.type,
+          reader.chapter,
+          reader.widget.chapters,
+        ))) {
      try {
-        var images = await LocalManager()
-            .getImages(reader.cid, reader.type, reader.chapter);
+        var images = await LocalManager().getImages(
+          reader.cid,
+          reader.type,
+          reader.chapter,
+        );
        setState(() {
          reader.images = images;
          reader.isLoading = false;
@@ -81,9 +88,7 @@ class _ReaderImagesState extends State<_ReaderImages> {
  Widget build(BuildContext context) {
    if (reader.isLoading) {
      load();
-      return const Center(
-        child: CircularProgressIndicator(),
-      );
+      return const Center(child: CircularProgressIndicator());
    } else if (error != null) {
      return GestureDetector(
        onTap: () {
@@ -104,7 +109,8 @@ class _ReaderImagesState extends State<_ReaderImages> {
    } else {
      if (reader.mode.isGallery) {
        return _GalleryMode(
-            key: Key('${reader.mode.key}_${reader.imagesPerPage}'));
+          key: Key('${reader.mode.key}_${reader.imagesPerPage}'),
+        );
      } else {
        return _ContinuousMode(key: Key(reader.mode.key));
      }
@@ -132,11 +138,15 @@ class _GalleryModeState extends State<_GalleryMode>
  /// [totalPages] is the total number of pages in the current chapter.
  /// More than one images can be displayed on one page.
  int get totalPages {
-    if (!reader.showSingleImageOnFirstPage) {
-      return (reader.images!.length / reader.imagesPerPage).ceil();
+    if (!reader.showSingleImageOnFirstPage(reader.cid, reader.type)) {
+      return (reader.images!.length /
+              reader.imagesPerPage(reader.cid, reader.type))
+          .ceil();
    } else {
      return 1 +
-          ((reader.images!.length - 1) / reader.imagesPerPage).ceil();
+          ((reader.images!.length - 1) /
+                  reader.imagesPerPage(reader.cid, reader.type))
+              .ceil();
    }
  }

@@ -159,19 +169,24 @@ class _GalleryModeState extends State<_GalleryMode>

  /// Get the range of images for the given page. [page] is 1-based.
  (int start, int end) getPageImagesRange(int page) {
-    if (reader.showSingleImageOnFirstPage) {
+    var imagesPerPage = reader.imagesPerPage(reader.cid, reader.type);
+    if (reader.showSingleImageOnFirstPage(reader.cid, reader.type)) {
      if (page == 1) {
        return (0, 1);
      } else {
-        int startIndex = (page - 2) * reader.imagesPerPage + 1;
+        int startIndex = (page - 2) * imagesPerPage + 1;
        int endIndex = math.min(
-            startIndex + reader.imagesPerPage, reader.images!.length);
+          startIndex + imagesPerPage,
+          reader.images!.length,
+        );
        return (startIndex, endIndex);
      }
    } else {
-      int startIndex = (page - 1) * reader.imagesPerPage;
+      int startIndex = (page - 1) * imagesPerPage;
      int endIndex = math.min(
-          startIndex + reader.imagesPerPage, reader.images!.length);
+        startIndex + imagesPerPage,
+        reader.images!.length,
+      );
      return (startIndex, endIndex);
    }
  }
@@ -193,9 +208,9 @@ class _GalleryModeState extends State<_GalleryMode>
    var (startIndex, endIndex) = getPageImagesRange(page);
    for (int i = startIndex; i < endIndex; i++) {
      if (shouldPreCache) {
-        _precacheImage(i+1, context);
+        _precacheImage(i + 1, context);
      } else {
-        _preDownloadImage(i+1, context);
+        _preDownloadImage(i + 1, context);
      }
    }
  }
@@ -217,16 +232,12 @@ class _GalleryModeState extends State<_GalleryMode>
          var controller = photoViewControllers[reader.page]!;
          Offset value = event.delta;
          if (isLongPressing) {
-            controller.updateMultiple(
-              position: controller.position + value,
-            );
+            controller.updateMultiple(position: controller.position + value);
          }
        }
      },
      child: PhotoViewGallery.builder(
-        backgroundDecoration: BoxDecoration(
-          color: context.colorScheme.surface,
-        ),
+        backgroundDecoration: BoxDecoration(color: context.colorScheme.surface),
        reverse: reader.mode == ReaderMode.galleryRightToLeft,
        scrollDirection: reader.mode == ReaderMode.galleryTopToBottom
            ? Axis.vertical
@@ -239,14 +250,17 @@ class _GalleryModeState extends State<_GalleryMode>
            );
          } else {
            var (startIndex, endIndex) = getPageImagesRange(index);
-            List<String> pageImages =
-                reader.images!.sublist(startIndex, endIndex);
+            List<String> pageImages = reader.images!.sublist(
+              startIndex,
+              endIndex,
+            );

            cache(index);

            photoViewControllers[index] ??= PhotoViewController();

-            if (reader.imagesPerPage == 1 || pageImages.length == 1) {
+            if (reader.imagesPerPage(reader.cid, reader.type) == 1 ||
+                pageImages.length == 1) {
              return PhotoViewGalleryPageOptions(
                filterQuality: FilterQuality.medium,
                controller: photoViewControllers[index],
@@ -287,11 +301,11 @@ class _GalleryModeState extends State<_GalleryMode>
        onPageChanged: (i) {
          if (i == 0) {
            if (reader.isFirstChapterOfGroup || !reader.toPrevChapter()) {
-              reader.toPage(1);
+              reader.toPage(reader.cid, reader.type, 1);
            }
          } else if (i == totalPages + 1) {
            if (reader.isLastChapterOfGroup || !reader.toNextChapter()) {
-              reader.toPage(totalPages);
+              reader.toPage(reader.cid, reader.type, totalPages);
            }
          } else {
            reader.setPage(i);
@@ -356,13 +370,16 @@ class _GalleryModeState extends State<_GalleryMode>
            onInit: (state) => imageStates.add(state),
            onDispose: (state) => imageStates.remove(state),
          ),
-        )
+        ),
      ];
    } else {
      imageWidgets = images.map((imageKey) {
        startIndex++;
-        ImageProvider imageProvider =
-            _createImageProviderFromKey(imageKey, context, startIndex);
+        ImageProvider imageProvider = _createImageProviderFromKey(
+          imageKey,
+          context,
+          startIndex,
+        );
        return Expanded(
          child: ComicImage(
            image: imageProvider,
@@ -423,10 +440,7 @@ class _GalleryModeState extends State<_GalleryMode>
    } else {
      zoomPosition = Offset(0, 0);
    }
-    photoViewController.animateScale?.call(
-      target,
-      zoomPosition,
-    );
+    photoViewController.animateScale?.call(target, zoomPosition);
    isLongPressing = true;
  }

@@ -471,14 +485,14 @@ class _GalleryModeState extends State<_GalleryMode>
        keyRepeatTimer = null;
      }
      if (forward == true) {
-        reader.toPage(reader.page+1);
+        reader.toPage(reader.cid, reader.type, reader.page + 1);
      } else if (forward == false) {
-        reader.toPage(reader.page-1);
+        reader.toPage(reader.cid, reader.type, reader.page - 1);
      }
    }
    if (event is KeyRepeatEvent && keyRepeatTimer == null) {
      keyRepeatTimer = Timer.periodic(
-        reader.enablePageAnimation
+        reader.enablePageAnimation(reader.cid, reader.type)
            ? const Duration(milliseconds: 200)
            : const Duration(milliseconds: 50),
        (timer) {
@@ -486,9 +500,9 @@ class _GalleryModeState extends State<_GalleryMode>
            timer.cancel();
            return;
          } else if (forward == true) {
-            reader.toPage(reader.page+1);
+            reader.toPage(reader.cid, reader.type, reader.page + 1);
          } else if (forward == false) {
-            reader.toPage(reader.page-1);
+            reader.toPage(reader.cid, reader.type, reader.page - 1);
          }
        },
      );
@@ -512,15 +526,15 @@ class _GalleryModeState extends State<_GalleryMode>
      return await File(imageKey.substring(7)).readAsBytes();
    } else {
      return (await CacheManager().findCache(
-              "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}"))!
-          .readAsBytes();
+        "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}",
+      ))!.readAsBytes();
    }
  }

  @override
  String? getImageKeyByOffset(Offset offset) {
    String? imageKey;
-    if (reader.imagesPerPage == 1) {
+    if (reader.imagesPerPage(reader.cid, reader.type) == 1) {
      imageKey = reader.images![reader.page - 1];
    } else {
      for (var imageState in imageStates) {
@@ -538,7 +552,7 @@ const Set<PointerDeviceKind> _kTouchLikeDeviceTypes = <PointerDeviceKind>{
  PointerDeviceKind.mouse,
  PointerDeviceKind.stylus,
  PointerDeviceKind.invertedStylus,
-  PointerDeviceKind.unknown
+  PointerDeviceKind.unknown,
 };

 const double _kChangeChapterOffset = 160;
@@ -673,10 +687,12 @@ class _ContinuousModeState extends State<_ContinuousMode>
  void onScroll() {
    if (prepareToPrevChapter) {
      jumpToNextChapter = false;
-      jumpToPrevChapter = scrollController.offset <
+      jumpToPrevChapter =
+          scrollController.offset <
          scrollController.position.minScrollExtent - _kChangeChapterOffset;
    } else if (prepareToNextChapter) {
-      jumpToNextChapter = scrollController.offset >
+      jumpToNextChapter =
+          scrollController.offset >
          scrollController.position.maxScrollExtent + _kChangeChapterOffset;
      jumpToPrevChapter = false;
    }
@@ -721,8 +737,8 @@ class _ContinuousModeState extends State<_ContinuousMode>
      physics: isCTRLPressed || _isMouseScrolling || disableScroll
          ? const NeverScrollableScrollPhysics()
          : isZoomedIn
-              ? const ClampingScrollPhysics()
-              : const BouncingScrollPhysics(),
+          ? const ClampingScrollPhysics()
+          : const BouncingScrollPhysics(),
      itemBuilder: (context, index) {
        if (index == 0 || index == reader.maxPage + 1) {
          return const SizedBox();
@@ -750,8 +766,10 @@ class _ContinuousModeState extends State<_ContinuousMode>
          ),
        );
      },
-      scrollBehavior: const MaterialScrollBehavior()
-          .copyWith(scrollbars: false, dragDevices: _kTouchLikeDeviceTypes),
+      scrollBehavior: const MaterialScrollBehavior().copyWith(
+        scrollbars: false,
+        dragDevices: _kTouchLikeDeviceTypes,
+      ),
    );

    widget = Stack(
@@ -895,20 +913,14 @@ class _ContinuousModeState extends State<_ContinuousMode>
    }

    return PhotoView.customChild(
-      backgroundDecoration: BoxDecoration(
-        color: context.colorScheme.surface,
-      ),
+      backgroundDecoration: BoxDecoration(color: context.colorScheme.surface),
      childSize: Size(width, height),
      minScale: 1.0,
      maxScale: 2.5,
      strictScale: true,
      controller: photoViewController,
      onScaleUpdate: onScaleUpdate,
-      child: SizedBox(
-        width: width,
-        height: height,
-        child: widget,
-      ),
+      child: SizedBox(width: width, height: height, child: widget),
    );
  }

@@ -978,10 +990,7 @@ class _ContinuousModeState extends State<_ContinuousMode>
    } else {
      zoomPosition = Offset(0, 0);
    }
-    photoViewController.animateScale?.call(
-      target,
-      zoomPosition,
-    );
+    photoViewController.animateScale?.call(target, zoomPosition);
    onScaleUpdate(target);
    isLongPressing = true;
  }
@@ -1069,8 +1078,8 @@ class _ContinuousModeState extends State<_ContinuousMode>
      return await File(imageKey.substring(7)).readAsBytes();
    } else {
      return (await CacheManager().findCache(
-              "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}"))!
-          .readAsBytes();
+        "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}",
+      ))!.readAsBytes();
    }
  }

@@ -1114,10 +1123,7 @@ void _precacheImage(int page, BuildContext context) {
  if (page <= 0 || page > context.reader.images!.length) {
    return;
  }
-  precacheImage(
-    _createImageProvider(page, context),
-    context,
-  );
+  precacheImage(_createImageProvider(page, context), context);
 }

 /// [_preDownloadImage] is used to download the image for the given page.
@@ -1138,10 +1144,7 @@ void _preDownloadImage(int page, BuildContext context) {
 }

 class _SwipeChangeChapterProgress extends StatefulWidget {
-  const _SwipeChangeChapterProgress({
-    this.controller,
-    required this.isPrev,
-  });
+  const _SwipeChangeChapterProgress({this.controller, required this.isPrev});

  final ScrollController? controller;

@@ -1258,7 +1261,12 @@ class _ProgressPainter extends CustomPainter {
    paint.color = color;
    canvas.drawRRect(
      RRect.fromLTRBR(
-          0, 0, size.width * value, size.height, Radius.circular(16)),
+        0,
+        0,
+        size.width * value,
+        size.height,
+        Radius.circular(16),
+      ),
      paint,
    );
  }
--- a/lib/pages/reader/reader.dart
+++ b/lib/pages/reader/reader.dart
@@ -115,10 +115,10 @@ class _ReaderState extends State<Reader>
    if (images == null) {
      return 1;
    }
-    if (!showSingleImageOnFirstPage) {
-      return (images!.length / imagesPerPage).ceil();
+    if (!showSingleImageOnFirstPage(cid, type)) {
+      return (images!.length / imagesPerPage(cid, type)).ceil();
    } else {
-      return 1 + ((images!.length - 1) / imagesPerPage).ceil();
+      return 1 + ((images!.length - 1) / imagesPerPage(cid, type)).ceil();
    }
  }

@@ -162,13 +162,14 @@ class _ReaderState extends State<Reader>
    if (widget.initialPage != null) {
      page = widget.initialPage!;
    }
-    mode = ReaderMode.fromKey(appdata.settings['readerMode']);
+    // mode = ReaderMode.fromKey(appdata.settings['readerMode']);
+    mode = ReaderMode.fromKey(appdata.settings.getReaderSetting(cid, type.sourceKey, 'readerMode'));
    history = widget.history;
-    if (!appdata.settings['showSystemStatusBar']) {
+    if (!appdata.settings.getReaderSetting(cid, type.sourceKey, 'showSystemStatusBar')) {
      SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersive);
    }
-    if (appdata.settings['enableTurnPageByVolumeKey']) {
-      handleVolumeEvent();
+    if (appdata.settings.getReaderSetting(cid, type.sourceKey, 'enableTurnPageByVolumeKey')) {
+      handleVolumeEvent(cid, type);
    }
    setImageCacheSize();
    Future.delayed(const Duration(milliseconds: 200), () {
@@ -183,11 +184,11 @@ class _ReaderState extends State<Reader>
  void didChangeDependencies() {
    super.didChangeDependencies();
    if (!_isInitialized) {
-      initImagesPerPage(widget.initialPage ?? 1);
+      initImagesPerPage(cid, type, widget.initialPage ?? 1);
      _isInitialized = true;
    } else {
      // For orientation changed
-      _checkImagesPerPageChange();
+      _checkImagesPerPageChange(cid, type);
    }
    initReaderWindow();
  }
@@ -229,7 +230,7 @@ class _ReaderState extends State<Reader>

  @override
  Widget build(BuildContext context) {
-    _checkImagesPerPageChange();
+    _checkImagesPerPageChange(cid, type);
    return KeyboardListener(
      focusNode: focusNode,
      autofocus: true,
@@ -274,13 +275,13 @@ class _ReaderState extends State<Reader>
        history!.page = images?.length ?? 1;
      } else {
        /// Record the first image of the page
-        if (!showSingleImageOnFirstPage || imagesPerPage == 1) {
-          history!.page = (page - 1) * imagesPerPage + 1;
+        if (!showSingleImageOnFirstPage(cid, type) || imagesPerPage(cid, type) == 1) {
+          history!.page = (page - 1) * imagesPerPage(cid, type) + 1;
        } else {
          if (page == 1) {
            history!.page = 1;
          } else {
-            history!.page = (page - 2) * imagesPerPage + 2;
+            history!.page = (page - 2) * imagesPerPage(cid, type) + 2;
          }
        }
      }
@@ -363,39 +364,39 @@ abstract mixin class _ImagePerPageHandler {

  ReaderMode get mode;

-  void initImagesPerPage(int initialPage) {
-    _lastImagesPerPage = imagesPerPage;
+  void initImagesPerPage(String cid, ComicType type, int initialPage) {
+    _lastImagesPerPage = imagesPerPage(cid, type);
    _lastOrientation = isPortrait;
-    if (imagesPerPage != 1) {
-      if (showSingleImageOnFirstPage) {
-        page = ((initialPage - 1) / imagesPerPage).ceil() + 1;
+    if (imagesPerPage(cid, type) != 1) {
+      if (showSingleImageOnFirstPage(cid, type)) {
+        page = ((initialPage - 1) / imagesPerPage(cid, type)).ceil() + 1;
      } else {
-        page = (initialPage / imagesPerPage).ceil();
+        page = (initialPage / imagesPerPage(cid, type)).ceil();
      }
    }
  }

-  bool get showSingleImageOnFirstPage =>
-      appdata.settings["showSingleImageOnFirstPage"];
+  bool showSingleImageOnFirstPage(String cid, ComicType type) =>
+      appdata.settings.getReaderSetting(cid, type.sourceKey, 'showSingleImageOnFirstPage');

  /// The number of images displayed on one screen
-  int get imagesPerPage {
+  int imagesPerPage(String cid, ComicType type) {
    if (mode.isContinuous) return 1;
    if (isPortrait) {
-      return appdata.settings['readerScreenPicNumberForPortrait'] ?? 1;
+      return appdata.settings.getReaderSetting(cid, type.sourceKey, 'readerScreenPicNumberForPortrait') ?? 1;
    } else {
-      return appdata.settings['readerScreenPicNumberForLandscape'] ?? 1;
+      return appdata.settings.getReaderSetting(cid, type.sourceKey, 'readerScreenPicNumberForLandscape') ?? 1;
    }
  }

  /// Check if the number of images per page has changed
-  void _checkImagesPerPageChange() {
-    int currentImagesPerPage = imagesPerPage;
+  void _checkImagesPerPageChange(String cid, ComicType type) {
+    int currentImagesPerPage = imagesPerPage(cid, type);
    bool currentOrientation = isPortrait;

    if (_lastImagesPerPage != currentImagesPerPage || _lastOrientation != currentOrientation) {
      _adjustPageForImagesPerPageChange(
-          _lastImagesPerPage, currentImagesPerPage);
+          cid, type, _lastImagesPerPage, currentImagesPerPage);
      _lastImagesPerPage = currentImagesPerPage;
      _lastOrientation = currentOrientation;
    }
@@ -403,9 +404,9 @@ abstract mixin class _ImagePerPageHandler {

  /// Adjust the page number when the number of images per page changes
  void _adjustPageForImagesPerPageChange(
-      int oldImagesPerPage, int newImagesPerPage) {
+      String cid, ComicType type, int oldImagesPerPage, int newImagesPerPage) {
    int previousImageIndex = 1;
-    if (!showSingleImageOnFirstPage || oldImagesPerPage == 1) {
+    if (!showSingleImageOnFirstPage(cid, type) || oldImagesPerPage == 1) {
      previousImageIndex = (page - 1) * oldImagesPerPage + 1;
    } else {
      if (page == 1) {
@@ -417,7 +418,7 @@ abstract mixin class _ImagePerPageHandler {

    int newPage;
    if (newImagesPerPage != 1) {
-      if (showSingleImageOnFirstPage) {
+      if (showSingleImageOnFirstPage(cid, type)) {
        newPage = ((previousImageIndex - 1) / newImagesPerPage).ceil() + 1;
      } else {
        newPage = (previousImageIndex / newImagesPerPage).ceil();
@@ -431,9 +432,9 @@ abstract mixin class _ImagePerPageHandler {
 }

 abstract mixin class _VolumeListener {
-  bool toNextPage();
+  bool toNextPage(String cid, ComicType type);

-  bool toPrevPage();
+  bool toPrevPage(String cid, ComicType type);

  bool toNextChapter();

@@ -441,19 +442,19 @@ abstract mixin class _VolumeListener {

  VolumeListener? volumeListener;

-  void onDown() {
-    if (!toNextPage()) {
+  void onDown(String cid, ComicType type) {
+    if (!toNextPage(cid, type)) {
      toNextChapter();
    }
  }

-  void onUp() {
-    if (!toPrevPage()) {
+  void onUp(String cid, ComicType type) {
+    if (!toPrevPage(cid, type)) {
      toPrevChapter();
    }
  }

-  void handleVolumeEvent() {
+  void handleVolumeEvent(String cid, ComicType type) {
    if (!App.isAndroid) {
      // Currently only support Android
      return;
@@ -462,8 +463,8 @@ abstract mixin class _VolumeListener {
      volumeListener?.cancel();
    }
    volumeListener = VolumeListener(
-      onDown: onDown,
-      onUp: onUp,
+      onDown: () => onDown(cid, type),
+      onUp: () => onUp(cid, type),
    )..listen();
  }

@@ -495,7 +496,7 @@ abstract mixin class _ReaderLocation {

  void update();

-  bool get enablePageAnimation => appdata.settings['enablePageAnimation'];
+  bool enablePageAnimation(String cid, ComicType type) => appdata.settings.getReaderSetting(cid, type.sourceKey, 'enablePageAnimation');

  _ImageViewController? _imageViewController;

@@ -514,25 +515,25 @@ abstract mixin class _ReaderLocation {
  }

  /// Returns true if the page is changed
-  bool toNextPage() {
-    return toPage(page + 1);
+  bool toNextPage(String cid, ComicType type) {
+    return toPage(cid, type, page + 1);
  }

  /// Returns true if the page is changed
-  bool toPrevPage() {
-    return toPage(page - 1);
+  bool toPrevPage(String cid, ComicType type) {
+    return toPage(cid, type, page - 1);
  }

  int _animationCount = 0;

-  bool toPage(int page) {
+  bool toPage(String cid, ComicType type, int page) {
    if (_validatePage(page)) {
      if (page == this.page && page != 1 && page != maxPage) {
        return false;
      }
      this.page = page;
      update();
-      if (enablePageAnimation) {
+      if (enablePageAnimation(cid, type)) {
        _animationCount++;
        _imageViewController!.animateToPage(page).then((_) {
          _animationCount--;
@@ -571,17 +572,17 @@ abstract mixin class _ReaderLocation {

  Timer? autoPageTurningTimer;

-  void autoPageTurning() {
+  void autoPageTurning(String cid, ComicType type) {
    if (autoPageTurningTimer != null) {
      autoPageTurningTimer!.cancel();
      autoPageTurningTimer = null;
    } else {
-      int interval = appdata.settings['autoPageTurningInterval'];
+      int interval = appdata.settings.getReaderSetting(cid, type.sourceKey, 'autoPageTurningInterval');
      autoPageTurningTimer = Timer.periodic(Duration(seconds: interval), (_) {
        if (page == maxPage) {
          autoPageTurningTimer!.cancel();
        }
-        toNextPage();
+        toNextPage(cid, type);
      });
    }
  }
--- a/lib/pages/reader/scaffold.dart
+++ b/lib/pages/reader/scaffold.dart
@@ -128,9 +128,7 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
  Widget build(BuildContext context) {
    return Stack(
      children: [
-        Positioned.fill(
-          child: widget.child,
-        ),
+        Positioned.fill(child: widget.child),
        if (appdata.settings['showPageNumberInReader'] == true)
          buildPageInfoText(),
        buildStatusInfo(),
@@ -168,10 +166,7 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
        decoration: BoxDecoration(
          color: context.colorScheme.surface.toOpacity(0.92),
          border: Border(
-            bottom: BorderSide(
-              color: Colors.grey.toOpacity(0.5),
-              width: 0.5,
-            ),
+            bottom: BorderSide(color: Colors.grey.toOpacity(0.5), width: 0.5),
          ),
        ),
        child: Row(
@@ -216,8 +211,9 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
    try {
      if (context.reader.images![0].contains('file://')) {
        showToast(
-            message: "Local comic collection is not supported at present".tl,
-            context: context);
+          message: "Local comic collection is not supported at present".tl,
+          context: context,
+        );
        return;
      }
      String id = context.reader.cid;
@@ -234,8 +230,10 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
      List<String> tags = context.reader.widget.tags;
      String author = context.reader.widget.author;

-      var epName = context.reader.widget.chapters?.titles
-              .elementAtOrNull(context.reader.chapter - 1) ??
+      var epName =
+          context.reader.widget.chapters?.titles.elementAtOrNull(
+            context.reader.chapter - 1,
+          ) ??
          "E${context.reader.chapter}";
      var translatedTags = tags.map((e) => e.translateTagsToCN).toList();

@@ -248,7 +246,7 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
          return;
        }
        ImageFavoriteManager().deleteImageFavorite([
-          ImageFavorite(page, imageKey, null, eid, id, ep, sourceKey, epName)
+          ImageFavorite(page, imageKey, null, eid, id, ep, sourceKey, epName),
        ]);
        showToast(
          message: "Uncollected the image".tl,
@@ -256,7 +254,8 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
          seconds: 1,
        );
      } else {
-        var imageFavoritesComic = ImageFavoriteManager().find(id, sourceKey) ??
+        var imageFavoritesComic =
+            ImageFavoriteManager().find(id, sourceKey) ??
            ImageFavoritesComic(
              id,
              [],
@@ -270,12 +269,21 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
              subTitle,
              maxPage,
            );
-        ImageFavorite imageFavorite =
-            ImageFavorite(page, imageKey, null, eid, id, ep, sourceKey, epName);
-        ImageFavoritesEp? imageFavoritesEp =
-            imageFavoritesComic.imageFavoritesEp.firstWhereOrNull((e) {
-          return e.ep == ep;
-        });
+        ImageFavorite imageFavorite = ImageFavorite(
+          page,
+          imageKey,
+          null,
+          eid,
+          id,
+          ep,
+          sourceKey,
+          epName,
+        );
+        ImageFavoritesEp? imageFavoritesEp = imageFavoritesComic
+            .imageFavoritesEp
+            .firstWhereOrNull((e) {
+              return e.ep == ep;
+            });
        if (imageFavoritesEp == null) {
          if (page != firstPage) {
            var copy = imageFavorite.copyWith(
@@ -285,10 +293,20 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
            );
            // 不是第一页的话, 自动塞一个封面进去
            imageFavoritesEp = ImageFavoritesEp(
-                eid, ep, [copy, imageFavorite], epName, maxPage);
+              eid,
+              ep,
+              [copy, imageFavorite],
+              epName,
+              maxPage,
+            );
          } else {
-            imageFavoritesEp =
-                ImageFavoritesEp(eid, ep, [imageFavorite], epName, maxPage);
+            imageFavoritesEp = ImageFavoritesEp(
+              eid,
+              ep,
+              [imageFavorite],
+              epName,
+              maxPage,
+            );
          }
          imageFavoritesComic.imageFavoritesEp.add(imageFavoritesEp);
        } else {
@@ -312,7 +330,10 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {

        ImageFavoriteManager().addOrUpdateOrDelete(imageFavoritesComic);
        showToast(
-            message: "Successfully collected".tl, context: context, seconds: 1);
+          message: "Successfully collected".tl,
+          context: context,
+          seconds: 1,
+        );
      }
      update();
    } catch (e, stackTrace) {
@@ -331,44 +352,53 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
      height: kBottomBarHeight,
      child: Column(
        children: [
-          const SizedBox(
-            height: 8,
-          ),
+          const SizedBox(height: 8),
          Row(
            children: [
              const SizedBox(width: 8),
              IconButton.filledTonal(
                onPressed: () => !isReversed
                    ? context.reader.chapter > 1
-                        ? context.reader.toPrevChapter()
-                        : context.reader.toPage(1)
+                          ? context.reader.toPrevChapter()
+                          : context.reader.toPage(
+                              context.reader.cid,
+                              context.reader.type,
+                              1,
+                            )
                    : context.reader.chapter < context.reader.maxChapter
-                        ? context.reader.toNextChapter()
-                        : context.reader.toPage(context.reader.maxPage),
+                    ? context.reader.toNextChapter()
+                    : context.reader.toPage(
+                        context.reader.cid,
+                        context.reader.type,
+                        context.reader.maxPage,
+                      ),
                icon: const Icon(Icons.first_page),
              ),
-              Expanded(
-                child: buildSlider(),
-              ),
+              Expanded(child: buildSlider()),
              IconButton.filledTonal(
-                  onPressed: () => !isReversed
-                      ? context.reader.chapter < context.reader.maxChapter
+                onPressed: () => !isReversed
+                    ? context.reader.chapter < context.reader.maxChapter
                          ? context.reader.toNextChapter()
-                          : context.reader.toPage(context.reader.maxPage)
-                      : context.reader.chapter > 1
-                          ? context.reader.toPrevChapter()
-                          : context.reader.toPage(1),
-                  icon: const Icon(Icons.last_page)),
-              const SizedBox(
-                width: 8,
+                          : context.reader.toPage(
+                              context.reader.cid,
+                              context.reader.type,
+                              context.reader.maxPage,
+                            )
+                    : context.reader.chapter > 1
+                    ? context.reader.toPrevChapter()
+                    : context.reader.toPage(
+                        context.reader.cid,
+                        context.reader.type,
+                        1,
+                      ),
+                icon: const Icon(Icons.last_page),
              ),
+              const SizedBox(width: 8),
            ],
          ),
          Row(
            children: [
-              const SizedBox(
-                width: 16,
-              ),
+              const SizedBox(width: 16),
              Container(
                height: 24,
                padding: const EdgeInsets.fromLTRB(6, 2, 6, 0),
@@ -376,16 +406,15 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
                  color: Theme.of(context).colorScheme.tertiaryContainer,
                  borderRadius: BorderRadius.circular(8),
                ),
-                child: Center(
-                  child: Text(text),
-                ),
+                child: Center(child: Text(text)),
              ),
              const Spacer(),
              Tooltip(
                message: "Collect the image".tl,
                child: IconButton(
-                  icon:
-                      Icon(isLiked() ? Icons.favorite : Icons.favorite_border),
+                  icon: Icon(
+                    isLiked() ? Icons.favorite : Icons.favorite_border,
+                  ),
                  onPressed: addImageFavorite,
                ),
              ),
@@ -427,14 +456,15 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
                        });
                        SystemChrome.setPreferredOrientations([
                          DeviceOrientation.landscapeLeft,
-                          DeviceOrientation.landscapeRight
+                          DeviceOrientation.landscapeRight,
                        ]);
                      } else {
                        setState(() {
                          rotation = null;
                        });
                        SystemChrome.setPreferredOrientations(
-                            DeviceOrientation.values);
+                          DeviceOrientation.values,
+                        );
                      }
                    },
                  ),
@@ -446,7 +476,10 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
                      ? const Icon(Icons.timer)
                      : const Icon(Icons.timer_sharp),
                  onPressed: () {
-                    context.reader.autoPageTurning();
+                    context.reader.autoPageTurning(
+                      context.reader.cid,
+                      context.reader.type,
+                    );
                    update();
                  },
                ),
@@ -473,9 +506,9 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
                  onPressed: share,
                ),
              ),
-              const SizedBox(width: 4)
+              const SizedBox(width: 4),
            ],
-          )
+          ),
        ],
      ),
    );
@@ -506,19 +539,26 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
      focusNode: sliderFocus,
      value: context.reader.page.toDouble(),
      min: 1,
-      max:
-          context.reader.maxPage.clamp(context.reader.page, 1 << 16).toDouble(),
+      max: context.reader.maxPage
+          .clamp(context.reader.page, 1 << 16)
+          .toDouble(),
      reversed: isReversed,
      divisions: (context.reader.maxPage - 1).clamp(2, 1 << 16),
      onChanged: (i) {
-        context.reader.toPage(i.toInt());
+        context.reader.toPage(
+          context.reader.cid,
+          context.reader.type,
+          i.toInt(),
+        );
      },
    );
  }

  Widget buildPageInfoText() {
-    var epName = context.reader.widget.chapters?.titles
-            .elementAtOrNull(context.reader.chapter - 1) ??
+    var epName =
+        context.reader.widget.chapters?.titles.elementAtOrNull(
+          context.reader.chapter - 1,
+        ) ??
        "E${context.reader.chapter}";
    if (epName.length > 8) {
      epName = "${epName.substring(0, 8)}...";
@@ -594,24 +634,35 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
    }
    var fileType = detectFileType(data);
    var filename = "${context.reader.page}${fileType.ext}";
-    Share.shareFile(
-      data: data,
-      filename: filename,
-      mime: fileType.mime,
-    );
+    Share.shareFile(data: data, filename: filename, mime: fileType.mime);
  }

  void openSetting() {
    showSideBar(
      context,
      ReaderSettings(
+        comicId: context.reader.cid,
+        comicSource: context.reader.type.sourceKey,
        onChanged: (key) {
          if (key == "readerMode") {
-            context.reader.mode = ReaderMode.fromKey(appdata.settings[key]);
+            context.reader.mode = ReaderMode.fromKey(
+              appdata.settings.getReaderSetting(
+                context.reader.cid,
+                context.reader.type.sourceKey,
+                key,
+              ),
+            );
          }
          if (key == "enableTurnPageByVolumeKey") {
-            if (appdata.settings[key]) {
-              context.reader.handleVolumeEvent();
+            if (appdata.settings.getReaderSetting(
+              context.reader.cid,
+              context.reader.type.sourceKey,
+              key,
+            )) {
+              context.reader.handleVolumeEvent(
+                context.reader.cid,
+                context.reader.type,
+              );
            } else {
              context.reader.stopVolumeEvent();
            }
@@ -716,8 +767,8 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
      return await File(imageKey.substring(7)).readAsBytes();
    } else {
      return (await CacheManager().findCache(
-              "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}"))!
-          .readAsBytes();
+        "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}",
+      ))!.readAsBytes();
    }
  }

@@ -733,14 +784,17 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
    entry = OverlayEntry(
      builder: (context) {
        return Positioned.fill(
-          child: _SelectImageOverlayContent(onTap: (offset) {
-            completer.complete(offset);
-            entry!.remove();
-          }, onDispose: () {
-            if (!completer.isCompleted) {
-              completer.complete(null);
-            }
-          }),
+          child: _SelectImageOverlayContent(
+            onTap: (offset) {
+              completer.complete(offset);
+              entry!.remove();
+            },
+            onDispose: () {
+              if (!completer.isCompleted) {
+                completer.complete(null);
+              }
+            },
+          ),
        );
      },
    );
@@ -840,20 +894,17 @@ class _BatteryWidgetState extends State<_BatteryWidget> {
          size: 16,
          color: batteryColor,
          // Stroke
-          shadows: List.generate(
-            9,
-            (index) {
-              if (index == 4) {
-                return null;
-              }
-              double offsetX = (index % 3 - 1) * 0.8;
-              double offsetY = ((index / 3).floor() - 1) * 0.8;
-              return Shadow(
-                color: context.colorScheme.onInverseSurface,
-                offset: Offset(offsetX, offsetY),
-              );
-            },
-          ).whereType<Shadow>().toList(),
+          shadows: List.generate(9, (index) {
+            if (index == 4) {
+              return null;
+            }
+            double offsetX = (index % 3 - 1) * 0.8;
+            double offsetY = ((index / 3).floor() - 1) * 0.8;
+            return Shadow(
+              color: context.colorScheme.onInverseSurface,
+              offset: Offset(offsetX, offsetY),
+            );
+          }).whereType<Shadow>().toList(),
        ),
        Stack(
          children: [
@@ -940,10 +991,12 @@ class _SelectImageOverlayContent extends StatefulWidget {
  final void Function() onDispose;

  @override
-  State<_SelectImageOverlayContent> createState() => _SelectImageOverlayContentState();
+  State<_SelectImageOverlayContent> createState() =>
+      _SelectImageOverlayContentState();
 }

-class _SelectImageOverlayContentState extends State<_SelectImageOverlayContent> {
+class _SelectImageOverlayContentState
+    extends State<_SelectImageOverlayContent> {
  @override
  void dispose() {
    widget.onDispose();
@@ -960,19 +1013,14 @@ class _SelectImageOverlayContentState extends State<_SelectImageOverlayContent>
      child: Container(
        color: Colors.black.withAlpha(50),
        child: Align(
-          alignment: Alignment(
-            0,
-            -0.8,
-          ),
+          alignment: Alignment(0, -0.8),
          child: Container(
            width: 232,
            height: 42,
            decoration: BoxDecoration(
              color: context.colorScheme.surface,
              borderRadius: BorderRadius.circular(8),
-              border: Border.all(
-                color: context.colorScheme.outlineVariant,
-              ),
+              border: Border.all(color: context.colorScheme.outlineVariant),
            ),
            child: Row(
              children: [