generated from dellevin/template
1234 lines
54 KiB
Dart
1234 lines
54 KiB
Dart
import 'dart:math' as math;
|
||
import 'package:flutter/material.dart';
|
||
import 'package:fl_chart/fl_chart.dart';
|
||
import 'package:provider/provider.dart';
|
||
import '../../providers/app_provider.dart';
|
||
import '../../models/data_models.dart';
|
||
import '../../utils/user_prefs.dart';
|
||
import '../../widgets/fade_in_local_image.dart';
|
||
|
||
/// 数据统计页面 - 多维度数据分析
|
||
class StatisticsPage extends StatefulWidget {
|
||
const StatisticsPage({super.key});
|
||
|
||
@override
|
||
State<StatisticsPage> createState() => _StatisticsPageState();
|
||
}
|
||
|
||
class _StatisticsPageState extends State<StatisticsPage> {
|
||
int _statusTabIndex = 0; // 0: 影视, 1: 书籍
|
||
int _top5TabIndex = 0; // 0: 导演, 1: 作者
|
||
int _topRatedTabIndex = 0; // 0: 影视, 1: 书籍, 2: 游戏
|
||
int _cloudTabIndex = 0; // 标签词云 tab
|
||
int _timeRange = 2; // 0: 周, 1: 月, 2: 年
|
||
|
||
bool get _showMovies => UserPrefs().showMovieTab;
|
||
bool get _showBooks => UserPrefs().showBookTab;
|
||
bool get _showNotes => UserPrefs().showNoteTab;
|
||
|
||
// 缓存过滤后的列表
|
||
List<Movie>? _cachedMovies;
|
||
List<Book>? _cachedBooks;
|
||
List<Note>? _cachedNotes;
|
||
List<Movie>? _filteredMovies;
|
||
List<Book>? _filteredBooks;
|
||
List<Note>? _filteredNotes;
|
||
|
||
(List<Movie>, List<Book>, List<Note>) _getFilteredLists(
|
||
List<Movie> movies, List<Book> books, List<Note> notes) {
|
||
if (!identical(movies, _cachedMovies) ||
|
||
!identical(books, _cachedBooks) ||
|
||
!identical(notes, _cachedNotes)) {
|
||
_cachedMovies = movies;
|
||
_cachedBooks = books;
|
||
_cachedNotes = notes;
|
||
_filteredMovies = movies.where((m) => !m.isDeleted).toList();
|
||
_filteredBooks = books.where((b) => !b.isDeleted).toList();
|
||
_filteredNotes = notes.where((n) => !n.isDeleted).toList();
|
||
}
|
||
return (_filteredMovies!, _filteredBooks!, _filteredNotes!);
|
||
}
|
||
|
||
/// 影视用观看日期优先，无则创建日期
|
||
DateTime _movieDate(dynamic m) => (m as Movie).watchDate ?? m.createdAt;
|
||
/// 书籍用开始阅读日期优先，无则创建日期
|
||
DateTime _bookDate(dynamic b) => (b as Book).startDate ?? b.createdAt;
|
||
/// 笔记用创建日期
|
||
DateTime _noteDate(dynamic n) => (n as Note).createdAt;
|
||
|
||
/// 按时间范围过滤 items
|
||
List<T> _filterItemsByRange<T>(List<T> items, DateTime Function(T) getDate) {
|
||
final now = DateTime.now();
|
||
switch (_timeRange) {
|
||
case 0:
|
||
final start = DateTime(now.year, now.month, now.day - 6);
|
||
return items.where((i) => !getDate(i).isBefore(start)).toList();
|
||
case 1:
|
||
final start = DateTime(now.year, now.month, now.day - 29);
|
||
return items.where((i) => !getDate(i).isBefore(start)).toList();
|
||
default:
|
||
return items;
|
||
}
|
||
}
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_timeRange = UserPrefs().statsTimeRange;
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final movies = context.select<AppProvider, List<Movie>>((p) => p.movies);
|
||
final books = context.select<AppProvider, List<Book>>((p) => p.books);
|
||
final notes = context.select<AppProvider, List<Note>>((p) => p.notes);
|
||
final games = context.select<AppProvider, List<Game>>((p) => p.games);
|
||
final (fm, fb, fn) = _getFilteredLists(movies, books, notes);
|
||
|
||
// 按时间范围过滤
|
||
final rfm = _filterItemsByRange(fm, _movieDate);
|
||
final rfb = _filterItemsByRange(fb, _bookDate);
|
||
final rfn = _filterItemsByRange(fn, _noteDate);
|
||
final rfg = _filterItemsByRange(games.where((g) => !g.isDeleted).toList(), (g) => g.createdAt);
|
||
|
||
return Scaffold(
|
||
backgroundColor: colors.surface,
|
||
appBar: AppBar(
|
||
title: const Text('数据统计'),
|
||
actions: [
|
||
_buildTimeRangeSelector(colors),
|
||
],
|
||
),
|
||
body: ListView(
|
||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
||
children: [
|
||
// 1. 总览
|
||
_buildOverview(rfm, rfb, rfn),
|
||
const SizedBox(height: 16),
|
||
// 2. 状态分布
|
||
if (_showMovies || _showBooks) ...[
|
||
_buildStatusSection(rfm, rfb),
|
||
const SizedBox(height: 16),
|
||
],
|
||
// 3. 习惯洞察
|
||
_buildHabitsInsight(rfm, rfb, rfn),
|
||
const SizedBox(height: 16),
|
||
// 4. 类型偏好雷达图
|
||
_buildGenreRadar(rfm, rfb),
|
||
const SizedBox(height: 16),
|
||
// 5. 导演/作者 TOP 5
|
||
if (_showMovies || _showBooks) ...[
|
||
_buildTop5Section(rfm, rfb),
|
||
const SizedBox(height: 16),
|
||
],
|
||
// 6. 高分之最
|
||
_buildTopRated(rfm, rfb, rfg),
|
||
const SizedBox(height: 16),
|
||
// 7. 评分分布
|
||
_buildRatingDistribution(rfm, rfb),
|
||
const SizedBox(height: 16),
|
||
// 8. 趋势图
|
||
_buildTrendChart(rfm, rfb, rfn),
|
||
const SizedBox(height: 16),
|
||
// 9. 星期分布
|
||
_buildWeekdayDistribution(rfm, rfb, rfn),
|
||
const SizedBox(height: 16),
|
||
// 10. 累计增长
|
||
_buildCumulativeGrowth(rfm, rfb, rfn),
|
||
const SizedBox(height: 16),
|
||
// 11. 标签词云
|
||
_buildTagCloud(rfm, rfb, rfn, rfg),
|
||
const SizedBox(height: 16),
|
||
// 12. 趣味统计
|
||
_buildFunStats(rfm, rfb, rfn),
|
||
const SizedBox(height: 80),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 时间范围选择器 ──────────────────────────────────────────────
|
||
|
||
Widget _buildTimeRangeSelector(ColorScheme colors) {
|
||
const labels = ['周', '月', '年'];
|
||
return Padding(
|
||
padding: const EdgeInsets.only(right: 8),
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
color: colors.surfaceContainerHighest,
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: List.generate(3, (i) {
|
||
final selected = _timeRange == i;
|
||
return GestureDetector(
|
||
onTap: () {
|
||
setState(() => _timeRange = i);
|
||
UserPrefs().setStatsTimeRange(i);
|
||
},
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||
decoration: BoxDecoration(
|
||
color: selected ? colors.primary : null,
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
child: Text(labels[i], style: TextStyle(
|
||
fontSize: 12,
|
||
fontWeight: selected ? FontWeight.w600 : FontWeight.w500,
|
||
color: selected ? colors.onPrimary : colors.onSurface.withValues(alpha: 0.5),
|
||
)),
|
||
),
|
||
);
|
||
}),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 1. 总览 ──────────────────────────────────────────────────────
|
||
|
||
Widget _buildOverview(List<Movie> movies, List<Book> books, List<Note> notes) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final completed = movies.where((m) => m.status == 'watched').length +
|
||
books.where((b) => b.status == 'read').length;
|
||
final totalWithStatus = movies.length + books.length;
|
||
final completionRate = totalWithStatus > 0 ? completed / totalWithStatus : 0.0;
|
||
|
||
final now = DateTime.now();
|
||
final thisPeriod = movies.length + books.length + notes.length;
|
||
|
||
// 上期数据
|
||
int lastPeriod;
|
||
if (_timeRange == 0) {
|
||
// 上周
|
||
final start = DateTime(now.year, now.month, now.day - 13);
|
||
final end = DateTime(now.year, now.month, now.day - 7);
|
||
lastPeriod = _countInDateRange(movies, books, notes, start, end);
|
||
} else if (_timeRange == 1) {
|
||
// 上月
|
||
final start = DateTime(now.year, now.month, now.day - 59);
|
||
final end = DateTime(now.year, now.month, now.day - 30);
|
||
lastPeriod = _countInDateRange(movies, books, notes, start, end);
|
||
} else {
|
||
// 去年同期
|
||
final start = DateTime(now.year - 1, now.month, now.day);
|
||
final end = now;
|
||
lastPeriod = _countInDateRangeFull(movies, books, notes, start, end);
|
||
}
|
||
final diff = thisPeriod - lastPeriod;
|
||
|
||
// 平均评分
|
||
final allRatings = [...movies, ...books].map((e) => (e as dynamic).rating as double?).where((r) => r != null && r > 0).toList();
|
||
final avgRating = allRatings.isNotEmpty ? allRatings.reduce((a, b) => a! + b!)! / allRatings.length : 0.0;
|
||
|
||
// 记录天数
|
||
final allDates = [
|
||
...movies.map(_movieDate),
|
||
...books.map(_bookDate),
|
||
...notes.map(_noteDate),
|
||
];
|
||
final daysTracked = allDates.isNotEmpty ? now.difference(allDates.reduce((a, b) => a.isBefore(b) ? a : b)).inDays + 1 : 0;
|
||
|
||
final periodLabel = _timeRange == 0 ? '本周' : _timeRange == 1 ? '本月' : '本年';
|
||
|
||
return Column(
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Expanded(child: _buildOverviewCard('完成率', completionRate == 0 ? '-' : '${(completionRate * 100).toStringAsFixed(0)}%', Icons.check_circle_outline, colors.primary, subtitle: completionRate > 0 ? '已看+已读' : null)),
|
||
const SizedBox(width: 10),
|
||
Expanded(child: _buildOverviewCard('$periodLabel新增', '$thisPeriod', Icons.trending_up, const Color(0xFF66BB6A), subtitle: diff >= 0 ? '↑$diff' : '↓${diff.abs()}')),
|
||
],
|
||
),
|
||
const SizedBox(height: 10),
|
||
Row(
|
||
children: [
|
||
Expanded(child: _buildOverviewCard('平均评分', avgRating > 0 ? avgRating.toStringAsFixed(1) : '-', Icons.star_outline, const Color(0xFFFFB800), subtitle: avgRating > 0 ? '/ 10' : null)),
|
||
const SizedBox(width: 10),
|
||
Expanded(child: _buildOverviewCard('记录天数', daysTracked > 0 ? '$daysTracked' : '-', Icons.calendar_today_outlined, const Color(0xFF7E57C2), subtitle: daysTracked > 0 ? '天' : null)),
|
||
],
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
int _countInDateRange(List<Movie> movies, List<Book> books, List<Note> notes, DateTime start, DateTime end) {
|
||
return movies.where((m) { final d = _movieDate(m); return !d.isBefore(start) && d.isBefore(end); }).length +
|
||
books.where((b) { final d = _bookDate(b); return !d.isBefore(start) && d.isBefore(end); }).length +
|
||
notes.where((n) { final d = _noteDate(n); return !d.isBefore(start) && d.isBefore(end); }).length;
|
||
}
|
||
|
||
int _countInDateRangeFull(List<Movie> movies, List<Book> books, List<Note> notes, DateTime start, DateTime end) {
|
||
return movies.where((m) { final d = _movieDate(m); return !d.isBefore(start) && d.isBefore(end); }).length +
|
||
books.where((b) { final d = _bookDate(b); return !d.isBefore(start) && d.isBefore(end); }).length +
|
||
notes.where((n) { final d = _noteDate(n); return !d.isBefore(start) && d.isBefore(end); }).length;
|
||
}
|
||
|
||
Widget _buildOverviewCard(String label, String value, IconData icon, Color color, {String? subtitle}) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
return Container(
|
||
padding: const EdgeInsets.symmetric(vertical: 14, horizontal: 14),
|
||
decoration: BoxDecoration(
|
||
color: color.withValues(alpha: 0.06),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
Container(
|
||
width: 36, height: 36,
|
||
decoration: BoxDecoration(
|
||
color: color.withValues(alpha: 0.12),
|
||
borderRadius: BorderRadius.circular(10),
|
||
),
|
||
child: Icon(icon, size: 18, color: color),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(label, style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.5))),
|
||
const SizedBox(height: 2),
|
||
Row(
|
||
crossAxisAlignment: CrossAxisAlignment.baseline,
|
||
textBaseline: TextBaseline.alphabetic,
|
||
children: [
|
||
Text(value, style: TextStyle(fontSize: 20, fontWeight: FontWeight.w700, color: color)),
|
||
if (subtitle != null) ...[
|
||
const SizedBox(width: 3),
|
||
Text(subtitle, style: TextStyle(fontSize: 10, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
],
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 2. 状态分布 ──────────────────────────────────────────────────
|
||
|
||
Widget _buildStatusSection(List<Movie> movies, List<Book> books) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final tabs = <(String, List, String Function(dynamic), Map<String, String>)>[];
|
||
if (_showMovies) tabs.add(('影视', movies, (m) => m.status, {'已看': 'watched', '在看': 'watching', '想看': 'want_to_watch'}));
|
||
if (_showBooks) tabs.add(('书籍', books, (b) => b.status, {'已读': 'read', '在读': 'reading', '想读': 'want_to_read'}));
|
||
if (tabs.isEmpty) return const SizedBox.shrink();
|
||
if (_statusTabIndex >= tabs.length) _statusTabIndex = 0;
|
||
|
||
final tab = tabs[_statusTabIndex];
|
||
final total = tab.$2.length;
|
||
|
||
return _buildCard(
|
||
title: '状态分布',
|
||
action: tabs.length > 1 ? _buildTabChips(tabs.map((e) => e.$1).toList(), _statusTabIndex, (i) => setState(() => _statusTabIndex = i), colors) : null,
|
||
child: Column(
|
||
children: tab.$4.entries.map((e) {
|
||
final count = tab.$2.where((i) => tab.$3(i) == e.value).length;
|
||
final pct = total > 0 ? count / total : 0.0;
|
||
return Padding(
|
||
padding: const EdgeInsets.only(bottom: 14),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Text(e.key, style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.6))),
|
||
const Spacer(),
|
||
Text('$count', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
||
const SizedBox(width: 4),
|
||
Text('${(pct * 100).toStringAsFixed(0)}%', style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
],
|
||
),
|
||
const SizedBox(height: 6),
|
||
ClipRRect(
|
||
borderRadius: BorderRadius.circular(3),
|
||
child: LinearProgressIndicator(value: pct, backgroundColor: colors.outlineVariant, color: colors.primary, minHeight: 6),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}).toList(),
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 3. 习惯洞察 ──────────────────────────────────────────────────
|
||
|
||
Widget _buildHabitsInsight(List<Movie> movies, List<Book> books, List<Note> notes) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final allDates = [
|
||
...movies.map(_movieDate),
|
||
...books.map(_bookDate),
|
||
...notes.map(_noteDate),
|
||
]..sort();
|
||
if (allDates.isEmpty) return const SizedBox.shrink();
|
||
|
||
// 最活跃月份
|
||
final monthCounts = <int, int>{};
|
||
for (final d in allDates) {
|
||
monthCounts[d.month] = (monthCounts[d.month] ?? 0) + 1;
|
||
}
|
||
final busiestMonth = monthCounts.entries.isEmpty ? 1 : monthCounts.entries.reduce((a, b) => a.value >= b.value ? a : b).key;
|
||
const monthNames = ['', '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
|
||
|
||
// 记录频率
|
||
final firstDate = allDates.first;
|
||
final totalMonths = math.max(1, (DateTime.now().year - firstDate.year) * 12 + DateTime.now().month - firstDate.month + 1);
|
||
final avgPerMonth = (allDates.length / totalMonths).toStringAsFixed(1);
|
||
|
||
// 观影/阅读节奏
|
||
final watchedDates = movies.where((m) => m.status == 'watched').map(_movieDate).toList()..sort();
|
||
final readDates = books.where((b) => b.status == 'read').map(_bookDate).toList()..sort();
|
||
final watchedAvgGap = _calcAvgGap(watchedDates);
|
||
final readAvgGap = _calcAvgGap(readDates);
|
||
|
||
return _buildCard(
|
||
title: '习惯洞察',
|
||
child: Column(
|
||
children: [
|
||
_buildInsightRow(Icons.calendar_month_outlined, '最活跃月份', monthNames[busiestMonth]),
|
||
Divider(height: 1, color: colors.outlineVariant),
|
||
_buildInsightRow(Icons.speed_outlined, '记录频率', '平均每月 $avgPerMonth 条'),
|
||
if (watchedAvgGap > 0) ...[
|
||
Divider(height: 1, color: colors.outlineVariant),
|
||
_buildInsightRow(Icons.movie_outlined, '观影节奏', '平均 ${watchedAvgGap.toStringAsFixed(0)} 天一部'),
|
||
],
|
||
if (readAvgGap > 0) ...[
|
||
Divider(height: 1, color: colors.outlineVariant),
|
||
_buildInsightRow(Icons.menu_book_outlined, '阅读节奏', '平均 ${readAvgGap.toStringAsFixed(0)} 天一本'),
|
||
],
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
double _calcAvgGap(List<DateTime> dates) {
|
||
if (dates.length < 2) return 0;
|
||
final sorted = dates.toList()..sort();
|
||
double totalGap = 0;
|
||
for (int i = 1; i < sorted.length; i++) {
|
||
totalGap += sorted[i].difference(sorted[i - 1]).inDays.toDouble();
|
||
}
|
||
return totalGap / (sorted.length - 1);
|
||
}
|
||
|
||
Widget _buildInsightRow(IconData icon, String label, String value) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 10),
|
||
child: Row(
|
||
children: [
|
||
Icon(icon, size: 18, color: colors.onSurface.withValues(alpha: 0.5)),
|
||
const SizedBox(width: 12),
|
||
Text(label, style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.6))),
|
||
const Spacer(),
|
||
Text(value, style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 4. 类型偏好雷达图 ──────────────────────────────────────────
|
||
|
||
Widget _buildGenreRadar(List<Movie> movies, List<Book> books) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final movieGenres = <String, int>{};
|
||
final bookGenres = <String, int>{};
|
||
for (final m in movies) { for (final g in m.genres) { movieGenres[g] = (movieGenres[g] ?? 0) + 1; } }
|
||
for (final b in books) { for (final g in b.genres) { bookGenres[g] = (bookGenres[g] ?? 0) + 1; } }
|
||
|
||
final allGenres = <String, int>{};
|
||
allGenres.addAll(movieGenres);
|
||
for (final e in bookGenres.entries) { allGenres[e.key] = (allGenres[e.key] ?? 0) + e.value; }
|
||
final sorted = allGenres.entries.toList()..sort((a, b) => b.value.compareTo(a.value));
|
||
final top6 = sorted.take(6).toList();
|
||
if (top6.length < 3) return const SizedBox.shrink();
|
||
|
||
final maxVal = top6.first.value.toDouble();
|
||
|
||
return _buildCard(
|
||
title: '类型偏好',
|
||
child: Column(
|
||
children: [
|
||
SizedBox(
|
||
height: 220,
|
||
child: RadarChart(
|
||
RadarChartData(
|
||
radarShape: RadarShape.polygon,
|
||
dataSets: [
|
||
if (movieGenres.isNotEmpty)
|
||
RadarDataSet(
|
||
dataEntries: top6.map((e) => RadarEntry(value: (movieGenres[e.key] ?? 0) / math.max(1, maxVal))).toList(),
|
||
borderColor: const Color(0xFF4A90D9),
|
||
fillColor: const Color(0xFF4A90D9).withValues(alpha: 0.15),
|
||
borderWidth: 2,
|
||
),
|
||
if (bookGenres.isNotEmpty)
|
||
RadarDataSet(
|
||
dataEntries: top6.map((e) => RadarEntry(value: (bookGenres[e.key] ?? 0) / math.max(1, maxVal))).toList(),
|
||
borderColor: const Color(0xFF7E57C2),
|
||
fillColor: const Color(0xFF7E57C2).withValues(alpha: 0.15),
|
||
borderWidth: 2,
|
||
),
|
||
],
|
||
radarBorderData: BorderSide(color: colors.outlineVariant, width: 0.5),
|
||
gridBorderData: BorderSide(color: colors.outlineVariant, width: 0.5),
|
||
tickBorderData: BorderSide(color: colors.outlineVariant.withValues(alpha: 0.3), width: 0.5),
|
||
ticksTextStyle: TextStyle(fontSize: 9, color: colors.onSurface.withValues(alpha: 0.3)),
|
||
titleTextStyle: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.6)),
|
||
titlePositionPercentageOffset: 0.15,
|
||
getTitle: (index, angle) => RadarChartTitle(text: top6[index].key),
|
||
tickCount: 3,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
if (movieGenres.isNotEmpty) ...[
|
||
_buildLegend(const Color(0xFF4A90D9), '影视'),
|
||
const SizedBox(width: 16),
|
||
],
|
||
if (bookGenres.isNotEmpty) _buildLegend(const Color(0xFF7E57C2), '书籍'),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 5. 导演/作者 TOP 5 ──────────────────────────────────────────
|
||
|
||
Widget _buildTop5Section(List<Movie> movies, List<Book> books) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final tabs = <(String, List<(String, int, Color)>)>[];
|
||
|
||
if (_showMovies) {
|
||
final counts = <String, int>{};
|
||
for (final m in movies) { for (final d in m.directors) { counts[d] = (counts[d] ?? 0) + 1; } }
|
||
final sorted = counts.entries.toList()..sort((a, b) => b.value.compareTo(a.value));
|
||
tabs.add(('导演', sorted.take(5).map((e) => (e.key, e.value, const Color(0xFF4A90D9))).toList()));
|
||
}
|
||
if (_showBooks) {
|
||
final counts = <String, int>{};
|
||
for (final b in books) { for (final a in b.authors) { counts[a] = (counts[a] ?? 0) + 1; } }
|
||
final sorted = counts.entries.toList()..sort((a, b) => b.value.compareTo(a.value));
|
||
tabs.add(('作者', sorted.take(5).map((e) => (e.key, e.value, const Color(0xFF7E57C2))).toList()));
|
||
}
|
||
if (tabs.isEmpty) return const SizedBox.shrink();
|
||
if (_top5TabIndex >= tabs.length) _top5TabIndex = 0;
|
||
|
||
final tab = tabs[_top5TabIndex];
|
||
final items = tab.$2;
|
||
if (items.isEmpty) return const SizedBox.shrink();
|
||
final maxVal = items.first.$2.toDouble();
|
||
final unit = tab.$1 == '导演' ? '部' : '本';
|
||
|
||
return _buildCard(
|
||
title: '${tab.$1} TOP 5',
|
||
action: tabs.length > 1 ? _buildTabChips(tabs.map((e) => e.$1).toList(), _top5TabIndex, (i) => setState(() => _top5TabIndex = i), colors) : null,
|
||
child: Column(
|
||
children: items.map((e) {
|
||
final ratio = e.$2 / maxVal;
|
||
return Padding(
|
||
padding: const EdgeInsets.only(bottom: 10),
|
||
child: Row(
|
||
children: [
|
||
SizedBox(width: 60, child: Text(e.$1, style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.7)), overflow: TextOverflow.ellipsis)),
|
||
const SizedBox(width: 10),
|
||
Expanded(
|
||
child: ClipRRect(
|
||
borderRadius: BorderRadius.circular(2),
|
||
child: LinearProgressIndicator(value: ratio, backgroundColor: colors.outlineVariant, color: e.$3, minHeight: 4),
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Text('${e.$2}$unit', style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
||
],
|
||
),
|
||
);
|
||
}).toList(),
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 6. 高分之最 ──────────────────────────────────────────────────
|
||
|
||
Widget _buildTopRated(List<Movie> movies, List<Book> books, List<Game> games) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final tabs = <(String, List<(String, double, String?)>)>[];
|
||
|
||
final ratedMovies = movies.where((m) => m.rating != null && m.rating! > 0).toList()
|
||
..sort((a, b) => b.rating!.compareTo(a.rating!));
|
||
if (_showMovies) tabs.add(('影视', ratedMovies.take(5).map((m) => (m.title, m.rating!, m.posterPath)).toList()));
|
||
|
||
final ratedBooks = books.where((b) => b.rating != null && b.rating! > 0).toList()
|
||
..sort((a, b) => b.rating!.compareTo(a.rating!));
|
||
if (_showBooks) tabs.add(('书籍', ratedBooks.take(5).map((b) => (b.title, b.rating!, b.coverPath)).toList()));
|
||
|
||
final ratedGames = games.where((g) => g.rating != null && g.rating! > 0).toList()
|
||
..sort((a, b) => b.rating!.compareTo(a.rating!));
|
||
if (UserPrefs().showGameTab) tabs.add(('游戏', ratedGames.take(5).map((g) => (g.title, g.rating!, g.coverPath)).toList()));
|
||
|
||
if (tabs.isEmpty) return const SizedBox.shrink();
|
||
if (_topRatedTabIndex >= tabs.length) _topRatedTabIndex = 0;
|
||
|
||
return _buildCard(
|
||
title: '高分之最',
|
||
action: _buildTabChips(tabs.map((e) => e.$1).toList(), _topRatedTabIndex, (i) => setState(() => _topRatedTabIndex = i), colors),
|
||
child: tabs[_topRatedTabIndex].$2.isEmpty
|
||
? Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 20),
|
||
child: Center(child: Text('暂无评分记录', style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.3)))),
|
||
)
|
||
: Column(
|
||
children: tabs[_topRatedTabIndex].$2.map((item) => _buildTopRatedItem(item.$1, item.$2, item.$3, colors)).toList(),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildTopRatedItem(String title, double rating, String? imagePath, ColorScheme colors) {
|
||
return Padding(
|
||
padding: const EdgeInsets.only(bottom: 8),
|
||
child: Row(
|
||
children: [
|
||
Container(
|
||
width: 32, height: 44,
|
||
decoration: BoxDecoration(color: colors.surfaceContainerHighest, borderRadius: BorderRadius.circular(4)),
|
||
clipBehavior: Clip.antiAlias,
|
||
child: imagePath != null && imagePath.isNotEmpty
|
||
? FadeInLocalImage(path: imagePath, fit: BoxFit.cover, errorWidget: Icon(Icons.image_outlined, size: 14, color: colors.onSurface.withValues(alpha: 0.2)))
|
||
: Icon(Icons.image_outlined, size: 14, color: colors.onSurface.withValues(alpha: 0.2)),
|
||
),
|
||
const SizedBox(width: 10),
|
||
Expanded(child: Text(title, maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle(fontSize: 13, color: colors.onSurface))),
|
||
Icon(Icons.star, size: 16, color: const Color(0xFFFFB800)),
|
||
const SizedBox(width: 4),
|
||
Text(rating.toStringAsFixed(1), style: TextStyle(fontSize: 14, fontWeight: FontWeight.w700, color: colors.onSurface)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 7. 评分分布 ──────────────────────────────────────────────────
|
||
|
||
Widget _buildRatingDistribution(List<Movie> movies, List<Book> books) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final allRatings = <double>[];
|
||
for (final m in movies) { if (m.rating != null) allRatings.add(m.rating!); }
|
||
for (final b in books) { if (b.rating != null) allRatings.add(b.rating!); }
|
||
if (allRatings.isEmpty) return const SizedBox.shrink();
|
||
|
||
final avg = allRatings.reduce((a, b) => a + b) / allRatings.length;
|
||
final counts = List.filled(10, 0);
|
||
for (final r in allRatings) { counts[(r.round()).clamp(1, 10) - 1]++; }
|
||
final maxCount = counts.reduce((a, b) => a > b ? a : b).toDouble();
|
||
if (maxCount == 0) return const SizedBox.shrink();
|
||
|
||
const barColors = [
|
||
Color(0xFFBDBDBD), Color(0xFFBDBDBD), Color(0xFFFFCC80), Color(0xFFFFCC80),
|
||
Color(0xFFFFB74D), Color(0xFFFFB74D), Color(0xFFFFA726), Color(0xFFFFA726),
|
||
Color(0xFFFFB800), Color(0xFFFFB800),
|
||
];
|
||
|
||
return _buildCard(
|
||
title: '评分分布',
|
||
child: Column(
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Text('平均评分', style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.6))),
|
||
const Spacer(),
|
||
Text(avg.toStringAsFixed(1), style: TextStyle(fontSize: 22, fontWeight: FontWeight.w700, color: colors.onSurface)),
|
||
Text(' / 10', style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
],
|
||
),
|
||
const SizedBox(height: 20),
|
||
SizedBox(
|
||
height: 160,
|
||
child: BarChart(
|
||
BarChartData(
|
||
alignment: BarChartAlignment.spaceAround,
|
||
maxY: maxCount * 1.2,
|
||
minY: 0,
|
||
barTouchData: BarTouchData(
|
||
touchTooltipData: BarTouchTooltipData(
|
||
getTooltipColor: (_) => colors.inverseSurface,
|
||
getTooltipItem: (group, groupIndex, rod, rodIndex) {
|
||
return BarTooltipItem('${group.x + 1}星 ${rod.toY.toInt()}部', TextStyle(color: colors.onInverseSurface, fontSize: 12, fontWeight: FontWeight.w600));
|
||
},
|
||
),
|
||
),
|
||
titlesData: FlTitlesData(
|
||
show: true,
|
||
bottomTitles: AxisTitles(sideTitles: SideTitles(
|
||
showTitles: true,
|
||
getTitlesWidget: (value, meta) => Padding(
|
||
padding: const EdgeInsets.only(top: 6),
|
||
child: Text('${value.toInt() + 1}', style: TextStyle(fontSize: 10, color: colors.onSurface.withValues(alpha: 0.5))),
|
||
),
|
||
reservedSize: 24,
|
||
)),
|
||
leftTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
|
||
topTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
|
||
rightTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
|
||
),
|
||
borderData: FlBorderData(show: false),
|
||
gridData: const FlGridData(show: false),
|
||
barGroups: List.generate(10, (i) => BarChartGroupData(x: i, barRods: [
|
||
BarChartRodData(
|
||
toY: counts[i].toDouble(),
|
||
color: barColors[i],
|
||
width: 20,
|
||
borderRadius: const BorderRadius.vertical(top: Radius.circular(4)),
|
||
backDrawRodData: BackgroundBarChartRodData(show: true, toY: maxCount * 1.2, color: colors.outlineVariant.withValues(alpha: 0.3)),
|
||
),
|
||
])),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text('星级评分', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 8. 趋势图（周/月/年自适应）──────────────────────────────────
|
||
|
||
Widget _buildTrendChart(List<Movie> movies, List<Book> books, List<Note> notes) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final now = DateTime.now();
|
||
|
||
// 根据时间范围生成不同的数据点和标签
|
||
late List<String> xLabels;
|
||
late int pointCount;
|
||
late List<int> movieData, bookData, noteData;
|
||
|
||
if (_timeRange == 0) {
|
||
// 周：7天
|
||
pointCount = 7;
|
||
xLabels = List.generate(7, (i) {
|
||
final d = DateTime(now.year, now.month, now.day - (6 - i));
|
||
return '${d.month}/${d.day}';
|
||
});
|
||
movieData = List.generate(7, (i) {
|
||
final d = DateTime(now.year, now.month, now.day - (6 - i));
|
||
return movies.where((m) { final dt = _movieDate(m); return dt.year == d.year && dt.month == d.month && dt.day == d.day; }).length;
|
||
});
|
||
bookData = List.generate(7, (i) {
|
||
final d = DateTime(now.year, now.month, now.day - (6 - i));
|
||
return books.where((b) { final dt = _bookDate(b); return dt.year == d.year && dt.month == d.month && dt.day == d.day; }).length;
|
||
});
|
||
noteData = List.generate(7, (i) {
|
||
final d = DateTime(now.year, now.month, now.day - (6 - i));
|
||
return notes.where((n) { final dt = _noteDate(n); return dt.year == d.year && dt.month == d.month && dt.day == d.day; }).length;
|
||
});
|
||
} else if (_timeRange == 1) {
|
||
// 月：最近30天，按5天一组
|
||
pointCount = 6;
|
||
xLabels = List.generate(6, (i) {
|
||
final d = DateTime(now.year, now.month, now.day - (25 - i * 5));
|
||
return '${d.month}/${d.day}';
|
||
});
|
||
movieData = List.generate(6, (i) {
|
||
final start = DateTime(now.year, now.month, now.day - (29 - i * 5));
|
||
final end = DateTime(now.year, now.month, now.day - (29 - (i + 1) * 5));
|
||
return movies.where((m) { final dt = _movieDate(m); return !dt.isBefore(start) && dt.isBefore(end); }).length;
|
||
});
|
||
bookData = List.generate(6, (i) {
|
||
final start = DateTime(now.year, now.month, now.day - (29 - i * 5));
|
||
final end = DateTime(now.year, now.month, now.day - (29 - (i + 1) * 5));
|
||
return books.where((b) { final dt = _bookDate(b); return !dt.isBefore(start) && dt.isBefore(end); }).length;
|
||
});
|
||
noteData = List.generate(6, (i) {
|
||
final start = DateTime(now.year, now.month, now.day - (29 - i * 5));
|
||
final end = DateTime(now.year, now.month, now.day - (29 - (i + 1) * 5));
|
||
return notes.where((n) { final dt = _noteDate(n); return !dt.isBefore(start) && dt.isBefore(end); }).length;
|
||
});
|
||
} else {
|
||
// 年：12个月
|
||
pointCount = 12;
|
||
xLabels = List.generate(12, (i) {
|
||
final d = DateTime(now.year, now.month - (11 - i), 1);
|
||
return '${d.month}月';
|
||
});
|
||
movieData = List.generate(12, (i) {
|
||
final d = DateTime(now.year, now.month - (11 - i), 1);
|
||
return movies.where((m) { final dt = _movieDate(m); return dt.year == d.year && dt.month == d.month; }).length;
|
||
});
|
||
bookData = List.generate(12, (i) {
|
||
final d = DateTime(now.year, now.month - (11 - i), 1);
|
||
return books.where((b) { final dt = _bookDate(b); return dt.year == d.year && dt.month == d.month; }).length;
|
||
});
|
||
noteData = List.generate(12, (i) {
|
||
final d = DateTime(now.year, now.month - (11 - i), 1);
|
||
return notes.where((n) { final dt = _noteDate(n); return dt.year == d.year && dt.month == d.month; }).length;
|
||
});
|
||
}
|
||
|
||
final allValues = [...movieData, ...bookData, ...noteData];
|
||
final maxVal = allValues.isEmpty ? 1 : allValues.reduce((a, b) => a > b ? a : b);
|
||
final safeMax = maxVal == 0 ? 1 : maxVal;
|
||
|
||
final title = _timeRange == 0 ? '周趋势' : _timeRange == 1 ? '月趋势' : '年度趋势';
|
||
|
||
return _buildCard(
|
||
title: title,
|
||
child: Column(
|
||
children: [
|
||
SizedBox(
|
||
height: 180,
|
||
child: LineChart(
|
||
LineChartData(
|
||
minY: 0,
|
||
maxY: (safeMax * 1.3).toDouble(),
|
||
lineBarsData: [
|
||
if (_showMovies) _buildLineData(movieData, const Color(0xFF4A90D9)),
|
||
if (_showBooks) _buildLineData(bookData, const Color(0xFF7E57C2)),
|
||
if (_showNotes) _buildLineData(noteData, const Color(0xFF66BB6A)),
|
||
],
|
||
titlesData: FlTitlesData(
|
||
bottomTitles: AxisTitles(sideTitles: SideTitles(
|
||
showTitles: true,
|
||
interval: pointCount > 7 ? 2 : 1,
|
||
getTitlesWidget: (value, meta) {
|
||
final idx = value.toInt();
|
||
if (idx < 0 || idx >= xLabels.length) return const SizedBox.shrink();
|
||
return Padding(
|
||
padding: const EdgeInsets.only(top: 6),
|
||
child: Text(xLabels[idx], style: TextStyle(fontSize: 10, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
);
|
||
},
|
||
reservedSize: 24,
|
||
)),
|
||
leftTitles: AxisTitles(sideTitles: SideTitles(
|
||
showTitles: true,
|
||
getTitlesWidget: (value, meta) => Text('${value.toInt()}', style: TextStyle(fontSize: 10, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
reservedSize: 28,
|
||
)),
|
||
topTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
|
||
rightTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
|
||
),
|
||
gridData: FlGridData(
|
||
show: true,
|
||
drawVerticalLine: false,
|
||
horizontalInterval: math.max(1, safeMax / 3).toDouble(),
|
||
getDrawingHorizontalLine: (value) => FlLine(color: colors.outlineVariant, strokeWidth: 0.5),
|
||
),
|
||
borderData: FlBorderData(show: false),
|
||
lineTouchData: LineTouchData(
|
||
touchTooltipData: LineTouchTooltipData(
|
||
getTooltipColor: (_) => colors.inverseSurface,
|
||
getTooltipItems: (spots) => spots.map((s) {
|
||
final labels = <String>[];
|
||
if (_showMovies) labels.add('影视');
|
||
if (_showBooks) labels.add('书籍');
|
||
if (_showNotes) labels.add('笔记');
|
||
if (s.barIndex >= labels.length) return null;
|
||
return LineTooltipItem('${labels[s.barIndex]} ${s.y.toInt()}', TextStyle(color: colors.onInverseSurface, fontSize: 12, fontWeight: FontWeight.w600));
|
||
}).whereType<LineTooltipItem>().toList(),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
if (_showMovies) ...[
|
||
_buildLegend(const Color(0xFF4A90D9), '影视'),
|
||
const SizedBox(width: 16),
|
||
],
|
||
if (_showBooks) ...[
|
||
_buildLegend(const Color(0xFF7E57C2), '书籍'),
|
||
const SizedBox(width: 16),
|
||
],
|
||
if (_showNotes) _buildLegend(const Color(0xFF66BB6A), '笔记'),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
LineChartBarData _buildLineData(List<int> data, Color color) {
|
||
return LineChartBarData(
|
||
spots: List.generate(data.length, (i) => FlSpot(i.toDouble(), data[i].toDouble())),
|
||
isCurved: true,
|
||
color: color,
|
||
barWidth: 2,
|
||
dotData: FlDotData(show: true, getDotPainter: (spot, percent, bar, index) => FlDotCirclePainter(radius: 3, color: color, strokeWidth: 0)),
|
||
belowBarData: BarAreaData(show: true, color: color.withValues(alpha: 0.08)),
|
||
);
|
||
}
|
||
|
||
Widget _buildLegend(Color color, String label) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
return Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Container(width: 10, height: 3, decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(1.5))),
|
||
const SizedBox(width: 4),
|
||
Text(label, style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.5))),
|
||
],
|
||
);
|
||
}
|
||
|
||
// ─── 9. 星期分布 ──────────────────────────────────────────────────
|
||
|
||
Widget _buildWeekdayDistribution(List<Movie> movies, List<Book> books, List<Note> notes) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final allDates = [
|
||
...movies.map(_movieDate),
|
||
...books.map(_bookDate),
|
||
...notes.map(_noteDate),
|
||
];
|
||
if (allDates.isEmpty) return const SizedBox.shrink();
|
||
|
||
final weekdayCounts = List.filled(7, 0);
|
||
for (final d in allDates) {
|
||
weekdayCounts[d.weekday - 1]++;
|
||
}
|
||
final maxCount = weekdayCounts.reduce((a, b) => a > b ? a : b).toDouble();
|
||
if (maxCount == 0) return const SizedBox.shrink();
|
||
final dayLabels = ['一', '二', '三', '四', '五', '六', '日'];
|
||
|
||
return _buildCard(
|
||
title: '星期分布',
|
||
child: SizedBox(
|
||
height: 140,
|
||
child: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.end,
|
||
children: List.generate(7, (i) {
|
||
final ratio = weekdayCounts[i] / maxCount;
|
||
final barHeight = (ratio * 96).clamp(4.0, 96.0);
|
||
return Expanded(
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 4),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
Text('${weekdayCounts[i]}', style: TextStyle(fontSize: 10, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
const SizedBox(height: 4),
|
||
Container(
|
||
height: barHeight,
|
||
decoration: BoxDecoration(
|
||
color: colors.primary.withValues(alpha: 0.6 + ratio * 0.4),
|
||
borderRadius: BorderRadius.circular(4),
|
||
),
|
||
),
|
||
const SizedBox(height: 6),
|
||
Text(dayLabels[i], style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.5))),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 10. 累计增长 ──────────────────────────────────────────────────
|
||
|
||
Widget _buildCumulativeGrowth(List<Movie> movies, List<Book> books, List<Note> notes) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final allItems = [
|
||
...movies.map(_movieDate),
|
||
...books.map(_bookDate),
|
||
...notes.map(_noteDate),
|
||
];
|
||
if (allItems.isEmpty) return const SizedBox.shrink();
|
||
allItems.sort();
|
||
|
||
final now = DateTime.now();
|
||
late int pointCount;
|
||
late List<String> xLabels;
|
||
late List<int> cumulativeData;
|
||
|
||
if (_timeRange == 0) {
|
||
// 周：7天累计
|
||
pointCount = 7;
|
||
xLabels = List.generate(7, (i) {
|
||
final d = DateTime(now.year, now.month, now.day - (6 - i));
|
||
return '${d.month}/${d.day}';
|
||
});
|
||
int cumulative = 0;
|
||
cumulativeData = List.generate(7, (i) {
|
||
final d = DateTime(now.year, now.month, now.day - (6 - i));
|
||
final nextD = DateTime(d.year, d.month, d.day + 1);
|
||
cumulative += allItems.where((date) => !date.isBefore(d) && date.isBefore(nextD)).length;
|
||
return cumulative;
|
||
});
|
||
} else if (_timeRange == 1) {
|
||
// 月：30天，按5天一组
|
||
pointCount = 6;
|
||
xLabels = List.generate(6, (i) {
|
||
final d = DateTime(now.year, now.month, now.day - (25 - i * 5));
|
||
return '${d.month}/${d.day}';
|
||
});
|
||
int cumulative = 0;
|
||
cumulativeData = List.generate(6, (i) {
|
||
final start = DateTime(now.year, now.month, now.day - (29 - i * 5));
|
||
final end = DateTime(now.year, now.month, now.day - (29 - (i + 1) * 5));
|
||
cumulative += allItems.where((date) => !date.isBefore(start) && date.isBefore(end)).length;
|
||
return cumulative;
|
||
});
|
||
} else {
|
||
// 年：12个月累计
|
||
pointCount = 12;
|
||
xLabels = List.generate(12, (i) {
|
||
final d = DateTime(now.year, now.month - (11 - i), 1);
|
||
return '${d.month}月';
|
||
});
|
||
int cumulative = 0;
|
||
cumulativeData = List.generate(12, (i) {
|
||
final d = DateTime(now.year, now.month - (11 - i), 1);
|
||
final nextMonth = DateTime(d.year, d.month + 1, 1);
|
||
cumulative += allItems.where((date) => !date.isBefore(d) && date.isBefore(nextMonth)).length;
|
||
return cumulative;
|
||
});
|
||
}
|
||
|
||
final maxVal = cumulativeData.last.toDouble();
|
||
if (maxVal == 0) return const SizedBox.shrink();
|
||
|
||
return _buildCard(
|
||
title: '累计增长',
|
||
child: SizedBox(
|
||
height: 160,
|
||
child: LineChart(
|
||
LineChartData(
|
||
minY: 0,
|
||
maxY: maxVal * 1.2,
|
||
lineBarsData: [
|
||
LineChartBarData(
|
||
spots: List.generate(pointCount, (i) => FlSpot(i.toDouble(), cumulativeData[i].toDouble())),
|
||
isCurved: true,
|
||
color: colors.primary,
|
||
barWidth: 2.5,
|
||
dotData: FlDotData(show: true, getDotPainter: (spot, percent, bar, index) => FlDotCirclePainter(radius: 3, color: colors.primary, strokeWidth: 0)),
|
||
belowBarData: BarAreaData(show: true, color: colors.primary.withValues(alpha: 0.08)),
|
||
),
|
||
],
|
||
titlesData: FlTitlesData(
|
||
bottomTitles: AxisTitles(sideTitles: SideTitles(
|
||
showTitles: true,
|
||
interval: pointCount > 7 ? 2 : 1,
|
||
getTitlesWidget: (value, meta) {
|
||
final idx = value.toInt();
|
||
if (idx < 0 || idx >= xLabels.length) return const SizedBox.shrink();
|
||
return Padding(
|
||
padding: const EdgeInsets.only(top: 6),
|
||
child: Text(xLabels[idx], style: TextStyle(fontSize: 10, color: colors.onSurface.withValues(alpha: 0.4))),
|
||
);
|
||
},
|
||
reservedSize: 24,
|
||
)),
|
||
leftTitles: AxisTitles(sideTitles: SideTitles(
|
||
showTitles: true,
|
||
getTitlesWidget: (value, meta) => Text('${value.toInt()}', style: TextStyle(fontSize: 10, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
reservedSize: 28,
|
||
)),
|
||
topTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
|
||
rightTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)),
|
||
),
|
||
gridData: FlGridData(
|
||
show: true,
|
||
drawVerticalLine: false,
|
||
horizontalInterval: math.max(1, maxVal / 3).toDouble(),
|
||
getDrawingHorizontalLine: (value) => FlLine(color: colors.outlineVariant, strokeWidth: 0.5),
|
||
),
|
||
borderData: FlBorderData(show: false),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 11. 标签词云 ──────────────────────────────────────────────────
|
||
|
||
Widget _buildTagCloud(List<Movie> movies, List<Book> books, List<Note> notes, List<Game> games) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final tabs = <String>[];
|
||
if (_showMovies) tabs.add('影视');
|
||
if (_showBooks) tabs.add('书籍');
|
||
if (_showNotes) tabs.add('笔记');
|
||
if (UserPrefs().showGameTab) tabs.add('游戏');
|
||
if (tabs.isEmpty) return const SizedBox.shrink();
|
||
if (_cloudTabIndex >= tabs.length) _cloudTabIndex = 0;
|
||
|
||
final tagCounts = <String, int>{};
|
||
switch (tabs[_cloudTabIndex]) {
|
||
case '影视':
|
||
for (final m in movies) { for (final g in m.genres) { tagCounts[g] = (tagCounts[g] ?? 0) + 1; } }
|
||
case '书籍':
|
||
for (final b in books) { for (final g in b.genres) { tagCounts[g] = (tagCounts[g] ?? 0) + 1; } }
|
||
case '笔记':
|
||
for (final n in notes) { for (final t in n.tags) { tagCounts[t] = (tagCounts[t] ?? 0) + 1; } }
|
||
case '游戏':
|
||
for (final g in games) { for (final genre in g.genres) { tagCounts[genre] = (tagCounts[genre] ?? 0) + 1; } }
|
||
}
|
||
|
||
final sorted = tagCounts.entries.toList()..sort((a, b) => b.value.compareTo(a.value));
|
||
|
||
const cloudColors = [
|
||
Color(0xFFE53935), Color(0xFF4A90D9), Color(0xFF7E57C2),
|
||
Color(0xFF66BB6A), Color(0xFFFF8F00), Color(0xFF00ACC1),
|
||
Color(0xFF5C6BC0), Color(0xFF26A69A), Color(0xFF8D6E63),
|
||
];
|
||
|
||
return _buildCard(
|
||
title: '标签词云',
|
||
action: _buildTabChips(tabs, _cloudTabIndex, (i) => setState(() => _cloudTabIndex = i), colors),
|
||
child: sorted.isEmpty
|
||
? Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 20),
|
||
child: Center(child: Text('暂无标签', style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.3)))),
|
||
)
|
||
: Wrap(
|
||
spacing: 6,
|
||
runSpacing: 6,
|
||
children: sorted.map((e) {
|
||
final maxCount = sorted.first.value;
|
||
final minCount = sorted.last.value;
|
||
final range = math.max(maxCount - minCount, 1);
|
||
final ratio = (e.value - minCount) / range;
|
||
final fontSize = (12.0 + ratio * 18.0).roundToDouble();
|
||
final c = cloudColors[((ratio * (cloudColors.length - 1)).round()).clamp(0, cloudColors.length - 1)];
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 2, vertical: 1),
|
||
child: Text(e.key, style: TextStyle(fontSize: fontSize, fontWeight: fontSize > 18 ? FontWeight.w700 : FontWeight.w500, color: c, height: 1.3)),
|
||
);
|
||
}).toList(),
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 12. 趣味统计 ──────────────────────────────────────────────────
|
||
|
||
Widget _buildFunStats(List<Movie> movies, List<Book> books, List<Note> notes) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
final allDates = [
|
||
...movies.map(_movieDate),
|
||
...books.map(_bookDate),
|
||
...notes.map(_noteDate),
|
||
];
|
||
if (allDates.isEmpty) return const SizedBox.shrink();
|
||
|
||
// 连续记录
|
||
final sortedDates = allDates.map((d) => DateTime(d.year, d.month, d.day)).toSet().toList()..sort();
|
||
int maxStreak = 1, currentStreak = 1;
|
||
for (int i = 1; i < sortedDates.length; i++) {
|
||
if (sortedDates[i].difference(sortedDates[i - 1]).inDays == 1) {
|
||
currentStreak++;
|
||
maxStreak = math.max(maxStreak, currentStreak);
|
||
} else {
|
||
currentStreak = 1;
|
||
}
|
||
}
|
||
|
||
// 最常用标签
|
||
final tagCounts = <String, int>{};
|
||
for (final m in movies) { for (final g in m.genres) { tagCounts[g] = (tagCounts[g] ?? 0) + 1; } }
|
||
for (final b in books) { for (final g in b.genres) { tagCounts[g] = (tagCounts[g] ?? 0) + 1; } }
|
||
for (final n in notes) { for (final t in n.tags) { tagCounts[t] = (tagCounts[t] ?? 0) + 1; } }
|
||
final topTag = tagCounts.entries.isEmpty ? null : tagCounts.entries.reduce((a, b) => a.value >= b.value ? a : b);
|
||
|
||
return Row(
|
||
children: [
|
||
Expanded(
|
||
child: _buildFunCard(Icons.local_fire_department_outlined, '连续记录', maxStreak > 1 ? '$maxStreak 天' : '-', '最长连续记录天数', const Color(0xFFFF8F00), colors),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Expanded(
|
||
child: _buildFunCard(Icons.label_outlined, '最常用标签', topTag != null ? topTag.key : '-', topTag != null ? '使用 ${topTag.value} 次' : '', const Color(0xFF26A69A), colors),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildFunCard(IconData icon, String label, String value, String sub, Color color, ColorScheme colors) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: color.withValues(alpha: 0.06),
|
||
borderRadius: BorderRadius.circular(14),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Icon(icon, size: 22, color: color),
|
||
const SizedBox(height: 10),
|
||
Text(value, style: TextStyle(fontSize: 18, fontWeight: FontWeight.w700, color: color)),
|
||
const SizedBox(height: 4),
|
||
Text(label, style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.5))),
|
||
if (sub.isNotEmpty) ...[
|
||
const SizedBox(height: 2),
|
||
Text(sub, style: TextStyle(fontSize: 10, color: colors.onSurface.withValues(alpha: 0.3))),
|
||
],
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ─── 通用组件 ──────────────────────────────────────────────────────
|
||
|
||
Widget _buildCard({required String title, required Widget child, Widget? action}) {
|
||
final colors = Theme.of(context).colorScheme;
|
||
return Container(
|
||
padding: const EdgeInsets.all(18),
|
||
decoration: BoxDecoration(
|
||
color: colors.surfaceContainerHigh,
|
||
borderRadius: BorderRadius.circular(14),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Container(width: 3, height: 14, decoration: BoxDecoration(color: colors.primary, borderRadius: BorderRadius.circular(2))),
|
||
const SizedBox(width: 8),
|
||
Text(title, style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: colors.onSurface)),
|
||
const Spacer(),
|
||
if (action != null) action,
|
||
],
|
||
),
|
||
const SizedBox(height: 16),
|
||
child,
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 通用 tab 切换 chips
|
||
Widget _buildTabChips(List<String> labels, int selectedIndex, ValueChanged<int> onTap, ColorScheme colors) {
|
||
return Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: labels.asMap().entries.map((e) {
|
||
final selected = selectedIndex == e.key;
|
||
return GestureDetector(
|
||
onTap: () => onTap(e.key),
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
||
margin: EdgeInsets.only(left: e.key > 0 ? 6 : 0),
|
||
decoration: BoxDecoration(
|
||
color: selected ? colors.primary : colors.surfaceContainerHighest,
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
child: Text(e.value, style: TextStyle(fontSize: 12, fontWeight: selected ? FontWeight.w600 : FontWeight.w500, color: selected ? colors.onPrimary : colors.onSurface.withValues(alpha: 0.5))),
|
||
),
|
||
);
|
||
}).toList(),
|
||
);
|
||
}
|
||
}
|