Initial commit: Flutter 无书应用项目
This commit is contained in:
Developer
663
lib/views/footprint/all_list.dart
Normal file
663
lib/views/footprint/all_list.dart
Normal file
@@ -0,0 +1,663 @@
|
||||
import 'dart:ui';
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../constants/app_constants.dart';
|
||||
import '../../controllers/history_controller.dart';
|
||||
import '../../services/network_listener_service.dart';
|
||||
import '../../utils/http/poetry_api.dart';
|
||||
import 'collect_notes.dart';
|
||||
import 'liked_poetry_manager.dart';
|
||||
|
||||
/// 时间: 2026-03-26
|
||||
/// 功能: 全部收藏列表组件
|
||||
/// 介绍: 同时展示点赞诗词和笔记，支持多种卡片类型
|
||||
/// 最新变化: 新建组件，统一展示所有收藏内容
|
||||
|
||||
/// 卡片类型枚举
|
||||
enum CardType { like, note }
|
||||
|
||||
/// 统一卡片数据模型
|
||||
class UnifiedCard {
|
||||
final CardType type;
|
||||
final dynamic data;
|
||||
final DateTime time;
|
||||
|
||||
UnifiedCard({required this.type, required this.data, required this.time});
|
||||
}
|
||||
|
||||
class AllListPage extends StatefulWidget {
|
||||
const AllListPage({super.key});
|
||||
|
||||
@override
|
||||
State<AllListPage> createState() => _AllListPageState();
|
||||
}
|
||||
|
||||
class _AllListPageState extends State<AllListPage> {
|
||||
List<UnifiedCard> _cards = [];
|
||||
bool _isLoading = false;
|
||||
StreamSubscription<NetworkEvent>? _networkSubscription;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_loadAllData();
|
||||
_listenToNetworkEvents();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_networkSubscription?.cancel();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
// 监听网络事件，实时更新列表
|
||||
void _listenToNetworkEvents() {
|
||||
_networkSubscription = NetworkListenerService().eventStream.listen((event) {
|
||||
if (event.type == NetworkEventType.like ||
|
||||
event.type == NetworkEventType.unlike ||
|
||||
event.type == NetworkEventType.noteUpdate) {
|
||||
debugPrint('AllListPage: 收到事件 ${event.type}，刷新列表');
|
||||
_loadAllData();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 加载所有数据
|
||||
Future<void> _loadAllData() async {
|
||||
if (_isLoading) return;
|
||||
|
||||
setState(() {
|
||||
_isLoading = true;
|
||||
});
|
||||
|
||||
try {
|
||||
final List<UnifiedCard> allCards = [];
|
||||
|
||||
// 并行加载点赞和笔记数据
|
||||
final results = await Future.wait([
|
||||
HistoryController.getLikedHistory(),
|
||||
HistoryController.getNotes(),
|
||||
]);
|
||||
|
||||
// 处理点赞数据
|
||||
final likedList = results[0];
|
||||
for (final item in likedList) {
|
||||
try {
|
||||
final poetry = PoetryData.fromJson(item);
|
||||
final timeStr = item['time'] as String? ?? '';
|
||||
allCards.add(
|
||||
UnifiedCard(
|
||||
type: CardType.like,
|
||||
data: poetry,
|
||||
time: DateTime.tryParse(timeStr) ?? DateTime.now(),
|
||||
),
|
||||
);
|
||||
} catch (e) {
|
||||
debugPrint('解析点赞数据失败: $e');
|
||||
}
|
||||
}
|
||||
|
||||
// 处理笔记数据
|
||||
final notesList = results[1];
|
||||
for (final note in notesList) {
|
||||
final timeStr = note['time'] as String? ?? '';
|
||||
allCards.add(
|
||||
UnifiedCard(
|
||||
type: CardType.note,
|
||||
data: note,
|
||||
time: DateTime.tryParse(timeStr) ?? DateTime.now(),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 按时间排序（最新的在前）
|
||||
allCards.sort((a, b) => b.time.compareTo(a.time));
|
||||
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_cards = allCards;
|
||||
_isLoading = false;
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
debugPrint('加载全部数据失败: $e');
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_isLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (_isLoading && _cards.isEmpty) {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
|
||||
if (_cards.isEmpty) {
|
||||
return _buildEmptyState();
|
||||
}
|
||||
|
||||
return RefreshIndicator(
|
||||
onRefresh: _loadAllData,
|
||||
child: ListView.builder(
|
||||
padding: const EdgeInsets.fromLTRB(16, 16, 16, 80),
|
||||
itemCount: _cards.length + 1,
|
||||
itemBuilder: (context, index) {
|
||||
if (index == _cards.length) {
|
||||
return _buildBottomIndicator();
|
||||
}
|
||||
return _buildCard(_cards[index]);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBottomIndicator() {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: 24),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Container(width: 40, height: 1, color: Colors.grey[300]),
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
child: Text(
|
||||
'到底了',
|
||||
style: TextStyle(fontSize: 12, color: Colors.grey[400]),
|
||||
),
|
||||
),
|
||||
Container(width: 40, height: 1, color: Colors.grey[300]),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 构建空状态
|
||||
Widget _buildEmptyState() {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.inbox_outlined, size: 64, color: Colors.grey[400]),
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
'暂无收藏内容',
|
||||
style: TextStyle(fontSize: 16, color: Colors.grey[600]),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
'点赞诗词或创建笔记后将显示在这里',
|
||||
style: TextStyle(fontSize: 14, color: Colors.grey[500]),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 根据类型构建卡片 - 使用策略模式
|
||||
Widget _buildCard(UnifiedCard card) {
|
||||
switch (card.type) {
|
||||
case CardType.like:
|
||||
return _buildLikeCard(card.data as PoetryData);
|
||||
case CardType.note:
|
||||
return _buildNoteCard(card.data as Map<String, dynamic>);
|
||||
}
|
||||
}
|
||||
|
||||
// 构建点赞卡片 - 简洁紧凑样式
|
||||
Widget _buildLikeCard(PoetryData poetry) {
|
||||
return Container(
|
||||
margin: const EdgeInsets.only(bottom: 10),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
border: Border.all(
|
||||
color: AppConstants.primaryColor.withValues(alpha: 0.2),
|
||||
width: 1,
|
||||
),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withValues(alpha: 0.03),
|
||||
blurRadius: 6,
|
||||
offset: const Offset(0, 1),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 顶部行：出处(左) + 标签(右)
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(10, 4, 0, 4),
|
||||
child: Row(
|
||||
children: [
|
||||
// 出处 - 左上角
|
||||
if (poetry.url.isNotEmpty)
|
||||
Expanded(
|
||||
child: Text(
|
||||
poetry.url,
|
||||
style: TextStyle(fontSize: 11, color: Colors.grey[600]),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
if (poetry.url.isEmpty) const Spacer(),
|
||||
// 类型标识 - 右上角
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 8,
|
||||
vertical: 4,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: AppConstants.primaryColor.withValues(alpha: 0.1),
|
||||
borderRadius: const BorderRadius.only(
|
||||
topRight: Radius.circular(10),
|
||||
bottomLeft: Radius.circular(10),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.favorite,
|
||||
size: 12,
|
||||
color: AppConstants.primaryColor,
|
||||
),
|
||||
const SizedBox(width: 3),
|
||||
Text(
|
||||
'点赞诗词',
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
color: AppConstants.primaryColor,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
// 诗句内容
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(10, 4, 10, 4),
|
||||
child: Text(
|
||||
poetry.name,
|
||||
style: const TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.black87,
|
||||
height: 1.3,
|
||||
),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
|
||||
// 操作按钮
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(8, 0, 8, 6),
|
||||
child: Row(
|
||||
children: [
|
||||
TextButton.icon(
|
||||
onPressed: () => _showPoetryDetails(poetry),
|
||||
icon: Icon(
|
||||
Icons.visibility,
|
||||
size: 14,
|
||||
color: AppConstants.primaryColor,
|
||||
),
|
||||
label: Text(
|
||||
'查看详情',
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: AppConstants.primaryColor,
|
||||
),
|
||||
),
|
||||
),
|
||||
const Spacer(),
|
||||
TextButton.icon(
|
||||
onPressed: () => _createNoteFromPoetry(poetry),
|
||||
icon: Icon(
|
||||
Icons.note_add,
|
||||
size: 14,
|
||||
color: Colors.orange[700],
|
||||
),
|
||||
label: Text(
|
||||
'创建笔记',
|
||||
style: TextStyle(fontSize: 12, color: Colors.orange[700]),
|
||||
),
|
||||
),
|
||||
TextButton.icon(
|
||||
onPressed: () => _removeLikedPoetry(poetry.id.toString()),
|
||||
icon: Icon(
|
||||
Icons.favorite_border,
|
||||
size: 14,
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
label: Text(
|
||||
'取消',
|
||||
style: TextStyle(fontSize: 12, color: Colors.grey[600]),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 构建笔记卡片 - 紧凑阴影样式
|
||||
Widget _buildNoteCard(Map<String, dynamic> note) {
|
||||
final title = note['title'] as String? ?? '';
|
||||
final content = note['content'] as String? ?? '';
|
||||
final category = note['category'] as String? ?? '';
|
||||
final isPinned = note['isPinned'] == true;
|
||||
final isLocked = note['isLocked'] == true;
|
||||
|
||||
String displayText;
|
||||
bool hasTitle = title.isNotEmpty;
|
||||
bool hasCategory = category.isNotEmpty && category != '未分类';
|
||||
|
||||
if (hasTitle) {
|
||||
displayText = title;
|
||||
} else if (hasCategory) {
|
||||
displayText = '[$category]';
|
||||
} else {
|
||||
displayText = content;
|
||||
}
|
||||
|
||||
return Container(
|
||||
margin: const EdgeInsets.only(bottom: 10),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withValues(alpha: 0.06),
|
||||
blurRadius: 8,
|
||||
offset: const Offset(0, 2),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Stack(
|
||||
children: [
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 笔记内容
|
||||
InkWell(
|
||||
onTap: () => _handleNoteTap(note, isLocked),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(10, 28, 10, 8),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
displayText,
|
||||
style: TextStyle(
|
||||
fontSize: hasTitle ? 14 : 13,
|
||||
fontWeight: hasTitle
|
||||
? FontWeight.w600
|
||||
: FontWeight.normal,
|
||||
color: Colors.black87,
|
||||
height: 1.4,
|
||||
),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
'${note['charCount'] ?? displayText.length} 字',
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
color: Colors.grey[500],
|
||||
),
|
||||
),
|
||||
if (hasCategory) ...[
|
||||
const SizedBox(width: 6),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 4,
|
||||
vertical: 1,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.grey[200],
|
||||
borderRadius: BorderRadius.circular(3),
|
||||
),
|
||||
child: Text(
|
||||
category,
|
||||
style: TextStyle(
|
||||
fontSize: 9,
|
||||
color: Colors.grey[600],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// 类型标识 - 右上角
|
||||
Positioned(
|
||||
top: 0,
|
||||
right: 0,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.orange.withValues(alpha: 0.1),
|
||||
borderRadius: const BorderRadius.only(
|
||||
topRight: Radius.circular(10),
|
||||
bottomLeft: Radius.circular(10),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.note_outlined,
|
||||
size: 12,
|
||||
color: Colors.orange[700],
|
||||
),
|
||||
const SizedBox(width: 3),
|
||||
Text(
|
||||
'笔记',
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
color: Colors.orange[700],
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
if (isPinned) ...[
|
||||
const SizedBox(width: 6),
|
||||
Icon(Icons.push_pin, size: 10, color: Colors.orange[700]),
|
||||
],
|
||||
if (isLocked) ...[
|
||||
const SizedBox(width: 6),
|
||||
Icon(Icons.lock, size: 10, color: Colors.orange[700]),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// 锁定遮罩
|
||||
if (isLocked)
|
||||
Positioned.fill(
|
||||
child: GestureDetector(
|
||||
onTap: () => _handleNoteTap(note, isLocked),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
|
||||
child: Container(
|
||||
color: Colors.white.withValues(alpha: 0.4),
|
||||
child: Center(
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.lock,
|
||||
size: 16,
|
||||
color: Colors.orange[700],
|
||||
),
|
||||
const SizedBox(width: 6),
|
||||
Text(
|
||||
'已锁定',
|
||||
style: TextStyle(
|
||||
fontSize: 13,
|
||||
color: Colors.orange[700],
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 显示诗词详情 - 调用公共方法
|
||||
Future<void> _showPoetryDetails(PoetryData poetry) async {
|
||||
await LikedPoetryManager.showPoetryDetails(context, poetry);
|
||||
}
|
||||
|
||||
// 移除点赞
|
||||
Future<void> _removeLikedPoetry(String poetryId) async {
|
||||
try {
|
||||
await HistoryController.removeLikedPoetry(poetryId);
|
||||
await _loadAllData();
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(
|
||||
context,
|
||||
).showSnackBar(const SnackBar(content: Text('已取消点赞')));
|
||||
}
|
||||
} catch (e) {
|
||||
debugPrint('取消点赞失败: $e');
|
||||
}
|
||||
}
|
||||
|
||||
// 从诗词创建笔记
|
||||
Future<void> _createNoteFromPoetry(PoetryData poetry) async {
|
||||
try {
|
||||
final title = poetry.url.isNotEmpty ? poetry.url : '诗词笔记';
|
||||
final category = poetry.alias.isNotEmpty ? poetry.alias : '诗词';
|
||||
final content = poetry.name;
|
||||
|
||||
final noteId = await HistoryController.saveNote(
|
||||
title: title,
|
||||
content: content,
|
||||
category: category,
|
||||
);
|
||||
|
||||
if (noteId != null) {
|
||||
NetworkListenerService().sendSuccessEvent(
|
||||
NetworkEventType.noteUpdate,
|
||||
data: noteId,
|
||||
);
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(
|
||||
context,
|
||||
).showSnackBar(const SnackBar(content: Text('已创建笔记')));
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
debugPrint('创建笔记失败: $e');
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(
|
||||
context,
|
||||
).showSnackBar(SnackBar(content: Text('创建笔记失败: $e')));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 处理笔记点击
|
||||
Future<void> _handleNoteTap(Map<String, dynamic> note, bool isLocked) async {
|
||||
final noteId = note['id'] as String?;
|
||||
if (noteId == null) return;
|
||||
|
||||
if (isLocked) {
|
||||
final password = await _showPasswordInputDialog(noteId);
|
||||
if (password == null) return;
|
||||
|
||||
final isValid = await HistoryController.verifyNotePassword(
|
||||
noteId,
|
||||
password,
|
||||
);
|
||||
if (!isValid) {
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(
|
||||
context,
|
||||
).showSnackBar(const SnackBar(content: Text('密码错误')));
|
||||
}
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (mounted) {
|
||||
Navigator.of(context)
|
||||
.push(
|
||||
MaterialPageRoute<void>(
|
||||
builder: (_) => CollectNotesPage(noteId: noteId),
|
||||
),
|
||||
)
|
||||
.then((_) => _loadAllData());
|
||||
}
|
||||
}
|
||||
|
||||
// 密码输入对话框
|
||||
Future<String?> _showPasswordInputDialog(String noteId) async {
|
||||
final TextEditingController passwordController = TextEditingController();
|
||||
|
||||
return showDialog<String>(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: const Row(
|
||||
children: [
|
||||
Icon(Icons.lock, size: 20),
|
||||
SizedBox(width: 8),
|
||||
Text('输入密码'),
|
||||
],
|
||||
),
|
||||
content: TextField(
|
||||
controller: passwordController,
|
||||
obscureText: true,
|
||||
autofocus: true,
|
||||
decoration: const InputDecoration(
|
||||
hintText: '请输入访问密码',
|
||||
border: OutlineInputBorder(),
|
||||
),
|
||||
onSubmitted: (value) => Navigator.of(context).pop(value),
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.of(context).pop(null),
|
||||
child: const Text('取消'),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: () => Navigator.of(context).pop(passwordController.text),
|
||||
child: const Text('确定'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user