dellevin/MookNote
1
0
Fork 0
generated from dellevin/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化标签页，侧边栏，我的界面

Browse Source
This commit is contained in:
DelLevin-Home
2026-05-23 18:14:16 +08:00
parent 254ddd8970
commit 674a981aac
4 changed files with 893 additions and 2071 deletions
Download Patch File Download Diff File Expand all files Collapse all files

761
lib/widgets/custom_drawer.dart
View File

@@ -1,16 +1,15 @@
import 'dart:io';
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:package_info_plus/package_info_plus.dart';
import '../providers/app_provider.dart';
import '../utils/user_prefs.dart';
import '../models/data_models.dart';
import '../pages/stroll_page.dart';
import '../pages/markdown_reader/md_reader_tab_page.dart';
import '../pages/tag_management_page.dart';
import '../pages/profile_page.dart';
/// 自定义左侧弹出菜单 - 极简主义设计
/// 自定义侧边栏
class CustomDrawer extends StatefulWidget {
const CustomDrawer({super.key});
@@ -29,55 +28,41 @@ class _CustomDrawerState extends State<CustomDrawer> {
Future<void> _loadVersionInfo() async {
final packageInfo = await PackageInfo.fromPlatform();
setState(() {
_version = packageInfo.version;
});
if (mounted) setState(() => _version = packageInfo.version);
}
@override
Widget build(BuildContext context) {
return Drawer(
backgroundColor: Colors.white,
backgroundColor: const Color(0xFFF8F8F8),
child: SafeArea(
child: SingleChildScrollView(
physics: const AlwaysScrollableScrollPhysics(),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 1. 顶部用户信息（头像左，名称/座右铭右）
_buildHeader(context),
// 头像 + 统计（独立卡片区域）
_buildProfileCard(context),
const Divider(
height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)),
const SizedBox(height: 16),
// 2. 统计数据
_buildStatsSection(context),
const Divider(
height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)),
// 3. 热力图
// 热力图
_buildCalendarSection(context),
const Divider(
height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)),
const SizedBox(height: 16),
// 4. 回顾信息
_buildMemorySection(context),
// 最近添加
_buildRecentSection(context),
const Divider(
height: 0.5, thickness: 0.5, color: Color(0xFFE5E5E5)),
const SizedBox(height: 16),
// 5. 功能模块：漫步 / Markdown 阅读
_buildToolsSection(context),
// 功能入口
_buildToolsCard(context),
// 底部版本号
Padding(
padding: const EdgeInsets.all(20),
child: Text(
'MookNote v$_version',
style:
const TextStyle(fontSize: 12, color: Color(0xFFBBBBBB)),
padding: const EdgeInsets.fromLTRB(20, 20, 20, 32),
child: Center(
child: Text('v$_version', style: const TextStyle(fontSize: 11, color: Color(0xFFD0D0D0))),
),
),
],
@@ -87,98 +72,98 @@ class _CustomDrawerState extends State<CustomDrawer> {
);
}
/// 1. 构建头部 - 头像左侧，名称/座右铭右侧
Widget _buildHeader(BuildContext context) {
// ─── 头像 + 统计卡片 ─────────────────────────────────────────────────
Widget _buildProfileCard(BuildContext context) {
return Consumer<AppProvider>(
builder: (context, provider, child) {
final userPrefs = UserPrefs();
final nickname = userPrefs.nickname;
final motto = userPrefs.motto;
final avatarPath = userPrefs.avatarPath;
return Padding(
padding: const EdgeInsets.fromLTRB(24, 40, 24, 24),
child: Row(
children: [
// 左侧：头像
Container(
width: 56,
height: 56,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: const Color(0xFFF5F5F5),
border:
Border.all(color: const Color(0xFFE8E8E8), width: 0.5),
),
clipBehavior: Clip.antiAlias,
child: avatarPath != null && avatarPath.isNotEmpty
? Image.file(
File(avatarPath),
fit: BoxFit.cover,
errorBuilder: (_, __, ___) => _buildAvatarPlaceholder(),
)
: _buildAvatarPlaceholder(),
),
const SizedBox(width: 16),
// 右侧：名称 + 座右铭
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text(
nickname,
style: const TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
color: Color(0xFF1A1A1A),
),
),
const SizedBox(height: 4),
Text(
motto,
style: const TextStyle(
fontSize: 13,
color: Color(0xFF999999),
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
],
),
),
],
),
);
},
);
}
Widget _buildAvatarPlaceholder() {
return const Center(
child: Icon(Icons.person_outline, size: 28, color: Color(0xFFAAAAAA)),
);
}
/// 2. 统计数据：观影xxx 阅读xxx 笔记xxx
Widget _buildStatsSection(BuildContext context) {
return Consumer<AppProvider>(
builder: (context, provider, child) {
final movieCount = provider.movies.where((m) => !m.isDeleted).length;
final bookCount = provider.books.length;
final noteCount = provider.notes.length;
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 20),
child: Row(
return Container(
margin: const EdgeInsets.fromLTRB(16, 16, 16, 0),
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildStatItem('观影', movieCount),
const SizedBox(width: 32),
_buildStatItem('阅读', bookCount),
const SizedBox(width: 32),
_buildStatItem('笔记', noteCount),
// 头像 + 名称/座右铭 + 统计
Row(
children: [
// 头像
Container(
width: 52,
height: 52,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: const Color(0xFFF5F5F5),
border: Border.all(color: const Color(0xFFEEEEEE), width: 0.5),
),
clipBehavior: Clip.antiAlias,
child: avatarPath != null && avatarPath.isNotEmpty
? Image.file(File(avatarPath), fit: BoxFit.cover,
errorBuilder: (_, __, ___) =>
const Icon(Icons.person_outline, size: 26, color: Color(0xFFBBBBBB)))
: const Icon(Icons.person_outline, size: 26, color: Color(0xFFBBBBBB)),
),
const SizedBox(width: 14),
// 名称 + 座右铭
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text(nickname, style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600, color: Color(0xFF1A1A1A))),
const SizedBox(height: 2),
Text(motto, maxLines: 1, overflow: TextOverflow.ellipsis,
style: const TextStyle(fontSize: 12, color: Color(0xFFAAAAAA))),
],
),
),
],
),
const SizedBox(height: 16),
const Divider(height: 1, color: Color(0xFFF0F0F0)),
const SizedBox(height: 14),
// 统计数字
_buildProfileStatRow(Icons.movie_outlined, movieCount, '观影'),
const SizedBox(height: 12),
_buildProfileStatRow(Icons.menu_book_outlined, bookCount, '阅读'),
const SizedBox(height: 12),
_buildProfileStatRow(Icons.note_outlined, noteCount, '笔记'),
// 设置入口
const SizedBox(height: 14),
const Divider(height: 1, color: Color(0xFFF0F0F0)),
InkWell(
onTap: () {
Navigator.pop(context);
Navigator.push(context, MaterialPageRoute(builder: (_) => const SettingsPage()));
},
borderRadius: BorderRadius.circular(8),
child: const Padding(
padding: EdgeInsets.only(top: 14),
child: Row(
children: [
Icon(Icons.settings_outlined, size: 16, color: Color(0xFF999999)),
SizedBox(width: 8),
Text('设置', style: TextStyle(fontSize: 13, color: Color(0xFF888888))),
Spacer(),
Icon(Icons.chevron_right, size: 14, color: Color(0xFFD0D0D0)),
],
),
),
),
],
),
);
@@ -186,202 +171,105 @@ class _CustomDrawerState extends State<CustomDrawer> {
);
}
Widget _buildStatItem(String label, int count) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
Widget _buildProfileStatRow(IconData icon, int count, String label) {
return Row(
children: [
Text(
'$count',
style: const TextStyle(
fontSize: 22,
fontWeight: FontWeight.w700,
color: Color(0xFF1A1A1A),
),
),
const SizedBox(height: 2),
Text(
label,
style: const TextStyle(fontSize: 12, color: Color(0xFF999999)),
),
Icon(icon, size: 16, color: const Color(0xFF888888)),
const SizedBox(width: 10),
Text(label, style: const TextStyle(fontSize: 13, color: Color(0xFF888888))),
const Spacer(),
Text(_formatCount(count), style: const TextStyle(fontSize: 15, fontWeight: FontWeight.w600, color: Color(0xFF1A1A1A))),
],
);
}
/// 5. 功能模块：漫步 / Markdown 阅读
Widget _buildToolsSection(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
child: Container(
width: double.infinity,
decoration: BoxDecoration(
color: const Color(0xFFFAFAFA),
borderRadius: BorderRadius.circular(10),
border: Border.all(color: const Color(0xFFEEEEEE), width: 0.5),
),
child: Column(
mainAxisSize: MainAxisSize.min,
String _formatCount(int count) {
if (count >= 10000) return '${(count / 10000).toStringAsFixed(1)}万';
if (count >= 1000) return '${(count / 1000).toStringAsFixed(1)}k';
return count.toString();
}
// ─── 功能入口卡片 ────────────────────────────────────────────────────
Widget _buildToolsCard(BuildContext context) {
return Container(
margin: const EdgeInsets.symmetric(horizontal: 16),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
),
child: Column(
children: [
_buildToolItem(Icons.explore_outlined, '漫步', () {
Navigator.pop(context);
Navigator.push(context, MaterialPageRoute(builder: (_) => const StrollPage()));
}, topRounded: true),
const Divider(height: 1, indent: 52, endIndent: 20, color: Color(0xFFF0F0F0)),
_buildToolItem(Icons.label_outline, '标签管理', () {
Navigator.pop(context);
Navigator.push(context, MaterialPageRoute(builder: (_) => const TagManagementPage()));
}),
const Divider(height: 1, indent: 52, endIndent: 20, color: Color(0xFFF0F0F0)),
_buildToolItem(Icons.description_outlined, 'MD阅读', () {
Navigator.pop(context);
Navigator.push(context, MaterialPageRoute(builder: (_) => const MdReaderTabPage()));
}, bottomRounded: true),
],
),
);
}
Widget _buildToolItem(IconData icon, String title, VoidCallback onTap, {bool topRounded = false, bool bottomRounded = false}) {
return InkWell(
onTap: onTap,
borderRadius: BorderRadius.only(
topLeft: topRounded ? const Radius.circular(16) : Radius.zero,
topRight: topRounded ? const Radius.circular(16) : Radius.zero,
bottomLeft: bottomRounded ? const Radius.circular(16) : Radius.zero,
bottomRight: bottomRounded ? const Radius.circular(16) : Radius.zero,
),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 14, horizontal: 20),
child: Row(
children: [
// 漫步
InkWell(
onTap: () {
Navigator.pop(context);
Navigator.push(
context,
MaterialPageRoute(builder: (_) => const StrollPage()),
);
},
borderRadius:
const BorderRadius.vertical(top: Radius.circular(10)),
child: const Padding(
padding: EdgeInsets.symmetric(vertical: 13, horizontal: 16),
child: Row(
children: [
Icon(Icons.explore_outlined,
size: 18, color: Color(0xFF666666)),
SizedBox(width: 10),
Expanded(
child: Text(
'漫步',
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Color(0xFF1A1A1A)),
),
),
Text(
'随机发现一条内容',
style: TextStyle(fontSize: 11, color: Color(0xFFBBBBBB)),
),
SizedBox(width: 6),
Icon(Icons.chevron_right,
size: 16, color: Color(0xFFCCCCCC)),
],
),
),
),
// 分隔线
const Divider(
height: 0.5, thickness: 0.5, color: Color(0xFFEEEEEE)),
// 标签管理
InkWell(
onTap: () {
Navigator.pop(context);
Navigator.push(
context,
MaterialPageRoute(builder: (_) => const TagManagementPage()),
);
},
borderRadius: BorderRadius.zero,
child: const Padding(
padding: EdgeInsets.symmetric(vertical: 13, horizontal: 16),
child: Row(
children: [
Icon(Icons.label_outline,
size: 18, color: Color(0xFF666666)),
SizedBox(width: 10),
Expanded(
child: Text(
'标签管理',
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Color(0xFF1A1A1A)),
),
),
Text(
'管理标签',
style: TextStyle(fontSize: 11, color: Color(0xFFBBBBBB)),
),
SizedBox(width: 6),
Icon(Icons.chevron_right,
size: 16, color: Color(0xFFCCCCCC)),
],
),
),
),
// 分隔线
const Divider(
height: 0.5, thickness: 0.5, color: Color(0xFFEEEEEE)),
// Markdown 阅读
InkWell(
onTap: () {
Navigator.pop(context);
Navigator.push(
context,
MaterialPageRoute(builder: (_) => const MdReaderTabPage()),
);
},
borderRadius:
const BorderRadius.vertical(bottom: Radius.circular(10)),
child: const Padding(
padding: EdgeInsets.symmetric(vertical: 13, horizontal: 16),
child: Row(
children: [
Icon(Icons.description_outlined,
size: 18, color: Color(0xFF666666)),
SizedBox(width: 10),
Expanded(
child: Text(
'MD阅读',
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Color(0xFF1A1A1A)),
),
),
Text(
'浏览本地 md 文件',
style: TextStyle(fontSize: 11, color: Color(0xFFBBBBBB)),
),
SizedBox(width: 6),
Icon(Icons.chevron_right,
size: 16, color: Color(0xFFCCCCCC)),
],
),
),
),
Icon(icon, size: 20, color: const Color(0xFF555555)),
const SizedBox(width: 12),
Expanded(child: Text(title, style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: Color(0xFF1A1A1A)))),
const Icon(Icons.chevron_right, size: 16, color: Color(0xFFD0D0D0)),
],
),
),
);
}
// ─── 热力图（保持现状） ──────────────────────────────────────────────
Widget _buildCalendarSection(BuildContext context) {
return Consumer<AppProvider>(
builder: (context, provider, child) {
final Map<DateTime, int> dailyCounts = {};
for (final movie in provider.movies.where((m) => !m.isDeleted)) {
final date = DateTime(
movie.createdAt.year, movie.createdAt.month, movie.createdAt.day);
final date = DateTime(movie.createdAt.year, movie.createdAt.month, movie.createdAt.day);
dailyCounts[date] = (dailyCounts[date] ?? 0) + 1;
}
for (final book in provider.books.where((b) => !b.isDeleted)) {
final date = DateTime(
book.createdAt.year, book.createdAt.month, book.createdAt.day);
final date = DateTime(book.createdAt.year, book.createdAt.month, book.createdAt.day);
dailyCounts[date] = (dailyCounts[date] ?? 0) + 1;
}
for (final note in provider.notes.where((n) => !n.isDeleted)) {
final date = DateTime(
note.createdAt.year, note.createdAt.month, note.createdAt.day);
final date = DateTime(note.createdAt.year, note.createdAt.month, note.createdAt.day);
dailyCounts[date] = (dailyCounts[date] ?? 0) + 1;
}
// 计算最大计数用于颜色映射
int maxCount = 0;
for (final c in dailyCounts.values) {
if (c > maxCount) maxCount = c;
}
if (maxCount == 0) maxCount = 1;
// 从上周日开始，往前推 N 周
final now = DateTime.now();
final today = DateTime(now.year, now.month, now.day);
final daysSinceSunday = today.weekday % 7; // Sunday=0
final daysSinceSunday = today.weekday % 7;
final lastSunday = today.subtract(Duration(days: daysSinceSunday));
const totalWeeks = 20;
@@ -389,119 +277,77 @@ class _CustomDrawerState extends State<CustomDrawer> {
const cellSize = 13.0;
const cellGap = 3.0;
// 构建网格：行=星期几(0=日..6=六)，列=周(0=最旧..19=最新)
final cells =
List.generate(weekDays, (_) => List.generate(totalWeeks, (_) => 0));
final cells = List.generate(weekDays, (_) => List.generate(totalWeeks, (_) => 0));
for (int week = 0; week < totalWeeks; week++) {
for (int day = 0; day < weekDays; day++) {
final date = lastSunday.subtract(
Duration(days: (totalWeeks - 1 - week) * 7 + (6 - day)));
final date = lastSunday.subtract(Duration(days: (totalWeeks - 1 - week) * 7 + (6 - day)));
cells[day][week] = dailyCounts[date] ?? 0;
}
}
// 月份标签：找出每个月第一天所在的列
final monthLabels = <int, String>{};
for (int week = 0; week < totalWeeks; week++) {
final date =
lastSunday.subtract(Duration(days: (totalWeeks - 1 - week) * 7));
final date = lastSunday.subtract(Duration(days: (totalWeeks - 1 - week) * 7));
final key = date.month;
if (!monthLabels.containsKey(key) || date.day <= 7) {
monthLabels[week] = '${date.month}月';
}
}
// 只保留首、中间、尾三个月份标签
final sortedWeeks = monthLabels.keys.toList()..sort();
final keepWeeks = <int>{
sortedWeeks.first,
sortedWeeks[sortedWeeks.length ~/ 2],
sortedWeeks.last,
};
final keepWeeks = {sortedWeeks.first, sortedWeeks[sortedWeeks.length ~/ 2], sortedWeeks.last};
return Container(
width: double.infinity,
padding: const EdgeInsets.all(20),
margin: const EdgeInsets.symmetric(horizontal: 16),
padding: const EdgeInsets.all(18),
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(16)),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Row(
children: [
Icon(Icons.calendar_today,
size: 14, color: Color(0xFF999999)),
Icon(Icons.calendar_today, size: 14, color: Color(0xFF999999)),
SizedBox(width: 8),
Text(
'热力图',
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w500,
color: Color(0xFF666666)),
),
Text('热力图', style: TextStyle(fontSize: 13, fontWeight: FontWeight.w500, color: Color(0xFF666666))),
],
),
const SizedBox(height: 16),
// 热力图主体
const SizedBox(height: 14),
SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 月份标签行
SizedBox(
height: 16,
child: Row(
children: List.generate(totalWeeks, (week) {
final label = keepWeeks.contains(week)
? monthLabels[week]
: null;
final label = keepWeeks.contains(week) ? monthLabels[week] : null;
return SizedBox(
width: cellSize + cellGap,
child: label != null
? Text(label,
style: const TextStyle(
fontSize: 9, color: Color(0xFFBBBBBB)))
: null,
child: label != null ? Text(label, style: const TextStyle(fontSize: 9, color: Color(0xFFBBBBBB))) : null,
);
}),
),
),
const SizedBox(height: 2),
// 日期网格行
...List.generate(weekDays, (day) {
return Row(
children: List.generate(totalWeeks, (week) {
final count = cells[day][week];
final color = _heatmapColor(count, maxCount);
return Container(
width: cellSize,
height: cellSize,
margin: EdgeInsets.only(
right: week < totalWeeks - 1 ? cellGap : 0,
bottom: day < weekDays - 1 ? cellGap : 0,
),
decoration: BoxDecoration(
color: color,
borderRadius: BorderRadius.circular(2),
),
);
}),
);
}),
...List.generate(weekDays, (day) => Row(
children: List.generate(totalWeeks, (week) {
final count = cells[day][week];
return Container(
width: cellSize, height: cellSize,
margin: EdgeInsets.only(right: week < totalWeeks - 1 ? cellGap : 0, bottom: day < weekDays - 1 ? cellGap : 0),
decoration: BoxDecoration(color: _heatmapColor(count, maxCount), borderRadius: BorderRadius.circular(2)),
);
}),
)),
],
),
),
// 图例
const SizedBox(height: 10),
const SizedBox(height: 8),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
const Text('少',
style: TextStyle(fontSize: 9, color: Color(0xFFBBBBBB))),
const Text('少', style: TextStyle(fontSize: 9, color: Color(0xFFBBBBBB))),
const SizedBox(width: 3),
_legendCell(const Color(0xFFF0F0F0)),
_legendCell(const Color(0xFFC8E6C9)),
@@ -509,8 +355,7 @@ class _CustomDrawerState extends State<CustomDrawer> {
_legendCell(const Color(0xFF2E7D32)),
_legendCell(const Color(0xFF1B5E20)),
const SizedBox(width: 3),
const Text('多',
style: TextStyle(fontSize: 9, color: Color(0xFFBBBBBB))),
const Text('多', style: TextStyle(fontSize: 9, color: Color(0xFFBBBBBB))),
],
),
],
@@ -530,126 +375,51 @@ class _CustomDrawerState extends State<CustomDrawer> {
}
Widget _legendCell(Color color) {
return Container(
width: 10,
height: 10,
margin: const EdgeInsets.symmetric(horizontal: 1),
decoration:
BoxDecoration(color: color, borderRadius: BorderRadius.circular(2)),
);
return Container(width: 10, height: 10, margin: const EdgeInsets.symmetric(horizontal: 1),
decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(2)));
}
/// 4. 回顾信息
Widget _buildMemorySection(BuildContext context) {
// ─── 最近添加 ────────────────────────────────────────────────────────
Widget _buildRecentSection(BuildContext context) {
return Consumer<AppProvider>(
builder: (context, provider, child) {
final memoryItem = _getRandomMemoryItem(provider);
if (memoryItem == null) {
return const SizedBox.shrink();
}
final memoryText = _buildMemoryText(memoryItem);
final timeAgo = _getTimeAgoText(memoryItem.date);
final recent = _getRecentItems(provider);
if (recent.isEmpty) return const SizedBox.shrink();
return Container(
width: double.infinity,
padding: const EdgeInsets.all(20),
margin: const EdgeInsets.symmetric(horizontal: 16),
padding: const EdgeInsets.all(18),
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(16)),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 标题
Row(
const Row(
children: [
const Icon(Icons.history, size: 14, color: Color(0xFF999999)),
const SizedBox(width: 8),
const Text(
'回顾',
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w500,
color: Color(0xFF666666)),
),
Icon(Icons.schedule, size: 14, color: Color(0xFF999999)),
SizedBox(width: 8),
Text('最近添加', style: TextStyle(fontSize: 13, fontWeight: FontWeight.w500, color: Color(0xFF666666))),
],
),
const SizedBox(height: 12),
// 内容卡片
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 头图
if (memoryItem.imagePath != null &&
memoryItem.imagePath!.isNotEmpty)
Container(
width: 56,
height: 72,
margin: const EdgeInsets.only(right: 12),
decoration: BoxDecoration(
color: const Color(0xFFF5F5F5),
borderRadius: BorderRadius.circular(4),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(4),
child: Image.file(
File(memoryItem.imagePath!),
fit: BoxFit.cover,
errorBuilder: (_, __, ___) =>
const Icon(Icons.image, color: Color(0xFFCCCCCC)),
),
),
)
else if (memoryItem.type != 'note')
Container(
width: 56,
height: 72,
margin: const EdgeInsets.only(right: 12),
decoration: BoxDecoration(
color: const Color(0xFFF5F5F5),
borderRadius: BorderRadius.circular(4),
),
child: Icon(
memoryItem.type == 'movie'
? Icons.movie
: Icons.menu_book,
color: const Color(0xFFCCCCCC),
size: 22,
),
const SizedBox(height: 14),
...recent.take(4).map((item) => Padding(
padding: const EdgeInsets.only(bottom: 10),
child: Row(
children: [
Icon(
item.type == 'movie' ? Icons.movie_outlined : item.type == 'book' ? Icons.menu_book_outlined : Icons.note_outlined,
size: 14, color: const Color(0xFFBBBBBB),
),
// 文字
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
padding: const EdgeInsets.symmetric(
horizontal: 8, vertical: 3),
decoration: BoxDecoration(
color: const Color(0xFFF5F5F5),
borderRadius: BorderRadius.circular(4),
),
child: Text(
timeAgo,
style: const TextStyle(
fontSize: 10, color: Color(0xFF999999)),
),
),
const SizedBox(height: 8),
Text(
memoryText,
style: const TextStyle(
fontSize: 13,
color: Color(0xFF1A1A1A),
height: 1.5),
maxLines: 3,
overflow: TextOverflow.ellipsis,
),
],
const SizedBox(width: 10),
Expanded(
child: Text(item.title, maxLines: 1, overflow: TextOverflow.ellipsis,
style: const TextStyle(fontSize: 13, color: Color(0xFF444444))),
),
),
],
),
const SizedBox(width: 8),
Text(_recentTimeAgo(item.date), style: const TextStyle(fontSize: 10, color: Color(0xFFCCCCCC))),
],
),
)),
],
),
);
@@ -657,85 +427,34 @@ class _CustomDrawerState extends State<CustomDrawer> {
);
}
_MemoryItem? _getRandomMemoryItem(AppProvider provider) {
final now = DateTime.now();
final candidates = <_MemoryItem>[];
for (final movie in provider.movies.where((m) => !m.isDeleted)) {
candidates.add(_MemoryItem(
type: 'movie',
title: movie.title,
date: movie.createdAt,
imagePath: movie.posterPath,
));
List<_RecentItem> _getRecentItems(AppProvider provider) {
final items = <_RecentItem>[];
for (final m in provider.movies.where((m) => !m.isDeleted)) {
items.add(_RecentItem(type: 'movie', title: m.title, date: m.createdAt));
}
for (final book in provider.books.where((b) => !b.isDeleted)) {
candidates.add(_MemoryItem(
type: 'book',
title: book.title,
date: book.createdAt,
imagePath: book.coverPath,
));
for (final b in provider.books.where((b) => !b.isDeleted)) {
items.add(_RecentItem(type: 'book', title: b.title, date: b.createdAt));
}
if (candidates.isEmpty) return null;
final oneMonthAgo = now.subtract(const Duration(days: 30));
final threeMonthsAgo = now.subtract(const Duration(days: 90));
final sixMonthsAgo = now.subtract(const Duration(days: 180));
final oneYearAgo = now.subtract(const Duration(days: 365));
final memoryCandidates = candidates.where((item) {
return _isInTimeRange(
item.date, oneMonthAgo, threeMonthsAgo, sixMonthsAgo, oneYearAgo);
}).toList();
final random = Random();
final selectedList =
memoryCandidates.isNotEmpty ? memoryCandidates : candidates;
return selectedList[random.nextInt(selectedList.length)];
for (final n in provider.notes.where((n) => !n.isDeleted)) {
items.add(_RecentItem(type: 'note', title: n.title.isNotEmpty ? n.title : '随手记', date: n.createdAt));
}
items.sort((a, b) => b.date.compareTo(a.date));
return items;
}
bool _isInTimeRange(DateTime date, DateTime oneMonth, DateTime threeMonths,
DateTime sixMonths, DateTime oneYear) {
if (_isCloseTo(date, oneMonth)) return true;
if (_isCloseTo(date, threeMonths, days: 14)) return true;
if (_isCloseTo(date, sixMonths, days: 30)) return true;
if (_isCloseTo(date, oneYear, days: 30)) return true;
return false;
}
bool _isCloseTo(DateTime date, DateTime target, {int days = 7}) {
final diff = date.difference(target).inDays.abs();
return diff <= days;
}
String _buildMemoryText(_MemoryItem item) {
return '《${item.title}》';
}
String _getTimeAgoText(DateTime date) {
final now = DateTime.now();
final diff = now.difference(date);
if (diff.inDays >= 365) return '1年前';
if (diff.inDays >= 180) return '6个月前';
if (diff.inDays >= 90) return '3个月前';
if (diff.inDays >= 30) return '1个月前';
return '${diff.inDays}天前';
String _recentTimeAgo(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 '刚刚';
}
}
class _MemoryItem {
class _RecentItem {
final String type;
final String title;
final DateTime date;
final String? imagePath;
_MemoryItem({
required this.type,
required this.title,
required this.date,
this.imagePath,
});
_RecentItem({required this.type, required this.title, required this.date});
}