generated from dellevin/template
987 lines
38 KiB
Dart
987 lines
38 KiB
Dart
import 'dart:io';
|
|
import 'dart:ui';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../../widgets/fade_in_local_image.dart';
|
|
import '../../providers/app_provider.dart';
|
|
import '../../models/data_models.dart';
|
|
import '../../utils/user_prefs.dart';
|
|
import '../../utils/toast_util.dart';
|
|
import 'game_reviews_page.dart';
|
|
import 'game_screenshots_page.dart';
|
|
import 'game_share_page.dart';
|
|
|
|
/// 游戏详情页 - 极简主义设计
|
|
class GameDetailPage extends StatefulWidget {
|
|
final Game game;
|
|
final bool embedded;
|
|
|
|
const GameDetailPage({super.key, required this.game, this.embedded = false});
|
|
|
|
@override
|
|
State<GameDetailPage> createState() => _GameDetailPageState();
|
|
}
|
|
|
|
class _GameDetailPageState extends State<GameDetailPage> {
|
|
final ValueNotifier<double> _coverOffset = ValueNotifier(0.0);
|
|
double _coverDragStartOffset = 0.0;
|
|
final ValueNotifier<bool> _draggingCover = ValueNotifier(false);
|
|
final GlobalKey _coverImageKey = GlobalKey();
|
|
double _coverImageHeight = 0.0;
|
|
bool _isLandscapeCover = false;
|
|
late int _detailStyle;
|
|
final ValueNotifier<bool> _showTitle = ValueNotifier(false);
|
|
ScrollController? _overlayScrollController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_detailStyle = UserPrefs().detailPageStyle;
|
|
_coverOffset.value = UserPrefs().getCoverOffset(widget.game.id);
|
|
_detectCoverAspect();
|
|
}
|
|
|
|
Future<void> _detectCoverAspect() async {
|
|
final path = widget.game.coverPath;
|
|
if (path == null || path.isEmpty || path.startsWith('http')) return;
|
|
final file = File(path);
|
|
if (!file.existsSync()) return;
|
|
final bytes = await file.readAsBytes();
|
|
final codec = await instantiateImageCodec(bytes);
|
|
final frame = await codec.getNextFrame();
|
|
final w = frame.image.width;
|
|
final h = frame.image.height;
|
|
frame.image.dispose();
|
|
codec.dispose();
|
|
if (w > h && mounted) {
|
|
setState(() => _isLandscapeCover = true);
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_coverOffset.dispose();
|
|
_draggingCover.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
final game = context.watch<AppProvider>().games
|
|
.where((g) => g.id == widget.game.id)
|
|
.firstOrNull ?? widget.game;
|
|
|
|
return _detailStyle == 1
|
|
? _buildOverlayStyle(game, colors)
|
|
: _buildStandardStyle(game, colors);
|
|
}
|
|
|
|
Widget _buildStandardStyle(Game game, ColorScheme colors) {
|
|
final topSafe = MediaQuery.of(context).padding.top;
|
|
return Scaffold(
|
|
backgroundColor: colors.surface,
|
|
body: Stack(
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.only(top: topSafe + 48),
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
height: 320,
|
|
width: double.infinity,
|
|
child: _buildCoverSection(game),
|
|
),
|
|
_buildBasicInfo(game),
|
|
Divider(height: 0.5, thickness: 0.5, color: colors.outline),
|
|
if (game.platforms.isNotEmpty)
|
|
_buildInfoSection('平台', game.platforms.join('、')),
|
|
if (game.versions.isNotEmpty)
|
|
_buildInfoSection('版本', game.versions.join('、')),
|
|
if (game.genres.isNotEmpty)
|
|
_buildGenresSection(game),
|
|
if (game.playTimeHours > 0 || game.playTimeMinutes > 0)
|
|
_buildInfoSection('游玩时长', '${game.playTimeHours}小时${game.playTimeMinutes}分钟'),
|
|
if (game.purchasePlatforms.isNotEmpty)
|
|
_buildInfoSection('购买平台', game.purchasePlatforms.join('、')),
|
|
if (game.purchaseDate != null)
|
|
_buildInfoSection('购买时间', _formatDate(game.purchaseDate!)),
|
|
if (game.purchasePrice != null && game.purchasePrice!.isNotEmpty)
|
|
_buildInfoSection('购买价格', game.purchasePrice!),
|
|
if (game.summary != null && game.summary!.isNotEmpty)
|
|
_buildInfoSection('游戏简介', game.summary!),
|
|
Divider(height: 0.5, thickness: 0.5, color: colors.outline),
|
|
_buildExtraSections(game),
|
|
const SizedBox(height: 120),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
top: 0, left: 0, right: 0,
|
|
child: Container(
|
|
padding: EdgeInsets.only(top: topSafe),
|
|
color: colors.surface,
|
|
child: SizedBox(
|
|
height: 48,
|
|
child: Row(children: [
|
|
const SizedBox(width: 4),
|
|
IconButton(
|
|
icon: widget.embedded
|
|
? Icon(Icons.close, color: colors.onSurface, size: 18)
|
|
: Icon(Icons.arrow_back_ios_new, color: colors.onSurface, size: 18),
|
|
onPressed: widget.embedded
|
|
? () => context.read<AppProvider>().selectGame(null)
|
|
: () => Navigator.pop(context),
|
|
),
|
|
const SizedBox(width: 4),
|
|
Expanded(
|
|
child: Text(game.title,
|
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: colors.onSurface),
|
|
maxLines: 1, overflow: TextOverflow.ellipsis),
|
|
),
|
|
IconButton(
|
|
icon: Icon(Icons.tune, color: colors.onSurface, size: 20),
|
|
tooltip: '切换样式',
|
|
onPressed: _showStylePicker,
|
|
),
|
|
]),
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
right: 16,
|
|
bottom: 24,
|
|
child: _buildFloatingActionButtons(game),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildOverlayStyle(Game game, ColorScheme colors) {
|
|
final screenH = MediaQuery.of(context).size.height;
|
|
final hasCover = game.coverPath != null && game.coverPath!.isNotEmpty;
|
|
|
|
_overlayScrollController ??= ScrollController()..addListener(() {
|
|
final show = (_overlayScrollController?.offset ?? 0) > 10;
|
|
if (_showTitle.value != show) _showTitle.value = show;
|
|
});
|
|
|
|
return Scaffold(
|
|
body: Stack(
|
|
children: [
|
|
// 封面背景
|
|
if (hasCover)
|
|
Positioned.fill(
|
|
child: Image(
|
|
image: FileImage(File(game.coverPath!)),
|
|
fit: BoxFit.cover, width: double.infinity, height: screenH,
|
|
repeat: ImageRepeat.repeatY,
|
|
),
|
|
)
|
|
else
|
|
Container(color: colors.surfaceContainerHighest),
|
|
|
|
// 毛玻璃
|
|
ClipRect(
|
|
child: BackdropFilter(
|
|
filter: ImageFilter.blur(sigmaX: 25, sigmaY: 25),
|
|
child: Container(color: Colors.black.withValues(alpha: 0.4)),
|
|
),
|
|
),
|
|
|
|
// 内容
|
|
SafeArea(
|
|
child: Column(children: [
|
|
// 顶部栏
|
|
SizedBox(
|
|
height: 48,
|
|
child: Row(children: [
|
|
const SizedBox(width: 4),
|
|
IconButton(
|
|
icon: widget.embedded
|
|
? const Icon(Icons.close, color: Colors.white, size: 18)
|
|
: const Icon(Icons.arrow_back_ios_new, color: Colors.white, size: 18),
|
|
onPressed: widget.embedded
|
|
? () => context.read<AppProvider>().selectGame(null)
|
|
: () => Navigator.pop(context),
|
|
),
|
|
ValueListenableBuilder<bool>(
|
|
valueListenable: _showTitle,
|
|
builder: (_, show, __) => AnimatedOpacity(
|
|
opacity: show ? 1.0 : 0.0,
|
|
duration: const Duration(milliseconds: 200),
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(maxWidth: MediaQuery.of(context).size.width * 0.5),
|
|
child: Text(game.title,
|
|
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Colors.white),
|
|
maxLines: 1, overflow: TextOverflow.ellipsis),
|
|
),
|
|
),
|
|
),
|
|
const Spacer(),
|
|
IconButton(
|
|
icon: const Icon(Icons.tune, color: Colors.white, size: 20),
|
|
tooltip: '切换样式',
|
|
onPressed: _showStylePicker,
|
|
),
|
|
]),
|
|
),
|
|
Expanded(
|
|
child: SingleChildScrollView(
|
|
controller: _overlayScrollController,
|
|
padding: const EdgeInsets.fromLTRB(16, 8, 16, 100),
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
_buildOverlayHeader(game),
|
|
const SizedBox(height: 20),
|
|
if (game.platforms.isNotEmpty)
|
|
_buildOverlayInfoRow('平台', game.platforms.join('、')),
|
|
if (game.versions.isNotEmpty)
|
|
_buildOverlayInfoRow('版本', game.versions.join('、')),
|
|
if (game.genres.isNotEmpty) ...[
|
|
const SizedBox(height: 12),
|
|
_buildOverlayGenres(game),
|
|
],
|
|
if (game.playTimeHours > 0 || game.playTimeMinutes > 0)
|
|
_buildOverlayInfoRow('游玩时长', '${game.playTimeHours}小时${game.playTimeMinutes}分钟'),
|
|
if (game.purchasePlatforms.isNotEmpty)
|
|
_buildOverlayInfoRow('购买平台', game.purchasePlatforms.join('、')),
|
|
if (game.purchaseDate != null)
|
|
_buildOverlayInfoRow('购买时间', _formatDate(game.purchaseDate!)),
|
|
if (game.purchasePrice != null && game.purchasePrice!.isNotEmpty)
|
|
_buildOverlayInfoRow('购买价格', game.purchasePrice!),
|
|
if (game.summary != null && game.summary!.isNotEmpty) ...[
|
|
const SizedBox(height: 12),
|
|
_buildOverlaySummary(game),
|
|
],
|
|
const SizedBox(height: 12),
|
|
_buildExtraSectionsOverlay(game),
|
|
]),
|
|
),
|
|
),
|
|
]),
|
|
),
|
|
|
|
Positioned(right: 16, bottom: 24, child: _buildFloatingActionButtons(game)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildOverlayHeader(Game game) {
|
|
final hasCover = game.coverPath != null && game.coverPath!.isNotEmpty;
|
|
return Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
width: 100, height: 140,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8),
|
|
boxShadow: [BoxShadow(color: Colors.black.withValues(alpha: 0.3), blurRadius: 12, offset: const Offset(0, 4))],
|
|
),
|
|
clipBehavior: Clip.antiAlias,
|
|
child: hasCover
|
|
? FadeInLocalImage(path: game.coverPath, fit: BoxFit.cover)
|
|
: Container(color: Colors.white24, child: const Icon(Icons.sports_esports_outlined, color: Colors.white38, size: 32)),
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
const SizedBox(height: 4),
|
|
Text(game.title, style: const TextStyle(fontSize: 22, fontWeight: FontWeight.bold, color: Colors.white)),
|
|
if (game.genres.isNotEmpty) ...[
|
|
const SizedBox(height: 6),
|
|
Text(game.genres.join(' / '), style: TextStyle(fontSize: 14, color: Colors.white.withValues(alpha: 0.6))),
|
|
],
|
|
const SizedBox(height: 12),
|
|
Row(children: [
|
|
if (game.rating != null && game.rating! > 0) ...[
|
|
const Icon(Icons.star, size: 16, color: Color(0xFFFFB800)),
|
|
const SizedBox(width: 4),
|
|
Text(game.rating!.toStringAsFixed(1), style: const TextStyle(fontSize: 15, fontWeight: FontWeight.w600, color: Color(0xFFFFB800))),
|
|
const SizedBox(width: 16),
|
|
],
|
|
_buildOverlayStatusChip(game.status),
|
|
]),
|
|
]),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildOverlayStatusChip(String status) {
|
|
final (label, bg) = switch (status) {
|
|
'completed' => ('已通关', const Color(0xFF1A1A1A)),
|
|
'playing' => ('在玩', const Color(0xFF666666)),
|
|
'want_to_play' => ('想玩', const Color(0xFF999999)),
|
|
'abandoned' => ('弃游', const Color(0xFF8B4513)),
|
|
_ => ('', const Color(0xFF999999)),
|
|
};
|
|
if (label.isEmpty) return const SizedBox.shrink();
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
|
decoration: BoxDecoration(color: bg, borderRadius: BorderRadius.circular(12)),
|
|
child: Text(label, style: const TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: Colors.white)),
|
|
);
|
|
}
|
|
|
|
Widget _buildOverlayInfoRow(String label, String value) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
|
|
child: Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
SizedBox(width: 72, child: Text(label, style: TextStyle(fontSize: 13, color: Colors.white.withValues(alpha: 0.5)))),
|
|
Expanded(child: Text(value, style: TextStyle(fontSize: 15, color: Colors.white.withValues(alpha: 0.9), height: 1.5))),
|
|
]),
|
|
);
|
|
}
|
|
|
|
Widget _buildOverlayGenres(Game game) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24),
|
|
child: Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
SizedBox(width: 72, child: Text('类型', style: TextStyle(fontSize: 13, color: Colors.white.withValues(alpha: 0.5)))),
|
|
Expanded(
|
|
child: Wrap(
|
|
spacing: 8, runSpacing: 8,
|
|
children: game.genres.map((g) => Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(color: Colors.white.withValues(alpha: 0.15), borderRadius: BorderRadius.circular(16)),
|
|
child: Text(g, style: TextStyle(fontSize: 13, color: Colors.white.withValues(alpha: 0.8))),
|
|
)).toList(),
|
|
),
|
|
),
|
|
]),
|
|
);
|
|
}
|
|
|
|
Widget _buildOverlaySummary(Game game) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24),
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
Text('游戏简介', style: TextStyle(fontSize: 13, color: Colors.white.withValues(alpha: 0.5))),
|
|
const SizedBox(height: 8),
|
|
Text(game.summary!, style: TextStyle(fontSize: 15, color: Colors.white.withValues(alpha: 0.9), height: 1.6)),
|
|
]),
|
|
);
|
|
}
|
|
|
|
Widget _buildExtraSectionsOverlay(Game game) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24),
|
|
child: Column(
|
|
children: [
|
|
_buildFrostedExtraItem(
|
|
icon: Icons.rate_review_outlined,
|
|
title: '游戏评价',
|
|
subtitleFuture: context.read<AppProvider>().getGameReviewCount(game.id),
|
|
emptyText: '暂无评价',
|
|
unit: '条评价',
|
|
onTap: () => _navigateToReviews(game),
|
|
),
|
|
const SizedBox(height: 12),
|
|
_buildFrostedExtraItem(
|
|
icon: Icons.photo_library_outlined,
|
|
title: '游戏截图',
|
|
subtitleFuture: context.read<AppProvider>().getGameScreenshotCount(game.id),
|
|
emptyText: '暂无截图',
|
|
unit: '张截图',
|
|
onTap: () => _navigateToScreenshots(game),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildFrostedExtraItem({
|
|
required IconData icon,
|
|
required String title,
|
|
required Future<int> subtitleFuture,
|
|
required String emptyText,
|
|
required String unit,
|
|
required VoidCallback onTap,
|
|
}) {
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: BackdropFilter(
|
|
filter: ImageFilter.blur(sigmaX: 15, sigmaY: 15),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withValues(alpha: 0.08),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
|
|
child: Row(children: [
|
|
Icon(icon, size: 20, color: Colors.white.withValues(alpha: 0.7)),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
Text(title, style: const TextStyle(fontSize: 15, fontWeight: FontWeight.w600, color: Colors.white)),
|
|
FutureBuilder<int>(
|
|
future: subtitleFuture,
|
|
builder: (ctx, snap) {
|
|
final count = snap.data ?? 0;
|
|
return Text(count > 0 ? '$count $unit' : emptyText,
|
|
style: TextStyle(fontSize: 12, color: Colors.white.withValues(alpha: 0.5)));
|
|
},
|
|
),
|
|
]),
|
|
),
|
|
Icon(Icons.chevron_right, size: 16, color: Colors.white.withValues(alpha: 0.3)),
|
|
]),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildFloatingActionButtons(Game game) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
_buildFloatingButton(
|
|
icon: Icons.edit_outlined,
|
|
onPressed: () => _navigateToEdit(context),
|
|
tooltip: '编辑',
|
|
backgroundColor: colors.primary,
|
|
foregroundColor: colors.onPrimary,
|
|
),
|
|
const SizedBox(height: 12),
|
|
_buildFloatingButton(
|
|
icon: Icons.delete_outline,
|
|
onPressed: () => _showDeleteDialog(context),
|
|
tooltip: '删除',
|
|
backgroundColor: colors.error,
|
|
foregroundColor: colors.onError,
|
|
),
|
|
const SizedBox(height: 12),
|
|
_buildFloatingButton(
|
|
icon: Icons.share_outlined,
|
|
onPressed: () => _showSharePoster(game),
|
|
tooltip: '分享海报',
|
|
backgroundColor: const Color(0xFF4CAF50),
|
|
foregroundColor: Colors.white,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildFloatingButton({
|
|
required IconData icon,
|
|
required VoidCallback onPressed,
|
|
required String tooltip,
|
|
required Color backgroundColor,
|
|
required Color foregroundColor,
|
|
}) {
|
|
return Tooltip(
|
|
message: tooltip,
|
|
child: GestureDetector(
|
|
onTap: onPressed,
|
|
child: Container(
|
|
width: 40,
|
|
height: 40,
|
|
decoration: BoxDecoration(
|
|
color: backgroundColor,
|
|
shape: BoxShape.circle,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: backgroundColor.withValues(alpha: 0.3),
|
|
blurRadius: 8,
|
|
offset: const Offset(0, 2),
|
|
),
|
|
],
|
|
),
|
|
child: Icon(icon, size: 18, color: foregroundColor),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildCoverSection(Game game) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
final hasCover = game.coverPath != null && game.coverPath!.isNotEmpty;
|
|
|
|
// 横图：直接居中裁剪填满，无需拖拽偏移
|
|
if (_isLandscapeCover && hasCover) {
|
|
return Stack(
|
|
fit: StackFit.expand,
|
|
children: [
|
|
FadeInLocalImage(path: game.coverPath, fit: BoxFit.cover),
|
|
Positioned(
|
|
left: 0, right: 0, bottom: 0,
|
|
child: IgnorePointer(
|
|
child: Container(
|
|
height: 60,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [colors.surface.withValues(alpha: 0), colors.surface],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
// 竖图：原有逻辑，支持上下拖拽调整偏移
|
|
return LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
final containerH = constraints.maxHeight;
|
|
return GestureDetector(
|
|
onLongPressStart: hasCover ? (_) {
|
|
HapticFeedback.mediumImpact();
|
|
final ctx = _coverImageKey.currentContext;
|
|
if (ctx != null) {
|
|
final box = ctx.findRenderObject() as RenderBox?;
|
|
if (box != null) _coverImageHeight = box.size.height;
|
|
}
|
|
_draggingCover.value = true;
|
|
_coverDragStartOffset = _coverOffset.value;
|
|
} : null,
|
|
onLongPressMoveUpdate: hasCover ? (d) {
|
|
final raw = _coverDragStartOffset + d.offsetFromOrigin.dy;
|
|
final imgH = _coverImageHeight > 0 ? _coverImageHeight : containerH;
|
|
final minOffset = -(imgH - containerH).clamp(0, double.infinity);
|
|
_coverOffset.value = raw.clamp(minOffset, 0.0) as double;
|
|
} : null,
|
|
onLongPressEnd: hasCover ? (_) {
|
|
_draggingCover.value = false;
|
|
final offset = _coverOffset.value;
|
|
UserPrefs().setCoverOffset(widget.game.id, offset);
|
|
context.read<AppProvider>().updateGameCoverOffset(widget.game.id, offset);
|
|
} : null,
|
|
child: ValueListenableBuilder<double>(
|
|
valueListenable: _coverOffset,
|
|
builder: (context, offset, _) {
|
|
return Stack(
|
|
fit: StackFit.expand,
|
|
children: [
|
|
if (hasCover)
|
|
ClipRect(
|
|
child: Stack(
|
|
children: [
|
|
Positioned(
|
|
top: offset,
|
|
left: 0, right: 0,
|
|
child: FadeInLocalImage(
|
|
key: _coverImageKey,
|
|
path: game.coverPath,
|
|
fit: BoxFit.fitWidth,
|
|
width: constraints.maxWidth,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
)
|
|
else
|
|
_buildCoverPlaceholder(),
|
|
ValueListenableBuilder<bool>(
|
|
valueListenable: _draggingCover,
|
|
builder: (context, dragging, _) {
|
|
return Stack(
|
|
children: [
|
|
if (!dragging)
|
|
Positioned(
|
|
left: 0, right: 0, bottom: 0,
|
|
child: IgnorePointer(
|
|
child: Container(
|
|
height: 60,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [
|
|
colors.surface.withValues(alpha: 0),
|
|
colors.surface,
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
if (dragging) ...[
|
|
Positioned.fill(
|
|
child: Container(color: Colors.black.withValues(alpha: 0.3)),
|
|
),
|
|
Positioned(
|
|
left: 0, right: 0, bottom: 20,
|
|
child: Center(
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Colors.black.withValues(alpha: 0.6),
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
child: const Text('上下滑动调整图片位置',
|
|
style: TextStyle(fontSize: 13, color: Colors.white70)),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
);
|
|
},
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _buildCoverPlaceholder() {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(Icons.sports_esports_outlined, size: 64, color: colors.onSurface.withValues(alpha: 0.25)),
|
|
const SizedBox(height: 16),
|
|
Text('暂无封面', style: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.4))),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildBasicInfo(Game game) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Padding(
|
|
padding: const EdgeInsets.all(24),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
game.title,
|
|
style: TextStyle(fontSize: 24, fontWeight: FontWeight.w600, color: colors.onSurface, height: 1.3),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Row(
|
|
children: [
|
|
if (game.rating != null) ...[
|
|
const Icon(Icons.star, size: 20, color: Colors.amber),
|
|
const SizedBox(width: 4),
|
|
Text(game.rating!.toStringAsFixed(1),
|
|
style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
|
const SizedBox(width: 16),
|
|
],
|
|
_buildStatusTag(game),
|
|
const SizedBox(width: 6),
|
|
_buildCategoryTag(game),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStatusTag(Game game) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
String label;
|
|
Color bgColor;
|
|
Color textColor;
|
|
switch (game.status) {
|
|
case 'completed':
|
|
label = '已通关';
|
|
bgColor = colors.primary;
|
|
textColor = colors.onPrimary;
|
|
case 'playing':
|
|
label = '在玩';
|
|
bgColor = colors.outlineVariant;
|
|
textColor = colors.onSurface.withValues(alpha: 0.6);
|
|
case 'want_to_play':
|
|
label = '想玩';
|
|
bgColor = colors.surfaceContainerHighest;
|
|
textColor = colors.onSurface.withValues(alpha: 0.4);
|
|
case 'abandoned':
|
|
label = '弃游';
|
|
bgColor = colors.errorContainer;
|
|
textColor = colors.onError;
|
|
default:
|
|
label = '未知';
|
|
bgColor = colors.outlineVariant;
|
|
textColor = colors.onSurface.withValues(alpha: 0.25);
|
|
}
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(color: bgColor, borderRadius: BorderRadius.circular(6)),
|
|
child: Text(label, style: TextStyle(fontSize: 12, color: textColor, fontWeight: FontWeight.w600)),
|
|
);
|
|
}
|
|
|
|
Widget _buildCategoryTag(Game game) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
const labels = {'digital': '数字版', 'cartridge': '卡带', 'disc': '光盘'};
|
|
final label = labels[game.category];
|
|
if (label == null) return const SizedBox.shrink();
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(6)),
|
|
child: Text(label, style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.5), fontWeight: FontWeight.w500)),
|
|
);
|
|
}
|
|
|
|
Widget _buildInfoSection(String label, String value) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
width: 72,
|
|
child: Text(label, style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.4))),
|
|
),
|
|
Expanded(
|
|
child: Text(value, style: TextStyle(fontSize: 15, color: colors.onSurface, height: 1.5)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildGenresSection(Game game) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
width: 72,
|
|
child: Text('类型', style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.4))),
|
|
),
|
|
Expanded(
|
|
child: Wrap(
|
|
spacing: 8, runSpacing: 8,
|
|
children: game.genres.map((g) => Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(16)),
|
|
child: Text(g, style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.6))),
|
|
)).toList(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
String _formatDate(DateTime date) {
|
|
return '${date.year}-${date.month.toString().padLeft(2, '0')}-${date.day.toString().padLeft(2, '0')}';
|
|
}
|
|
|
|
Widget _buildExtraSections(Game game) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return Padding(
|
|
padding: const EdgeInsets.all(24),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Container(
|
|
width: 4, height: 16,
|
|
decoration: BoxDecoration(color: colors.onSurface, borderRadius: BorderRadius.circular(2)),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text('更多', style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
_buildExtraSectionItem(
|
|
icon: Icons.rate_review_outlined,
|
|
title: '游戏评价',
|
|
subtitleFuture: context.read<AppProvider>().getGameReviewCount(game.id),
|
|
emptyText: '暂无评价',
|
|
unit: '条评价',
|
|
onTap: () => _navigateToReviews(game),
|
|
),
|
|
const SizedBox(height: 12),
|
|
_buildExtraSectionItem(
|
|
icon: Icons.photo_library_outlined,
|
|
title: '游戏截图',
|
|
subtitleFuture: context.read<AppProvider>().getGameScreenshotCount(game.id),
|
|
emptyText: '暂无截图',
|
|
unit: '张截图',
|
|
onTap: () => _navigateToScreenshots(game),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildExtraSectionItem({
|
|
required IconData icon,
|
|
required String title,
|
|
required Future<int> subtitleFuture,
|
|
required String emptyText,
|
|
required String unit,
|
|
required VoidCallback onTap,
|
|
}) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return GestureDetector(
|
|
onTap: onTap,
|
|
child: Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: colors.surfaceContainerHigh,
|
|
borderRadius: BorderRadius.circular(10),
|
|
border: Border.all(color: colors.outlineVariant, width: 0.5),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 40, height: 40,
|
|
decoration: BoxDecoration(
|
|
color: colors.surface,
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: colors.outlineVariant, width: 0.5),
|
|
),
|
|
child: Icon(icon, size: 20, color: colors.onSurface.withValues(alpha: 0.6)),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(title, style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
|
const SizedBox(height: 4),
|
|
FutureBuilder<int>(
|
|
future: subtitleFuture,
|
|
builder: (context, snapshot) {
|
|
final count = snapshot.data ?? 0;
|
|
return Text(
|
|
count > 0 ? '$count $unit' : emptyText,
|
|
style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.4)),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(Icons.chevron_right, size: 20, color: colors.onSurface.withValues(alpha: 0.25)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _navigateToReviews(Game game) {
|
|
Navigator.push(context, MaterialPageRoute(builder: (_) => GameReviewsPage(game: game)));
|
|
}
|
|
|
|
void _navigateToScreenshots(Game game) {
|
|
Navigator.push(context, MaterialPageRoute(builder: (_) => GameScreenshotsPage(game: game)));
|
|
}
|
|
|
|
void _showStylePicker() {
|
|
final colors = Theme.of(context).colorScheme;
|
|
final currentStyle = UserPrefs().detailPageStyle;
|
|
const names = ['默认样式', '毛玻璃层叠'];
|
|
const icons = [Icons.article_outlined, Icons.blur_on_outlined];
|
|
const subtitles = ['标准封面顶部布局', '封面背景 + 毛玻璃卡片'];
|
|
showModalBottomSheet(
|
|
context: context,
|
|
backgroundColor: colors.surface,
|
|
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(16))),
|
|
builder: (ctx) => Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
|
child: Column(mainAxisSize: MainAxisSize.min, children: [
|
|
Container(width: 36, height: 4, decoration: BoxDecoration(color: colors.onSurface.withValues(alpha: 0.15), borderRadius: BorderRadius.circular(2))),
|
|
const SizedBox(height: 20),
|
|
Align(alignment: Alignment.centerLeft, child: Text('详情页样式', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: colors.onSurface))),
|
|
const SizedBox(height: 12),
|
|
for (int i = 0; i < names.length; i++) ...[
|
|
if (i > 0) Divider(height: 0.5, color: colors.outlineVariant),
|
|
ListTile(
|
|
contentPadding: EdgeInsets.zero,
|
|
leading: Container(width: 36, height: 36, decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(10)),
|
|
child: Icon(icons[i], size: 20, color: currentStyle == i ? colors.primary : colors.onSurface.withValues(alpha: 0.6))),
|
|
title: Text(names[i], style: TextStyle(fontSize: 13, fontWeight: currentStyle == i ? FontWeight.w600 : FontWeight.w500, color: colors.onSurface)),
|
|
subtitle: Text(subtitles[i], style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.4))),
|
|
trailing: currentStyle == i
|
|
? Icon(Icons.check_circle, size: 20, color: colors.primary)
|
|
: Icon(Icons.chevron_right, color: colors.onSurface.withValues(alpha: 0.25)),
|
|
onTap: () { setState(() => _detailStyle = i); UserPrefs().setDetailPageStyle(i); Navigator.pop(ctx); },
|
|
),
|
|
],
|
|
const SizedBox(height: 12),
|
|
]),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showSharePoster(Game game) {
|
|
Navigator.push(context, MaterialPageRoute(builder: (_) => GameSharePage(game: game)));
|
|
}
|
|
|
|
void _navigateToEdit(BuildContext context) {
|
|
final provider = context.read<AppProvider>();
|
|
Navigator.pushNamed(context, '/game-form', arguments: widget.game).then((_) {
|
|
provider.setEditRefresh(widget.game.id);
|
|
provider.loadGames();
|
|
});
|
|
}
|
|
|
|
void _showDeleteDialog(BuildContext context) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
backgroundColor: colors.surface, elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
title: Text('确认删除', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
|
content: Text('确定要删除"${widget.game.title}"吗？删除后可在回收站恢复。',
|
|
style: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.6), height: 1.5)),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context),
|
|
style: TextButton.styleFrom(foregroundColor: colors.onSurface.withValues(alpha: 0.6),
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8)),
|
|
child: const Text('取消'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () async {
|
|
final provider = context.read<AppProvider>();
|
|
await provider.removeGame(widget.game.id);
|
|
if (!mounted || !context.mounted) return;
|
|
if (widget.embedded) {
|
|
Navigator.of(context).pop();
|
|
provider.selectGame(null);
|
|
} else {
|
|
final navigator = Navigator.of(context);
|
|
navigator.pop();
|
|
navigator.pop();
|
|
}
|
|
if (mounted && context.mounted) {
|
|
ToastUtil.show(context, '已删除');
|
|
}
|
|
},
|
|
style: ElevatedButton.styleFrom(backgroundColor: colors.error, foregroundColor: colors.onError, elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8)),
|
|
child: const Text('删除'),
|
|
),
|
|
],
|
|
actionsPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
),
|
|
);
|
|
}
|
|
}
|