基础epub阅读功能

2026-06-27 11:20:27 +08:00
parent 02242089e8
commit 5acbc3a602
18 changed files with 980 additions and 330 deletions
--- a/lib/widgets/reader/bookmark_list.dart
+++ b/lib/widgets/reader/bookmark_list.dart
@@ -0,0 +1,121 @@
+import 'package:flutter/material.dart';
+import '../../../models/book_annotation.dart';
+import '../../../utils/reader/book_annotation_dao.dart';
+
+/// 书签列表组件 — 显示当前书籍的所有书签，点击跳转
+class BookmarkList extends StatefulWidget {
+  final String bookId;
+  final void Function(String cfi) onNavigate;
+
+  const BookmarkList({
+    super.key,
+    required this.bookId,
+    required this.onNavigate,
+  });
+
+  @override
+  State<BookmarkList> createState() => _BookmarkListState();
+}
+
+class _BookmarkListState extends State<BookmarkList> {
+  final _dao = BookAnnotationDao();
+  List<BookAnnotation> _bookmarks = [];
+  bool _loading = true;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadBookmarks();
+  }
+
+  Future<void> _loadBookmarks() async {
+    final bookmarks = await _dao.getBookmarks(widget.bookId);
+    if (mounted) {
+      setState(() {
+        _bookmarks = bookmarks;
+        _loading = false;
+      });
+    }
+  }
+
+  Future<void> _deleteBookmark(BookAnnotation bookmark) async {
+    await _dao.deleteById(bookmark.id!);
+    await _loadBookmarks();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final colors = Theme.of(context).colorScheme;
+
+    if (_loading) {
+      return const Center(child: CircularProgressIndicator());
+    }
+
+    if (_bookmarks.isEmpty) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.bookmark_border, size: 48, color: colors.onSurfaceVariant.withAlpha(80)),
+            const SizedBox(height: 12),
+            Text('暂无书签', style: TextStyle(color: colors.onSurfaceVariant)),
+            const SizedBox(height: 4),
+            Text(
+              '阅读时点击顶部 ⭐ 按钮添加书签',
+              style: TextStyle(fontSize: 12, color: colors.onSurfaceVariant.withAlpha(150)),
+            ),
+          ],
+        ),
+      );
+    }
+
+    return ListView.builder(
+      padding: const EdgeInsets.symmetric(vertical: 8),
+      itemCount: _bookmarks.length,
+      itemBuilder: (context, index) {
+        final bm = _bookmarks[index];
+        return Dismissible(
+          key: ValueKey(bm.id),
+          direction: DismissDirection.endToStart,
+          background: Container(
+            alignment: Alignment.centerRight,
+            padding: const EdgeInsets.only(right: 16),
+            color: colors.error,
+            child: const Icon(Icons.delete, color: Colors.white),
+          ),
+          confirmDismiss: (_) async {
+            return await showDialog<bool>(
+              context: context,
+              builder: (ctx) => AlertDialog(
+                title: const Text('删除书签'),
+                content: Text('确定删除「${bm.content.isNotEmpty ? bm.content : bm.chapter}」？'),
+                actions: [
+                  TextButton(onPressed: () => Navigator.pop(ctx, false), child: const Text('取消')),
+                  TextButton(onPressed: () => Navigator.pop(ctx, true), child: const Text('删除')),
+                ],
+              ),
+            );
+          },
+          onDismissed: (_) => _deleteBookmark(bm),
+          child: ListTile(
+            leading: Icon(Icons.bookmark, color: Colors.amber, size: 20),
+            title: Text(
+              bm.content.isNotEmpty ? bm.content : bm.chapter,
+              maxLines: 2,
+              overflow: TextOverflow.ellipsis,
+              style: const TextStyle(fontSize: 14),
+            ),
+            subtitle: Text(
+              bm.chapter.isNotEmpty ? bm.chapter : '',
+              style: TextStyle(fontSize: 12, color: colors.onSurfaceVariant),
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+            ),
+            dense: true,
+            onTap: () => widget.onNavigate(bm.cfi),
+          ),
+        );
+      },
+    );
+  }
+}