generated from dellevin/template
优化漫步界面
This commit is contained in:
@@ -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,
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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
|
||||||
)
|
)
|
||||||
''');
|
''');
|
||||||
|
|
||||||
|
|||||||
@@ -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.0,0 = 居中)
|
|
||||||
double getCoverOffset(String itemId) => prefs.getDouble('coverOffset_$itemId') ?? 0.0;
|
|
||||||
Future<bool> setCoverOffset(String itemId, double value) => prefs.setDouble('coverOffset_$itemId', value);
|
|
||||||
|
|
||||||
// ========== 主界面显示设置 ==========
|
// ========== 主界面显示设置 ==========
|
||||||
|
|
||||||
/// 是否启用底部导航栏滚动隐藏(默认开启)
|
/// 是否启用底部导航栏滚动隐藏(默认开启)
|
||||||
|
|||||||
278
pubspec.lock
278
pubspec.lock
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user