generated from dellevin/template
755 lines
26 KiB
Dart
755 lines
26 KiB
Dart
import 'dart:math';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:provider/provider.dart';
|
||
import '../../providers/app_provider.dart';
|
||
import '../../models/data_models.dart';
|
||
import '../../widgets/fade_in_local_image.dart';
|
||
import '../../utils/toast_util.dart';
|
||
import '../movies/movie_detail_page.dart';
|
||
import '../book/book_detail_page.dart';
|
||
import '../note/note_detail_page.dart';
|
||
import '../game/game_detail_page.dart';
|
||
|
||
/// 漫步页面 - 随机发现内容
|
||
class StrollPage extends StatefulWidget {
|
||
const StrollPage({super.key});
|
||
|
||
@override
|
||
State<StrollPage> createState() => _StrollPageState();
|
||
}
|
||
|
||
class _StrollPageState extends State<StrollPage> {
|
||
final _random = Random();
|
||
final List<_StrollItem> _items = [];
|
||
final Set<String> _seenIds = {};
|
||
int _current = 0;
|
||
String _filter = 'all'; // all / movie / book / note
|
||
|
||
// 拖动手势状态
|
||
double _dragX = 0; // 当前水平偏移（正=右滑，负=左滑）
|
||
double _dragY = 0; // 当前垂直偏移
|
||
bool _isDragging = false;
|
||
bool _horizontalLocked = false; // 是否锁定为水平方向
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_loadBatch(5);
|
||
}
|
||
|
||
// ─── 数据加载 ───
|
||
|
||
void _loadBatch(int count) {
|
||
final provider = context.read<AppProvider>();
|
||
|
||
// 按类别分池
|
||
final moviePool = <_StrollItem>[];
|
||
final bookPool = <_StrollItem>[];
|
||
final notePool = <_StrollItem>[];
|
||
final gamePool = <_StrollItem>[];
|
||
if (_filter == 'all' || _filter == 'movie') {
|
||
for (final m in provider.movies.where((m) => !m.isDeleted)) {
|
||
moviePool.add(_StrollItem(
|
||
type: 'movie', data: m, id: 'm_${m.id}',
|
||
title: m.title,
|
||
subtitle: m.alternateTitles.take(2).join(' / '),
|
||
detail: _movieDetail(m),
|
||
imagePath: m.posterPath,
|
||
icon: Icons.movie_outlined, label: '影视',
|
||
rating: m.rating, createdAt: m.createdAt,
|
||
tags: m.genres.take(3).toList(),
|
||
color: const Color(0xFF4A90D9),
|
||
));
|
||
}
|
||
}
|
||
if (_filter == 'all' || _filter == 'book') {
|
||
for (final b in provider.books.where((b) => !b.isDeleted)) {
|
||
bookPool.add(_StrollItem(
|
||
type: 'book', data: b, id: 'b_${b.id}',
|
||
title: b.title,
|
||
subtitle: b.authors.take(2).join(' / '),
|
||
detail: _bookDetail(b),
|
||
imagePath: b.coverPath,
|
||
icon: Icons.menu_book_outlined, label: '书籍',
|
||
rating: b.rating, createdAt: b.createdAt,
|
||
tags: b.genres.take(3).toList(),
|
||
color: const Color(0xFF7E57C2),
|
||
));
|
||
}
|
||
}
|
||
if (_filter == 'all' || _filter == 'note') {
|
||
for (final n in provider.notes.where((n) => !n.isDeleted)) {
|
||
notePool.add(_StrollItem(
|
||
type: 'note', data: n, id: 'n_${n.id}',
|
||
title: n.title.isNotEmpty ? n.title : '随手记',
|
||
subtitle: n.tags.take(3).join(' · '),
|
||
detail: n.content,
|
||
imagePath: n.images.isNotEmpty ? n.images.first : null,
|
||
icon: Icons.note_outlined, label: '笔记',
|
||
createdAt: n.createdAt,
|
||
tags: n.tags.take(3).toList(),
|
||
color: const Color(0xFF66BB6A),
|
||
));
|
||
}
|
||
}
|
||
if (_filter == 'all' || _filter == 'game') {
|
||
for (final g in provider.games.where((g) => !g.isDeleted)) {
|
||
gamePool.add(_StrollItem(
|
||
type: 'game', data: g, id: 'g_${g.id}',
|
||
title: g.title,
|
||
subtitle: g.developer.take(2).join(' / '),
|
||
detail: _gameDetail(g),
|
||
imagePath: g.coverPath,
|
||
icon: Icons.sports_esports_outlined, label: '游戏',
|
||
rating: g.rating, createdAt: g.createdAt,
|
||
tags: g.genres.take(3).toList(),
|
||
color: const Color(0xFFEC4899),
|
||
));
|
||
}
|
||
}
|
||
|
||
// 构建非空类别列表
|
||
final pools = <List<_StrollItem>>[];
|
||
if (moviePool.isNotEmpty) pools.add(moviePool);
|
||
if (bookPool.isNotEmpty) pools.add(bookPool);
|
||
if (notePool.isNotEmpty) pools.add(notePool);
|
||
if (gamePool.isNotEmpty) pools.add(gamePool);
|
||
if (pools.isEmpty) return;
|
||
|
||
// 全部模式下等概率选类别，单类别模式下直接选
|
||
final target = _items.length + count;
|
||
int attempts = 0;
|
||
while (_items.length < target && attempts < count * 20) {
|
||
attempts++;
|
||
final pool = _filter == 'all'
|
||
? pools[_random.nextInt(pools.length)]
|
||
: pools.first;
|
||
final item = _weightedPick(pool);
|
||
if (item != null && !_seenIds.contains(item.id)) {
|
||
_seenIds.add(item.id);
|
||
_items.add(item);
|
||
}
|
||
}
|
||
}
|
||
|
||
/// 加权随机：评分越高权重越大
|
||
_StrollItem? _weightedPick(List<_StrollItem> pool) {
|
||
if (pool.isEmpty) return null;
|
||
final weights = pool.map((item) {
|
||
final r = item.rating ?? 5.0;
|
||
return r.clamp(1.0, 10.0);
|
||
}).toList();
|
||
final total = weights.reduce((a, b) => a + b);
|
||
var roll = _random.nextDouble() * total;
|
||
for (int i = 0; i < pool.length; i++) {
|
||
roll -= weights[i];
|
||
if (roll <= 0) return pool[i];
|
||
}
|
||
return pool.last;
|
||
}
|
||
|
||
/// 切换到下一张（点击"随机"按钮 / 左滑）
|
||
void _next() {
|
||
setState(() {
|
||
_current++;
|
||
if (_current >= _items.length - 2) {
|
||
_loadBatch(3);
|
||
}
|
||
if (_current >= _items.length) {
|
||
// 池子耗尽，回到最后一张
|
||
_current = _items.length - 1;
|
||
}
|
||
});
|
||
}
|
||
|
||
/// 切换到上一张（右滑）
|
||
void _prev() {
|
||
setState(() {
|
||
if (_current > 0) {
|
||
_current--;
|
||
}
|
||
});
|
||
}
|
||
|
||
// ─── 拖动手势 ───
|
||
|
||
void _onDragStart(DragStartDetails _) {
|
||
_dragX = 0;
|
||
_dragY = 0;
|
||
_isDragging = true;
|
||
_horizontalLocked = false;
|
||
}
|
||
|
||
void _onDragUpdate(DragUpdateDetails d) {
|
||
if (!_isDragging) return;
|
||
setState(() {
|
||
_dragX += d.delta.dx;
|
||
_dragY += d.delta.dy;
|
||
// 首次明显移动时判定主方向：水平位移绝对值 > 垂直则锁定水平
|
||
if (!_horizontalLocked &&
|
||
(_dragX.abs() > 8 || _dragY.abs() > 8)) {
|
||
_horizontalLocked = _dragX.abs() > _dragY.abs();
|
||
}
|
||
});
|
||
}
|
||
|
||
void _onDragEnd(DragEndDetails _) {
|
||
if (!_isDragging) return;
|
||
final dx = _dragX;
|
||
final dy = _dragY;
|
||
setState(() {
|
||
_isDragging = false;
|
||
_dragX = 0;
|
||
_dragY = 0;
|
||
_horizontalLocked = false;
|
||
});
|
||
// 非水平主导或距离过小：不切换
|
||
if (dx.abs() <= dy.abs()) return;
|
||
const threshold = 60.0;
|
||
if (dx < -threshold) {
|
||
// 左滑 → 下一张
|
||
_next();
|
||
} else if (dx > threshold) {
|
||
// 右滑 → 上一张
|
||
_prev();
|
||
}
|
||
}
|
||
|
||
// ─── 辅助方法 ───
|
||
|
||
String _movieDetail(Movie m) {
|
||
final parts = <String>[];
|
||
if (m.summary != null && m.summary!.isNotEmpty) {
|
||
parts.add(m.summary!.length > 100 ? '${m.summary!.substring(0, 100)}...' : m.summary!);
|
||
}
|
||
return parts.join('\n');
|
||
}
|
||
|
||
String _bookDetail(Book b) {
|
||
final parts = <String>[];
|
||
if (b.publisher != null && b.publisher!.isNotEmpty) parts.add(b.publisher!);
|
||
if (b.summary != null && b.summary!.isNotEmpty) {
|
||
parts.add(b.summary!.length > 100 ? '${b.summary!.substring(0, 100)}...' : b.summary!);
|
||
}
|
||
return parts.join('\n');
|
||
}
|
||
|
||
String _gameDetail(Game g) {
|
||
final parts = <String>[];
|
||
if (g.platforms.isNotEmpty) parts.add(g.platforms.take(2).join(' / '));
|
||
if (g.summary != null && g.summary!.isNotEmpty) {
|
||
parts.add(g.summary!.length > 100 ? '${g.summary!.substring(0, 100)}...' : g.summary!);
|
||
}
|
||
return parts.join('\n');
|
||
}
|
||
|
||
String _timeAgoText(DateTime date) {
|
||
final diff = DateTime.now().difference(date);
|
||
if (diff.inDays >= 365) return '${(diff.inDays / 365).floor()}年前';
|
||
if (diff.inDays >= 30) return '${(diff.inDays / 30).floor()}个月前';
|
||
if (diff.inDays > 0) return '${diff.inDays}天前';
|
||
if (diff.inHours > 0) return '${diff.inHours}小时前';
|
||
return '刚刚';
|
||
}
|
||
|
||
String _actionVerb(String type) {
|
||
switch (type) {
|
||
case 'movie': return '看过';
|
||
case 'book': return '读过';
|
||
case 'note': return '写下';
|
||
case 'game': return '玩过';
|
||
default: return '';
|
||
}
|
||
}
|
||
|
||
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)));
|
||
case 'game':
|
||
Navigator.push(context, MaterialPageRoute(builder: (_) => GameDetailPage(game: item.data as Game)));
|
||
}
|
||
}
|
||
|
||
// ─── 界面 ───
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final hasContent = _items.isNotEmpty && _current < _items.length;
|
||
|
||
return Scaffold(
|
||
backgroundColor: colors.surface,
|
||
body: Column(
|
||
children: [
|
||
// 顶部栏
|
||
_buildTopBar(colors),
|
||
// 类型筛选
|
||
_buildFilterBar(colors),
|
||
// 内容 + 随机按钮
|
||
Expanded(
|
||
child: !hasContent
|
||
? _buildEmptyState(colors)
|
||
: Column(
|
||
children: [
|
||
Expanded(
|
||
child: Center(
|
||
child: ConstrainedBox(
|
||
constraints: const BoxConstraints(maxWidth: 310),
|
||
child: AnimatedSwitcher(
|
||
duration: const Duration(milliseconds: 280),
|
||
switchInCurve: Curves.easeOut,
|
||
switchOutCurve: Curves.easeIn,
|
||
transitionBuilder: (child, anim) {
|
||
return FadeTransition(
|
||
opacity: anim,
|
||
child: SlideTransition(
|
||
position: Tween<Offset>(
|
||
begin: const Offset(0, 0.04),
|
||
end: Offset.zero,
|
||
).animate(anim),
|
||
child: child,
|
||
),
|
||
);
|
||
},
|
||
child: _buildCard(_items[_current], colors, key: ValueKey(_current)),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
_buildNextButton(colors),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildTopBar(ColorScheme colors) {
|
||
return SafeArea(
|
||
bottom: false,
|
||
child: Padding(
|
||
padding: const EdgeInsets.fromLTRB(16, 8, 16, 0),
|
||
child: Row(
|
||
children: [
|
||
IconButton(
|
||
onPressed: () => Navigator.pop(context),
|
||
icon: Icon(Icons.arrow_back_ios_new, size: 20, color: colors.onSurface.withValues(alpha: 0.7)),
|
||
),
|
||
const Spacer(),
|
||
Text('漫步', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
||
const Spacer(),
|
||
// 占位，保持标题居中
|
||
const SizedBox(width: 48),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 卡片下方的"随机"按钮 — 点击切换下一张
|
||
Widget _buildNextButton(ColorScheme colors) {
|
||
return Padding(
|
||
padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
|
||
child: GestureDetector(
|
||
onTap: _next,
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
|
||
decoration: BoxDecoration(color: colors.primary, borderRadius: BorderRadius.circular(24)),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Icon(Icons.casino_outlined, size: 16, color: colors.onPrimary),
|
||
const SizedBox(width: 6),
|
||
Text('随机一张', style: TextStyle(fontSize: 14, color: colors.onPrimary, fontWeight: FontWeight.w600)),
|
||
]),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildFilterBar(ColorScheme colors) {
|
||
final filters = [
|
||
('all', '全部', Icons.apps_outlined),
|
||
('movie', '影视', Icons.movie_outlined),
|
||
('book', '书籍', Icons.menu_book_outlined),
|
||
('note', '笔记', Icons.note_outlined),
|
||
('game', '游戏', Icons.sports_esports_outlined),
|
||
];
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||
child: Stack(
|
||
children: [
|
||
SingleChildScrollView(
|
||
scrollDirection: Axis.horizontal,
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
child: Row(
|
||
children: filters.map((f) {
|
||
final selected = _filter == f.$1;
|
||
return Padding(
|
||
padding: const EdgeInsets.only(right: 8),
|
||
child: GestureDetector(
|
||
onTap: () {
|
||
if (_filter != f.$1) {
|
||
setState(() {
|
||
_filter = f.$1;
|
||
_items.clear();
|
||
_seenIds.clear();
|
||
_current = 0;
|
||
_loadBatch(5);
|
||
});
|
||
}
|
||
},
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 7),
|
||
decoration: BoxDecoration(
|
||
color: selected ? colors.primary : colors.surfaceContainerHighest,
|
||
borderRadius: BorderRadius.circular(20),
|
||
),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Icon(f.$3, size: 14, color: selected ? colors.onPrimary : colors.onSurface.withValues(alpha: 0.5)),
|
||
const SizedBox(width: 4),
|
||
Text(f.$2, style: TextStyle(fontSize: 12, fontWeight: selected ? FontWeight.w600 : FontWeight.normal,
|
||
color: selected ? colors.onPrimary : colors.onSurface.withValues(alpha: 0.5))),
|
||
]),
|
||
),
|
||
),
|
||
);
|
||
}).toList(),
|
||
),
|
||
),
|
||
// 左侧淡出遮罩
|
||
Positioned(
|
||
left: 0, top: 0, bottom: 0, width: 16,
|
||
child: IgnorePointer(
|
||
child: DecoratedBox(
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
begin: Alignment.centerLeft,
|
||
end: Alignment.centerRight,
|
||
colors: [colors.surface, colors.surface.withValues(alpha: 0)],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
// 右侧淡出遮罩
|
||
Positioned(
|
||
right: 0, top: 0, bottom: 0, width: 16,
|
||
child: IgnorePointer(
|
||
child: DecoratedBox(
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
begin: Alignment.centerRight,
|
||
end: Alignment.centerLeft,
|
||
colors: [colors.surface, colors.surface.withValues(alpha: 0)],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildCard(_StrollItem item, ColorScheme colors, {Key? key}) {
|
||
final hasImage = item.imagePath != null && item.imagePath!.isNotEmpty;
|
||
// 拖动时透明度：位移越大越淡（最淡 0.3）
|
||
final opacity = _isDragging && _horizontalLocked
|
||
? (1.0 - (_dragX.abs() / 300).clamp(0.0, 0.7))
|
||
: 1.0;
|
||
|
||
return GestureDetector(
|
||
key: key,
|
||
behavior: HitTestBehavior.opaque,
|
||
onTap: () => _openDetail(item),
|
||
onDoubleTap: () => ToastUtil.show(context, '已收藏'),
|
||
onHorizontalDragStart: _onDragStart,
|
||
onHorizontalDragUpdate: _onDragUpdate,
|
||
onHorizontalDragEnd: _onDragEnd,
|
||
child: AnimatedOpacity(
|
||
duration: const Duration(milliseconds: 120),
|
||
opacity: opacity,
|
||
child: Transform.translate(
|
||
offset: Offset(_horizontalLocked ? _dragX : 0, 0),
|
||
child: hasImage ? _buildImmersiveCard(item, colors) : _buildContentCard(item, colors),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 有图片的卡片：全屏沉浸式
|
||
Widget _buildImmersiveCard(_StrollItem item, ColorScheme colors) {
|
||
return Container(
|
||
margin: const EdgeInsets.symmetric(vertical: 80),
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(20),
|
||
boxShadow: [BoxShadow(color: Colors.black.withValues(alpha: 0.1), blurRadius: 20, offset: const Offset(0, 8))],
|
||
),
|
||
clipBehavior: Clip.antiAlias,
|
||
child: Stack(
|
||
fit: StackFit.expand,
|
||
children: [
|
||
FadeInLocalImage(path: item.imagePath, fit: BoxFit.cover),
|
||
|
||
// 底部渐变蒙层
|
||
Positioned.fill(
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
gradient: LinearGradient(
|
||
colors: [Colors.transparent, Colors.black.withValues(alpha: 0.85)],
|
||
begin: Alignment.topCenter, end: Alignment.bottomCenter, stops: const [0.3, 0.7],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
|
||
// 顶部标签 + 评分
|
||
Positioned(
|
||
top: 16, left: 16, right: 16,
|
||
child: _buildTopBadges(item),
|
||
),
|
||
|
||
// 底部内容
|
||
Positioned(
|
||
left: 20, right: 20, bottom: 20,
|
||
child: _buildBottomContent(item, Colors.white),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 无图片的卡片：内容从顶部开始
|
||
Widget _buildContentCard(_StrollItem item, ColorScheme colors) {
|
||
return Container(
|
||
margin: const EdgeInsets.symmetric(vertical: 80),
|
||
decoration: BoxDecoration(
|
||
color: colors.surface,
|
||
borderRadius: BorderRadius.circular(20),
|
||
border: Border.all(color: colors.outlineVariant, width: 0.5),
|
||
boxShadow: [BoxShadow(color: Colors.black.withValues(alpha: 0.06), blurRadius: 16, offset: const Offset(0, 4))],
|
||
),
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(20),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// 顶部标签 + 评分
|
||
_buildTopBadges(item, textColor: colors.onSurface, bgColor: item.color.withValues(alpha: 0.1)),
|
||
const SizedBox(height: 16),
|
||
// 内容
|
||
Expanded(
|
||
child: SingleChildScrollView(
|
||
physics: const BouncingScrollPhysics(),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// 标签
|
||
if (item.tags.isNotEmpty)
|
||
Padding(
|
||
padding: const EdgeInsets.only(bottom: 12),
|
||
child: Wrap(
|
||
spacing: 6,
|
||
children: item.tags.take(3).map((tag) => Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
|
||
decoration: BoxDecoration(
|
||
color: item.color.withValues(alpha: 0.08),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Text(tag, style: TextStyle(fontSize: 11, color: item.color)),
|
||
)).toList(),
|
||
),
|
||
),
|
||
|
||
// 标题
|
||
Text(item.title, maxLines: 2, overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(fontSize: 20, 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: 14, color: colors.onSurface.withValues(alpha: 0.5))),
|
||
],
|
||
|
||
// 详情
|
||
if (item.detail.isNotEmpty) ...[
|
||
const SizedBox(height: 12),
|
||
Text(item.detail, maxLines: 6, overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.55), height: 1.7)),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
),
|
||
|
||
const SizedBox(height: 12),
|
||
|
||
// 操作栏
|
||
Row(children: [
|
||
Text('${_timeAgoText(item.createdAt)} ${_actionVerb(item.type)}',
|
||
style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
const Spacer(),
|
||
_actionBtn(Icons.visibility_outlined, '查看', () => _openDetail(item), colors: colors),
|
||
]),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 顶部类型标签 + 评分
|
||
Widget _buildTopBadges(_StrollItem item, {Color? textColor, Color? bgColor}) {
|
||
final fg = textColor ?? Colors.white;
|
||
final bg = bgColor ?? Colors.black.withValues(alpha: 0.3);
|
||
return Row(children: [
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
|
||
decoration: BoxDecoration(color: bg, borderRadius: BorderRadius.circular(20)),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Icon(item.icon, size: 14, color: fg),
|
||
const SizedBox(width: 4),
|
||
Text(item.label, style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: fg)),
|
||
]),
|
||
),
|
||
const Spacer(),
|
||
if (item.rating != null)
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||
decoration: BoxDecoration(color: bg, borderRadius: BorderRadius.circular(20)),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
const Icon(Icons.star, size: 14, color: Color(0xFFFFB800)),
|
||
const SizedBox(width: 3),
|
||
Text(item.rating!.toStringAsFixed(1), style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: fg)),
|
||
]),
|
||
),
|
||
]);
|
||
}
|
||
|
||
/// 底部内容（沉浸式卡片用，白色文字）
|
||
Widget _buildBottomContent(_StrollItem item, Color textColor) {
|
||
return Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
if (item.tags.isNotEmpty)
|
||
Padding(
|
||
padding: const EdgeInsets.only(bottom: 10),
|
||
child: Wrap(
|
||
spacing: 6,
|
||
children: item.tags.take(3).map((tag) => Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white.withValues(alpha: 0.15),
|
||
borderRadius: BorderRadius.circular(12),
|
||
border: Border.all(color: Colors.white.withValues(alpha: 0.2), width: 0.5),
|
||
),
|
||
child: Text(tag, style: TextStyle(fontSize: 11, color: Colors.white.withValues(alpha: 0.8))),
|
||
)).toList(),
|
||
),
|
||
),
|
||
|
||
Text(item.title, maxLines: 2, overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(fontSize: 22, fontWeight: FontWeight.w700, color: textColor, height: 1.3)),
|
||
|
||
if (item.subtitle.isNotEmpty) ...[
|
||
const SizedBox(height: 4),
|
||
Text(item.subtitle, maxLines: 1, overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.6))),
|
||
],
|
||
|
||
if (item.detail.isNotEmpty) ...[
|
||
const SizedBox(height: 10),
|
||
Text(item.detail, maxLines: 3, overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(fontSize: 13, color: textColor.withValues(alpha: 0.5), height: 1.6)),
|
||
],
|
||
|
||
const SizedBox(height: 16),
|
||
|
||
Row(children: [
|
||
Text('${_timeAgoText(item.createdAt)} ${_actionVerb(item.type)}',
|
||
style: TextStyle(fontSize: 12, color: textColor.withValues(alpha: 0.4))),
|
||
const Spacer(),
|
||
_actionBtn(Icons.visibility_outlined, '查看', () => _openDetail(item)),
|
||
]),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _actionBtn(IconData icon, String label, VoidCallback onTap, {ColorScheme? colors}) {
|
||
final fg = colors?.onSurface ?? Colors.white;
|
||
final bg = colors != null ? colors.surfaceContainerHighest : Colors.white.withValues(alpha: 0.12);
|
||
final border = colors != null ? colors.outlineVariant : Colors.white.withValues(alpha: 0.15);
|
||
return GestureDetector(
|
||
onTap: onTap,
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||
decoration: BoxDecoration(
|
||
color: bg,
|
||
borderRadius: BorderRadius.circular(20),
|
||
border: Border.all(color: border, width: 0.5),
|
||
),
|
||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Icon(icon, size: 14, color: fg.withValues(alpha: 0.8)),
|
||
const SizedBox(width: 4),
|
||
Text(label, style: TextStyle(fontSize: 12, color: fg.withValues(alpha: 0.8))),
|
||
]),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildEmptyState(ColorScheme colors) {
|
||
return Center(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Container(width: 80, height: 80,
|
||
decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(20)),
|
||
child: Icon(Icons.explore_outlined, size: 40, color: colors.onSurface.withValues(alpha: 0.2))),
|
||
const SizedBox(height: 20),
|
||
Text('还没有内容', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
const SizedBox(height: 8),
|
||
Text('去添加一些影视、书籍或笔记吧', style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.25))),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _StrollItem {
|
||
final String type;
|
||
final dynamic data;
|
||
final String id;
|
||
final String title;
|
||
final String subtitle;
|
||
final String detail;
|
||
final String? imagePath;
|
||
final IconData icon;
|
||
final String label;
|
||
final double? rating;
|
||
final DateTime createdAt;
|
||
final List<String> tags;
|
||
final Color color;
|
||
|
||
_StrollItem({
|
||
required this.type,
|
||
required this.data,
|
||
required this.id,
|
||
required this.title,
|
||
required this.subtitle,
|
||
required this.detail,
|
||
this.imagePath,
|
||
required this.icon,
|
||
required this.label,
|
||
this.rating,
|
||
required this.createdAt,
|
||
this.tags = const [],
|
||
required this.color,
|
||
});
|
||
}
|