优化漫步界面

This commit is contained in:
DelLevin-Home
2026-06-20 02:04:49 +08:00
parent 670502b4f5
commit 3f186c7521
8 changed files with 411 additions and 380 deletions

View File

@@ -25,6 +25,7 @@ class Movie {
final DateTime createdAt; final DateTime createdAt;
final DateTime updatedAt; final DateTime updatedAt;
final bool isDeleted; final bool isDeleted;
final double coverOffset; // 封面偏移量
Movie({ Movie({
required this.id, required this.id,
@@ -43,6 +44,7 @@ class Movie {
required this.createdAt, required this.createdAt,
required this.updatedAt, required this.updatedAt,
this.isDeleted = false, this.isDeleted = false,
this.coverOffset = 0.0,
}); });
factory Movie.fromJson(Map<String, dynamic> json) { factory Movie.fromJson(Map<String, dynamic> json) {
@@ -71,6 +73,7 @@ class Movie {
? DateTime.parse(json['updated_at']) ? DateTime.parse(json['updated_at'])
: DateTime.now(), : DateTime.now(),
isDeleted: json['is_deleted'] == 1 || json['is_deleted'] == true, isDeleted: json['is_deleted'] == 1 || json['is_deleted'] == true,
coverOffset: (json['cover_offset'] ?? 0.0).toDouble(),
); );
} }
@@ -92,9 +95,10 @@ class Movie {
'created_at': createdAt.toUtc().toIso8601String(), 'created_at': createdAt.toUtc().toIso8601String(),
'updated_at': updatedAt.toUtc().toIso8601String(), 'updated_at': updatedAt.toUtc().toIso8601String(),
'is_deleted': isDeleted ? 1 : 0, 'is_deleted': isDeleted ? 1 : 0,
'cover_offset': coverOffset,
}; };
} }
/// 获取封面文件 /// 获取封面文件
File? get posterFile { File? get posterFile {
if (posterPath == null || posterPath!.isEmpty) return null; if (posterPath == null || posterPath!.isEmpty) return null;
@@ -143,6 +147,7 @@ class Movie {
DateTime? createdAt, DateTime? createdAt,
DateTime? updatedAt, DateTime? updatedAt,
bool? isDeleted, bool? isDeleted,
double? coverOffset,
}) { }) {
return Movie( return Movie(
id: id ?? this.id, id: id ?? this.id,
@@ -161,6 +166,7 @@ class Movie {
createdAt: createdAt ?? this.createdAt, createdAt: createdAt ?? this.createdAt,
updatedAt: updatedAt ?? this.updatedAt, updatedAt: updatedAt ?? this.updatedAt,
isDeleted: isDeleted ?? this.isDeleted, isDeleted: isDeleted ?? this.isDeleted,
coverOffset: coverOffset ?? this.coverOffset,
); );
} }
} }
@@ -182,6 +188,7 @@ class Book {
final DateTime createdAt; final DateTime createdAt;
final DateTime updatedAt; final DateTime updatedAt;
final bool isDeleted; final bool isDeleted;
final double coverOffset; // 封面偏移量
Book({ Book({
required this.id, required this.id,
@@ -199,6 +206,7 @@ class Book {
required this.createdAt, required this.createdAt,
required this.updatedAt, required this.updatedAt,
this.isDeleted = false, this.isDeleted = false,
this.coverOffset = 0.0,
}); });
factory Book.fromJson(Map<String, dynamic> json) { factory Book.fromJson(Map<String, dynamic> json) {
@@ -224,6 +232,7 @@ class Book {
? DateTime.parse(json['updated_at']) ? DateTime.parse(json['updated_at'])
: DateTime.now(), : DateTime.now(),
isDeleted: json['is_deleted'] == 1 || json['is_deleted'] == true, isDeleted: json['is_deleted'] == 1 || json['is_deleted'] == true,
coverOffset: (json['cover_offset'] ?? 0.0).toDouble(),
); );
} }
@@ -244,9 +253,10 @@ class Book {
'created_at': createdAt.toUtc().toIso8601String(), 'created_at': createdAt.toUtc().toIso8601String(),
'updated_at': updatedAt.toUtc().toIso8601String(), 'updated_at': updatedAt.toUtc().toIso8601String(),
'is_deleted': isDeleted ? 1 : 0, 'is_deleted': isDeleted ? 1 : 0,
'cover_offset': coverOffset,
}; };
} }
/// 获取封面文件 /// 获取封面文件
File? get coverFile { File? get coverFile {
if (coverPath == null || coverPath!.isEmpty) return null; if (coverPath == null || coverPath!.isEmpty) return null;
@@ -270,6 +280,7 @@ class Book {
DateTime? createdAt, DateTime? createdAt,
DateTime? updatedAt, DateTime? updatedAt,
bool? isDeleted, bool? isDeleted,
double? coverOffset,
}) { }) {
return Book( return Book(
id: id ?? this.id, id: id ?? this.id,
@@ -287,6 +298,7 @@ class Book {
createdAt: createdAt ?? this.createdAt, createdAt: createdAt ?? this.createdAt,
updatedAt: updatedAt ?? this.updatedAt, updatedAt: updatedAt ?? this.updatedAt,
isDeleted: isDeleted ?? this.isDeleted, isDeleted: isDeleted ?? this.isDeleted,
coverOffset: coverOffset ?? this.coverOffset,
); );
} }
} }

