generated from dellevin/template
379 lines
10 KiB
Dart
379 lines
10 KiB
Dart
import 'dart:io';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../providers/app_provider.dart';
|
|
import '../models/data_models.dart';
|
|
|
|
/// 影视详情页 - 极简主义设计
|
|
class MovieDetailPage extends StatefulWidget {
|
|
final Movie movie;
|
|
|
|
const MovieDetailPage({super.key, required this.movie});
|
|
|
|
@override
|
|
State<MovieDetailPage> createState() => _MovieDetailPageState();
|
|
}
|
|
|
|
class _MovieDetailPageState extends State<MovieDetailPage> {
|
|
late Movie _movie;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_movie = widget.movie;
|
|
}
|
|
|
|
void _refreshMovie() {
|
|
final provider = context.read<AppProvider>();
|
|
final updated = provider.movies.firstWhere(
|
|
(m) => m.id == _movie.id,
|
|
orElse: () => _movie,
|
|
);
|
|
setState(() => _movie = updated);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('详情'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => _navigateToEdit(context),
|
|
child: const Text('编辑'),
|
|
),
|
|
const SizedBox(width: 8),
|
|
],
|
|
),
|
|
body: SingleChildScrollView(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// 海报
|
|
_buildPoster(),
|
|
|
|
const SizedBox(height: 40),
|
|
|
|
// 标题
|
|
Text(
|
|
_movie.title,
|
|
style: const TextStyle(
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF1A1A1A),
|
|
height: 1.3,
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 12),
|
|
|
|
// 状态标签
|
|
_buildStatusTag(),
|
|
|
|
const SizedBox(height: 32),
|
|
|
|
// 基本信息
|
|
_buildInfoRow(),
|
|
|
|
// 别名
|
|
if (_movie.alternateTitles.isNotEmpty) ...[
|
|
const SizedBox(height: 32),
|
|
_buildSectionTitle('别名'),
|
|
const SizedBox(height: 12),
|
|
_buildTextList(_movie.alternateTitles),
|
|
],
|
|
|
|
// 导演
|
|
if (_movie.directors.isNotEmpty) ...[
|
|
const SizedBox(height: 32),
|
|
_buildSectionTitle('导演'),
|
|
const SizedBox(height: 12),
|
|
_buildTextList(_movie.directors),
|
|
],
|
|
|
|
// 编剧
|
|
if (_movie.writers.isNotEmpty) ...[
|
|
const SizedBox(height: 32),
|
|
_buildSectionTitle('编剧'),
|
|
const SizedBox(height: 12),
|
|
_buildTextList(_movie.writers),
|
|
],
|
|
|
|
// 主演
|
|
if (_movie.actors.isNotEmpty) ...[
|
|
const SizedBox(height: 32),
|
|
_buildSectionTitle('主演'),
|
|
const SizedBox(height: 12),
|
|
_buildTextList(_movie.actors),
|
|
],
|
|
|
|
// 类型
|
|
if (_movie.genres.isNotEmpty) ...[
|
|
const SizedBox(height: 32),
|
|
_buildSectionTitle('类型'),
|
|
const SizedBox(height: 12),
|
|
Wrap(
|
|
spacing: 8,
|
|
runSpacing: 8,
|
|
children: _movie.genres.map((genre) => Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: const Color(0xFFE5E5E5),
|
|
width: 0.5,
|
|
),
|
|
),
|
|
child: Text(
|
|
genre,
|
|
style: const TextStyle(
|
|
fontSize: 13,
|
|
color: Color(0xFF666666),
|
|
),
|
|
),
|
|
)).toList(),
|
|
),
|
|
],
|
|
|
|
// 剧情简介
|
|
if (_movie.summary != null && _movie.summary!.isNotEmpty) ...[
|
|
const SizedBox(height: 32),
|
|
_buildSectionTitle('简介'),
|
|
const SizedBox(height: 12),
|
|
Text(
|
|
_movie.summary!,
|
|
style: const TextStyle(
|
|
fontSize: 15,
|
|
color: Color(0xFF666666),
|
|
height: 1.7,
|
|
),
|
|
),
|
|
],
|
|
|
|
const SizedBox(height: 48),
|
|
|
|
// 删除按钮
|
|
Center(
|
|
child: TextButton(
|
|
onPressed: () => _showDeleteDialog(context),
|
|
style: TextButton.styleFrom(
|
|
foregroundColor: const Color(0xFFDC2626),
|
|
),
|
|
child: const Text('删除此影片'),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 24),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// 海报
|
|
Widget _buildPoster() {
|
|
return Center(
|
|
child: Container(
|
|
width: 140,
|
|
height: 200,
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFF5F5F5),
|
|
border: Border.all(
|
|
color: const Color(0xFFE5E5E5),
|
|
width: 0.5,
|
|
),
|
|
),
|
|
child: _movie.posterPath != null && _movie.posterPath!.isNotEmpty
|
|
? Image.file(
|
|
File(_movie.posterPath!),
|
|
fit: BoxFit.cover,
|
|
errorBuilder: (_, __, ___) => _buildPlaceholder(),
|
|
)
|
|
: _buildPlaceholder(),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildPlaceholder() {
|
|
return const Center(
|
|
child: Text(
|
|
'无海报',
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// 状态标签
|
|
Widget _buildStatusTag() {
|
|
String label;
|
|
Color bgColor;
|
|
Color textColor;
|
|
|
|
switch (_movie.status) {
|
|
case 'watched':
|
|
label = '已看';
|
|
bgColor = const Color(0xFF1A1A1A);
|
|
textColor = Colors.white;
|
|
break;
|
|
case 'watching':
|
|
label = '在看';
|
|
bgColor = const Color(0xFF666666);
|
|
textColor = Colors.white;
|
|
break;
|
|
case 'want_to_watch':
|
|
label = '想看';
|
|
bgColor = const Color(0xFFF5F5F5);
|
|
textColor = const Color(0xFF666666);
|
|
break;
|
|
default:
|
|
label = '未知';
|
|
bgColor = const Color(0xFFF5F5F5);
|
|
textColor = const Color(0xFF999999);
|
|
}
|
|
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: bgColor,
|
|
borderRadius: BorderRadius.zero,
|
|
),
|
|
child: Text(
|
|
label,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: textColor,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// 基本信息行
|
|
Widget _buildInfoRow() {
|
|
final items = <String>[];
|
|
|
|
if (_movie.releaseDate != null) {
|
|
items.add('${_movie.releaseDate!.year}');
|
|
}
|
|
if (_movie.rating != null) {
|
|
items.add('${_movie.rating!.toStringAsFixed(1)} 分');
|
|
}
|
|
|
|
if (items.isEmpty) return const SizedBox.shrink();
|
|
|
|
return Row(
|
|
children: items.asMap().entries.map((entry) {
|
|
return Row(
|
|
children: [
|
|
Text(
|
|
entry.value,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
if (entry.key < items.length - 1)
|
|
const Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 12),
|
|
child: Text(
|
|
'·',
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: Color(0xFFCCCCCC),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}).toList(),
|
|
);
|
|
}
|
|
|
|
/// 区块标题
|
|
Widget _buildSectionTitle(String title) {
|
|
return Text(
|
|
title.toUpperCase(),
|
|
style: const TextStyle(
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.w500,
|
|
color: Color(0xFF999999),
|
|
letterSpacing: 1,
|
|
),
|
|
);
|
|
}
|
|
|
|
/// 文本列表
|
|
Widget _buildTextList(List<String> items) {
|
|
return Wrap(
|
|
spacing: 8,
|
|
runSpacing: 8,
|
|
children: items.map((item) => Text(
|
|
item,
|
|
style: const TextStyle(
|
|
fontSize: 15,
|
|
color: Color(0xFF333333),
|
|
),
|
|
)).toList(),
|
|
);
|
|
}
|
|
|
|
/// 跳转到编辑
|
|
void _navigateToEdit(BuildContext context) {
|
|
Navigator.pushNamed(context, '/movie-form', arguments: _movie).then((_) {
|
|
_refreshMovie();
|
|
context.read<AppProvider>().loadMovies();
|
|
});
|
|
}
|
|
|
|
/// 删除对话框
|
|
void _showDeleteDialog(BuildContext context) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
backgroundColor: Colors.white,
|
|
elevation: 0,
|
|
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.zero),
|
|
title: const Text(
|
|
'确认删除',
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF1A1A1A),
|
|
),
|
|
),
|
|
content: Text(
|
|
'确定要删除"${_movie.title}"吗？',
|
|
style: const TextStyle(
|
|
fontSize: 15,
|
|
color: Color(0xFF666666),
|
|
),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context),
|
|
child: const Text(
|
|
'取消',
|
|
style: TextStyle(color: Color(0xFF666666)),
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: () async {
|
|
await context.read<AppProvider>().removeMovie(_movie.id);
|
|
if (!context.mounted) return;
|
|
Navigator.pop(context);
|
|
Navigator.pop(context);
|
|
},
|
|
child: const Text(
|
|
'删除',
|
|
style: TextStyle(color: Color(0xFFDC2626)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|