View File

@@ -42,6 +42,7 @@ class _BookDetailPageState extends State<BookDetailPage> {
void initState() { void initState() {
super.initState(); super.initState();
_detailStyle = UserPrefs().detailPageStyle; _detailStyle = UserPrefs().detailPageStyle;
_coverOffset.value = widget.book.coverOffset;
} }
@override @override
@@ -361,6 +362,7 @@ class _BookDetailPageState extends State<BookDetailPage> {
} : null, } : null,
onLongPressEnd: hasCover ? (_) { onLongPressEnd: hasCover ? (_) {
setState(() => _draggingCover = false); setState(() => _draggingCover = false);
context.read<AppProvider>().updateBook(book.copyWith(coverOffset: _coverOffset.value));
} : null, } : null,
child: ValueListenableBuilder<double>( child: ValueListenableBuilder<double>(
valueListenable: _coverOffset, valueListenable: _coverOffset,

View File

@@ -27,6 +27,7 @@ class _MainContentPageState extends State<MainContentPage> {
late PageController _pageController; late PageController _pageController;
bool _isTabTap = false; bool _isTabTap = false;
bool _syncScheduled = false;
@override @override
void initState() { void initState() {
@@ -310,6 +311,19 @@ class _MainContentPageState extends State<MainContentPage> {
final tabs = _enabledTabs; final tabs = _enabledTabs;
final safeIndex = _mapToEnabledTabIndex(provider.mainTabIndex).clamp(0, tabs.length - 1); final safeIndex = _mapToEnabledTabIndex(provider.mainTabIndex).clamp(0, tabs.length - 1);
// 从其他页面返回时,修正 PageView 页面与 tab 的一致性
if (!_syncScheduled) {
_syncScheduled = true;
WidgetsBinding.instance.addPostFrameCallback((_) {
_syncScheduled = false;
if (!mounted || !_pageController.hasClients) return;
final currentPage = _pageController.page?.round() ?? 0;
if (currentPage != safeIndex) {
_pageController.jumpToPage(safeIndex);
}
});
}
if (_isTabTap && _pageController.hasClients) { if (_isTabTap && _pageController.hasClients) {
_pageController.animateToPage(safeIndex, duration: const Duration(milliseconds: 350), curve: Curves.easeInOut); _pageController.animateToPage(safeIndex, duration: const Duration(milliseconds: 350), curve: Curves.easeInOut);
} }

View File

@@ -41,6 +41,7 @@ class _MovieDetailPageState extends State<MovieDetailPage> {
super.initState(); super.initState();
_showExactDate = UserPrefs().showExactReleaseDate; _showExactDate = UserPrefs().showExactReleaseDate;
_detailStyle = UserPrefs().detailPageStyle; _detailStyle = UserPrefs().detailPageStyle;
_posterOffset.value = widget.movie.coverOffset;
} }
void _toggleDateDisplay() { void _toggleDateDisplay() {
@@ -414,6 +415,7 @@ class _MovieDetailPageState extends State<MovieDetailPage> {
} : null, } : null,
onLongPressEnd: hasPoster ? (_) { onLongPressEnd: hasPoster ? (_) {
setState(() => _draggingPoster = false); setState(() => _draggingPoster = false);
context.read<AppProvider>().updateMovie(movie.copyWith(coverOffset: _posterOffset.value));
} : null, } : null,
child: ValueListenableBuilder<double>( child: ValueListenableBuilder<double>(
valueListenable: _posterOffset, valueListenable: _posterOffset,

View File

@@ -1,4 +1,3 @@
import 'dart:io';
import 'dart:math'; import 'dart:math';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
@@ -6,8 +5,11 @@ import '../providers/app_provider.dart';
import '../models/data_models.dart'; import '../models/data_models.dart';
import '../widgets/animated_star_rating.dart'; import '../widgets/animated_star_rating.dart';
import '../widgets/fade_in_local_image.dart'; import '../widgets/fade_in_local_image.dart';
import 'movies/movie_detail_page.dart';
import 'book/book_detail_page.dart';
import 'note/note_detail_page.dart';
/// 漫步页面 - 随机发现内容 /// 漫步页面 - 随机发现内容(滑卡形式)
class StrollPage extends StatefulWidget { class StrollPage extends StatefulWidget {
const StrollPage({super.key}); const StrollPage({super.key});
@@ -15,29 +17,26 @@ class StrollPage extends StatefulWidget {
State<StrollPage> createState() => _StrollPageState(); State<StrollPage> createState() => _StrollPageState();
} }
class _StrollPageState extends State<StrollPage> with SingleTickerProviderStateMixin { class _StrollPageState extends State<StrollPage> {
final _random = Random(); final _random = Random();
_StrollItem? _currentItem; final List<_StrollItem> _items = [];
late AnimationController _animController; late PageController _pageController;
late Animation<double> _fadeAnim; int _currentIndex = 0;
bool _isLoading = false;
@override @override
void initState() { void initState() {
super.initState(); super.initState();
_animController = AnimationController(vsync: this, duration: const Duration(milliseconds: 500)); _pageController = PageController(viewportFraction: 0.85);
_fadeAnim = CurvedAnimation(parent: _animController, curve: Curves.easeIn); _loadBatch(5);
_animController.value = 1.0;
_loadRandom();
} }
@override @override
void dispose() { void dispose() {
_animController.dispose(); _pageController.dispose();
super.dispose(); super.dispose();
} }
void _loadRandom() { void _loadBatch(int count) {
final provider = context.read<AppProvider>(); final provider = context.read<AppProvider>();
final movies = provider.movies.where((m) => !m.isDeleted).toList(); final movies = provider.movies.where((m) => !m.isDeleted).toList();
final books = provider.books.where((b) => !b.isDeleted).toList(); final books = provider.books.where((b) => !b.isDeleted).toList();
@@ -48,80 +47,79 @@ class _StrollPageState extends State<StrollPage> with SingleTickerProviderStateM
if (books.isNotEmpty) categories['book'] = books; if (books.isNotEmpty) categories['book'] = books;
if (notes.isNotEmpty) categories['note'] = notes; if (notes.isNotEmpty) categories['note'] = notes;
if (categories.isEmpty) { if (categories.isEmpty) return;
setState(() => _currentItem = null);
return;
}
final categoryKeys = categories.keys.toList(); final categoryKeys = categories.keys.toList();
final pickedCategory = categoryKeys[_random.nextInt(categoryKeys.length)]; for (int i = 0; i < count; i++) {
final pickedCategory = categoryKeys[_random.nextInt(categoryKeys.length)];
_StrollItem item; _StrollItem? item;
switch (pickedCategory) { switch (pickedCategory) {
case 'movie': case 'movie':
final m = movies[_random.nextInt(movies.length)]; final m = movies[_random.nextInt(movies.length)];
item = _StrollItem( item = _StrollItem(
type: 'movie', type: 'movie', data: m,
title: m.title, title: m.title,
subtitle: m.alternateTitles.take(2).join(' / '), subtitle: m.alternateTitles.take(2).join(' / '),
detail: _movieDetail(m), detail: _movieDetail(m),
imagePath: m.posterPath, imagePath: m.posterPath,
icon: Icons.movie_outlined, icon: Icons.movie_outlined, label: '影视',
label: '影视', rating: m.rating, createdAt: m.createdAt,
rating: m.rating, color: const Color(0xFF4A90D9),
createdAt: m.createdAt, );
color: const Color(0xFF4A90D9), case 'book':
); final b = books[_random.nextInt(books.length)];
break; item = _StrollItem(
case 'book': type: 'book', data: b,
final b = books[_random.nextInt(books.length)]; title: b.title,
item = _StrollItem( subtitle: b.authors.take(2).join(' / '),
type: 'book', detail: _bookDetail(b),
title: b.title, imagePath: b.coverPath,
subtitle: b.authors.take(2).join(' / '), icon: Icons.menu_book_outlined, label: '书籍',
detail: _bookDetail(b), rating: b.rating, createdAt: b.createdAt,
imagePath: b.coverPath, color: const Color(0xFF7E57C2),
icon: Icons.menu_book_outlined, );
label: '书籍', case 'note':
rating: b.rating, final n = notes[_random.nextInt(notes.length)];
createdAt: b.createdAt, item = _StrollItem(
color: const Color(0xFF7E57C2), type: 'note', data: n,
); title: n.title.isNotEmpty ? n.title : '随手记',
break; subtitle: n.tags.take(3).join(' · '),
case 'note': detail: n.content,
final n = notes[_random.nextInt(notes.length)]; imagePath: n.images.isNotEmpty ? n.images.first : null,
item = _StrollItem( icon: Icons.note_outlined, label: '笔记',
type: 'note', createdAt: n.createdAt,
title: n.title.isNotEmpty ? n.title : '随手记', color: const Color(0xFF66BB6A),
subtitle: n.tags.take(3).join(' · '), );
detail: n.content, }
imagePath: n.images.isNotEmpty ? n.images.first : null, if (item != null) _items.add(item);
icon: Icons.note_outlined,
label: '笔记',
createdAt: n.createdAt,
color: const Color(0xFF66BB6A),
);
break;
default:
setState(() => _currentItem = null);
return;
} }
setState(() => _currentItem = item);
} }
void _refresh() async { void _reshuffle() {
setState(() => _isLoading = true); setState(() {
await _animController.reverse(); _items.clear();
_loadRandom(); _currentIndex = 0;
setState(() => _isLoading = false); _loadBatch(5);
_animController.forward(); });
}
void _openDetail(_StrollItem item) {
switch (item.type) {
case 'movie':
Navigator.push(context, MaterialPageRoute(builder: (_) => MovieDetailPage(movie: item.data as Movie)));
case 'book':
Navigator.push(context, MaterialPageRoute(builder: (_) => BookDetailPage(book: item.data as Book)));
case 'note':
Navigator.push(context, MaterialPageRoute(builder: (_) => NoteDetailPage(note: item.data as Note)));
}
} }
String _movieDetail(Movie m) { String _movieDetail(Movie m) {
final parts = <String>[]; final parts = <String>[];
if (m.genres.isNotEmpty) parts.add(m.genres.take(3).join(' / ')); if (m.genres.isNotEmpty) parts.add(m.genres.take(3).join(' / '));
if (m.summary != null && m.summary!.isNotEmpty) parts.add(m.summary!.length > 80 ? '${m.summary!.substring(0, 80)}...' : m.summary!); if (m.summary != null && m.summary!.isNotEmpty) {
parts.add(m.summary!.length > 80 ? '${m.summary!.substring(0, 80)}...' : m.summary!);
}
return parts.join('\n'); return parts.join('\n');
} }
@@ -129,7 +127,9 @@ class _StrollPageState extends State<StrollPage> with SingleTickerProviderStateM
final parts = <String>[]; final parts = <String>[];
if (b.genres.isNotEmpty) parts.add(b.genres.take(3).join(' / ')); if (b.genres.isNotEmpty) parts.add(b.genres.take(3).join(' / '));
if (b.publisher != null && b.publisher!.isNotEmpty) parts.add(b.publisher!); if (b.publisher != null && b.publisher!.isNotEmpty) parts.add(b.publisher!);
if (b.summary != null && b.summary!.isNotEmpty) parts.add(b.summary!.length > 80 ? '${b.summary!.substring(0, 80)}...' : b.summary!); if (b.summary != null && b.summary!.isNotEmpty) {
parts.add(b.summary!.length > 80 ? '${b.summary!.substring(0, 80)}...' : b.summary!);
}
return parts.join('\n'); return parts.join('\n');
} }
@@ -155,17 +155,26 @@ class _StrollPageState extends State<StrollPage> with SingleTickerProviderStateM
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final colors = Theme.of(context).colorScheme; final colors = Theme.of(context).colorScheme;
final hasContent = _items.isNotEmpty;
return Scaffold( return Scaffold(
backgroundColor: colors.surface, backgroundColor: colors.surface,
appBar: AppBar( appBar: AppBar(
title: const Text('漫步'), title: const Text('漫步'),
actions: [ actions: [
if (hasContent)
Padding(
padding: const EdgeInsets.only(right: 4),
child: Center(
child: Text('${_currentIndex + 1}/${_items.length}',
style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.35))),
),
),
Padding( Padding(
padding: const EdgeInsets.only(right: 12), padding: const EdgeInsets.only(right: 12),
child: GestureDetector( child: GestureDetector(
onTap: _isLoading ? null : _refresh, onTap: _reshuffle,
child: AnimatedContainer( child: Container(
duration: const Duration(milliseconds: 200),
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 7), padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 7),
decoration: BoxDecoration( decoration: BoxDecoration(
color: colors.primary, color: colors.primary,
@@ -184,165 +193,155 @@ class _StrollPageState extends State<StrollPage> with SingleTickerProviderStateM
), ),
], ],
), ),
body: _currentItem == null body: !hasContent
? Center( ? Center(
child: Text('还没有任何内容\n去添加一些吧', child: Text('还没有任何内容\n去添加一些吧',
textAlign: TextAlign.center, textAlign: TextAlign.center,
style: TextStyle(fontSize: 15, color: colors.onSurface.withValues(alpha: 0.3), height: 1.6))) style: TextStyle(fontSize: 15, color: colors.onSurface.withValues(alpha: 0.3), height: 1.6)))
: Consumer<AppProvider>(builder: (context, provider, _) { : PageView.builder(
final item = _currentItem!; controller: _pageController,
final hasImage = item.imagePath != null && item.imagePath!.isNotEmpty; onPageChanged: (index) {
setState(() => _currentIndex = index);
// 接近末尾时追加新条目
if (index >= _items.length - 2) {
setState(() => _loadBatch(3));
}
},
itemCount: _items.length,
itemBuilder: (context, index) {
return AnimatedBuilder(
animation: _pageController,
builder: (context, child) {
double scale = 1.0;
if (_pageController.hasClients && _pageController.page != null) {
final diff = (_pageController.page! - index).abs();
scale = (1 - diff * 0.1).clamp(0.85, 1.0);
}
return Transform.scale(scale: scale, child: child);
},
child: _buildCard(_items[index], colors),
);
},
),
);
}
return FadeTransition( Widget _buildCard(_StrollItem item, ColorScheme colors) {
opacity: _fadeAnim, final hasImage = item.imagePath != null && item.imagePath!.isNotEmpty;
child: Center(
child: SingleChildScrollView( return GestureDetector(
padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 20), onTap: () => _openDetail(item),
child: Column( child: Container(
mainAxisSize: MainAxisSize.min, margin: const EdgeInsets.symmetric(vertical: 24, horizontal: 6),
decoration: BoxDecoration(
color: colors.surfaceContainerLowest,
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(color: Colors.black.withValues(alpha: 0.08), blurRadius: 24, offset: const Offset(0, 8)),
],
),
clipBehavior: Clip.antiAlias,
child: Column(
children: [
// 封面/图片区域
if (hasImage)
Expanded(
flex: 5,
child: SizedBox(
width: double.infinity,
child: FadeInLocalImage(path: item.imagePath, fit: BoxFit.cover),
),
)
else
Expanded(
flex: 3,
child: Container(
width: double.infinity,
color: colors.surfaceContainerHigh,
child: Center(child: Icon(item.icon, size: 56, color: item.color.withValues(alpha: 0.2))),
),
),
// 内容区域
Expanded(
flex: 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(20, 14, 20, 16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 类型标签 + 评分
Row(
children: [ children: [
// 类型标签 Container(
_buildTypeBadge(item), padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
const SizedBox(height: 24), decoration: BoxDecoration(
color: item.color.withValues(alpha: 0.08),
// 封面/图片 borderRadius: BorderRadius.circular(12),
if (item.type != 'note')
_buildCoverCard(item, hasImage)
else
_buildNoteCard(item, hasImage),
const SizedBox(height: 24),
// 标题(笔记卡片已包含标题和内容,不需要重复)
if (item.type != 'note') ...[
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: Text(
item.title,
textAlign: TextAlign.center,
style: TextStyle(fontSize: 20, fontWeight: FontWeight.w700, color: colors.onSurface, height: 1.3),
),
), ),
child: Row(
if (item.subtitle.isNotEmpty) ...[ mainAxisSize: MainAxisSize.min,
const SizedBox(height: 8), children: [
Padding( Icon(item.icon, size: 12, color: item.color),
padding: const EdgeInsets.symmetric(horizontal: 16), const SizedBox(width: 4),
child: Text(item.subtitle, textAlign: TextAlign.center, Text(item.label, style: TextStyle(fontSize: 11, fontWeight: FontWeight.w600, color: item.color)),
style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.4))), ],
), ),
], ),
const Spacer(),
// 评分 if (item.rating != null)
if (item.rating != null) ...[ AnimatedStarRating(rating: item.rating!, starSize: 14, showNumber: true),
const SizedBox(height: 10),
AnimatedStarRating(rating: item.rating!, starSize: 16, showNumber: true),
],
// 详情
if (item.detail.isNotEmpty) ...[
const SizedBox(height: 14),
Container(
margin: const EdgeInsets.symmetric(horizontal: 4),
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: colors.surfaceContainerHigh,
borderRadius: BorderRadius.circular(12),
),
child: Text(item.detail,
style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.6), height: 1.7)),
),
],
],
// 时间
const SizedBox(height: 12),
Text(_actionText(item), style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.25))),
const SizedBox(height: 40),
], ],
), ),
),
const SizedBox(height: 10),
// 标题
Text(item.title,
maxLines: 2, overflow: TextOverflow.ellipsis,
style: TextStyle(fontSize: 18, fontWeight: FontWeight.w700, color: colors.onSurface, height: 1.3)),
// 副标题
if (item.subtitle.isNotEmpty) ...[
const SizedBox(height: 4),
Text(item.subtitle,
maxLines: 1, overflow: TextOverflow.ellipsis,
style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.4))),
],
const SizedBox(height: 8),
// 详情
if (item.detail.isNotEmpty)
Expanded(
child: Container(
width: double.infinity,
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: colors.surfaceContainerHigh,
borderRadius: BorderRadius.circular(12),
),
child: Text(item.detail, maxLines: 3, overflow: TextOverflow.ellipsis,
style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.6), height: 1.7)),
),
),
const SizedBox(height: 8),
// 时间 + 点击提示
Row(
children: [
Text(_actionText(item), style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.25))),
const Spacer(),
Icon(Icons.arrow_forward_ios, size: 12, color: colors.onSurface.withValues(alpha: 0.15)),
],
),
],
), ),
); ),
}), ),
); ],
} ),
Widget _buildTypeBadge(_StrollItem item) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
decoration: BoxDecoration(
color: item.color.withValues(alpha: 0.08),
borderRadius: BorderRadius.circular(14),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(item.icon, size: 14, color: item.color),
const SizedBox(width: 5),
Text(item.label, style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: item.color)),
],
),
);
}
Widget _buildCoverCard(_StrollItem item, bool hasImage) {
return Container(
width: 220,
height: 290,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(color: item.color.withValues(alpha: 0.15), blurRadius: 20, offset: const Offset(0, 8)),
],
),
clipBehavior: Clip.antiAlias,
child: hasImage
? FadeInLocalImage(path: item.imagePath, fit: BoxFit.cover)
: _buildPlaceholder(item),
);
}
Widget _buildNoteCard(_StrollItem item, bool hasImage) {
final colors = Theme.of(context).colorScheme;
return Container(
width: double.infinity,
constraints: const BoxConstraints(maxWidth: 360),
decoration: BoxDecoration(
color: colors.surface,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(color: Colors.black.withValues(alpha: 0.06), blurRadius: 16, offset: const Offset(0, 6)),
],
),
clipBehavior: Clip.antiAlias,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
if (hasImage)
FadeInLocalImage(path: item.imagePath, fit: BoxFit.cover, height: 200, width: double.infinity),
Padding(
padding: const EdgeInsets.all(20),
child: Text(item.detail.isEmpty ? '(无内容)' : item.detail,
style: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.73), height: 1.8)),
),
Divider(height: 1, color: colors.outlineVariant),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
child: Text('${item.detail.length} 字 · Mooknote', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
),
],
),
);
}
Widget _buildPlaceholder(_StrollItem item) {
final colors = Theme.of(context).colorScheme;
return Container(
color: colors.surfaceContainerHigh,
child: Center(
child: Icon(item.icon, size: 48, color: item.color.withValues(alpha: 0.2)),
), ),
); );
} }
@@ -350,6 +349,7 @@ class _StrollPageState extends State<StrollPage> with SingleTickerProviderStateM
class _StrollItem { class _StrollItem {
final String type; final String type;
final dynamic data;
final String title; final String title;
final String subtitle; final String subtitle;
final String detail; final String detail;
@@ -362,6 +362,7 @@ class _StrollItem {
_StrollItem({ _StrollItem({
required this.type, required this.type,
required this.data,
required this.title, required this.title,
required this.subtitle, required this.subtitle,
required this.detail, required this.detail,

View File

@@ -57,7 +57,7 @@ class DatabaseHelper {
return await openDatabase( return await openDatabase(
path, path,
version: 14, version: 15,
onCreate: _createDB, onCreate: _createDB,
onUpgrade: _onUpgrade, onUpgrade: _onUpgrade,
); );
@@ -118,6 +118,10 @@ class DatabaseHelper {
if (oldVersion < 14) { if (oldVersion < 14) {
await _createReaderBooksTable(db); await _createReaderBooksTable(db);
} }
if (oldVersion < 15) {
await db.execute('ALTER TABLE movies ADD COLUMN cover_offset REAL DEFAULT 0');
await db.execute('ALTER TABLE books ADD COLUMN cover_offset REAL DEFAULT 0');
}
} }
/// 升级books表到V11添加ISBN和出版时间字段 /// 升级books表到V11添加ISBN和出版时间字段
@@ -501,7 +505,8 @@ class DatabaseHelper {
watch_date TEXT, watch_date TEXT,
created_at TEXT NOT NULL, created_at TEXT NOT NULL,
updated_at TEXT NOT NULL, updated_at TEXT NOT NULL,
is_deleted INTEGER DEFAULT 0 is_deleted INTEGER DEFAULT 0,
cover_offset REAL DEFAULT 0
) )
'''); ''');
@@ -522,7 +527,8 @@ class DatabaseHelper {
publish_date TEXT, publish_date TEXT,
created_at TEXT NOT NULL, created_at TEXT NOT NULL,
updated_at TEXT NOT NULL, updated_at TEXT NOT NULL,
is_deleted INTEGER DEFAULT 0 is_deleted INTEGER DEFAULT 0,
cover_offset REAL DEFAULT 0
) )
'''); ''');

View File

@@ -61,12 +61,6 @@ class UserPrefs {
int get detailPageStyle => prefs.getInt('detailPageStyle') ?? 0; int get detailPageStyle => prefs.getInt('detailPageStyle') ?? 0;
Future<bool> setDetailPageStyle(int value) => prefs.setInt('detailPageStyle', value); Future<bool> setDetailPageStyle(int value) => prefs.setInt('detailPageStyle', value);
// ========== 封面位置 ==========
/// 获取封面偏移量(-1.0 到 1.00 = 居中)
double getCoverOffset(String itemId) => prefs.getDouble('coverOffset_$itemId') ?? 0.0;
Future<bool> setCoverOffset(String itemId, double value) => prefs.setDouble('coverOffset_$itemId', value);
// ========== 主界面显示设置 ========== // ========== 主界面显示设置 ==========
/// 是否启用底部导航栏滚动隐藏(默认开启) /// 是否启用底部导航栏滚动隐藏(默认开启)

File diff suppressed because it is too large Load Diff