generated from dellevin/template
569 lines
17 KiB
Dart
569 lines
17 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';
|
|
import '../utils/toast_util.dart';
|
|
import 'movies/movie_detail_page.dart';
|
|
import 'book/book_detail_page.dart';
|
|
import 'note/note_detail_page.dart';
|
|
|
|
/// 搜索页面
|
|
class SearchPage extends StatefulWidget {
|
|
const SearchPage({super.key});
|
|
|
|
@override
|
|
State<SearchPage> createState() => _SearchPageState();
|
|
}
|
|
|
|
class _SearchPageState extends State<SearchPage> {
|
|
final _searchController = TextEditingController();
|
|
int _selectedType = 0; // 0: 影视, 1: 书籍, 2: 笔记
|
|
List<dynamic> _results = [];
|
|
bool _isSearching = false;
|
|
String? _selectedTag; // 选中的标签
|
|
|
|
final List<String> _typeLabels = ['影视', '书籍', '笔记'];
|
|
|
|
@override
|
|
void dispose() {
|
|
_searchController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
Future<void> _performSearch() async {
|
|
final keyword = _searchController.text.trim();
|
|
// 笔记搜索允许空关键词（用于标签筛选）
|
|
if (keyword.isEmpty && _selectedType != 2 && _selectedTag == null) return;
|
|
|
|
setState(() => _isSearching = true);
|
|
|
|
try {
|
|
List<dynamic> results;
|
|
final provider = context.read<AppProvider>();
|
|
|
|
switch (_selectedType) {
|
|
case 0: // 影视
|
|
results = provider.movies.where((movie) {
|
|
return _matchMovie(movie, keyword);
|
|
}).toList();
|
|
break;
|
|
case 1: // 书籍
|
|
results = provider.books.where((book) {
|
|
return _matchBook(book, keyword);
|
|
}).toList();
|
|
break;
|
|
case 2: // 笔记
|
|
results = provider.notes.where((note) {
|
|
return _matchNote(note, keyword);
|
|
}).toList();
|
|
break;
|
|
default:
|
|
results = [];
|
|
}
|
|
|
|
setState(() {
|
|
_results = results;
|
|
_isSearching = false;
|
|
});
|
|
} catch (e) {
|
|
setState(() => _isSearching = false);
|
|
ToastUtil.show(context, '搜索失败: $e');
|
|
}
|
|
}
|
|
|
|
bool _matchMovie(Movie movie, String keyword) {
|
|
final lowerKeyword = keyword.toLowerCase();
|
|
return movie.title.toLowerCase().contains(lowerKeyword) ||
|
|
movie.alternateTitles.any((t) => t.toLowerCase().contains(lowerKeyword)) ||
|
|
(movie.summary?.toLowerCase().contains(lowerKeyword) ?? false);
|
|
}
|
|
|
|
bool _matchBook(Book book, String keyword) {
|
|
final lowerKeyword = keyword.toLowerCase();
|
|
return book.title.toLowerCase().contains(lowerKeyword) ||
|
|
book.alternateTitles.any((t) => t.toLowerCase().contains(lowerKeyword)) ||
|
|
(book.summary?.toLowerCase().contains(lowerKeyword) ?? false);
|
|
}
|
|
|
|
bool _matchNote(Note note, String keyword) {
|
|
// 如果有选中的标签，先按标签筛选
|
|
if (_selectedTag != null) {
|
|
if (!note.tags.contains(_selectedTag)) {
|
|
return false;
|
|
}
|
|
}
|
|
// 关键词为空时，只按标签筛选
|
|
if (keyword.isEmpty) {
|
|
return true;
|
|
}
|
|
// 按内容搜索
|
|
return note.content.toLowerCase().contains(keyword.toLowerCase());
|
|
}
|
|
|
|
/// 构建标签筛选区域
|
|
Widget _buildTagFilter() {
|
|
return Consumer<AppProvider>(
|
|
builder: (context, provider, child) {
|
|
// 获取所有笔记的标签
|
|
final allTags = <String>{};
|
|
for (final note in provider.notes.where((n) => !n.isDeleted)) {
|
|
allTags.addAll(note.tags);
|
|
}
|
|
|
|
if (allTags.isEmpty) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
|
|
final tags = allTags.toList()..sort();
|
|
|
|
return Container(
|
|
padding: const EdgeInsets.fromLTRB(16, 0, 16, 12),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Wrap(
|
|
spacing: 8,
|
|
runSpacing: 8,
|
|
alignment: WrapAlignment.start,
|
|
children: tags.map((tag) => GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
// 再次点击同一标签则取消筛选
|
|
if (_selectedTag == tag) {
|
|
_selectedTag = null;
|
|
} else {
|
|
_selectedTag = tag;
|
|
}
|
|
_performSearch();
|
|
});
|
|
},
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: _selectedTag == tag
|
|
? const Color(0xFF1A1A1A)
|
|
: const Color(0xFFF5F5F5),
|
|
border: Border.all(
|
|
color: _selectedTag == tag
|
|
? const Color(0xFF1A1A1A)
|
|
: const Color(0xFFE5E5E5),
|
|
),
|
|
),
|
|
child: Text(
|
|
tag,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: _selectedTag == tag
|
|
? Colors.white
|
|
: const Color(0xFF666666),
|
|
),
|
|
),
|
|
),
|
|
)).toList(),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Colors.white,
|
|
appBar: AppBar(
|
|
title: const Text('搜索'),
|
|
),
|
|
body: Column(
|
|
children: [
|
|
// 搜索类型选择
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
decoration: const BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(color: Color(0xFFE5E5E5), width: 0.5),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: List.generate(_typeLabels.length, (index) {
|
|
final isSelected = _selectedType == index;
|
|
return GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
_selectedType = index;
|
|
_results = [];
|
|
_selectedTag = null; // 切换类型时重置标签
|
|
});
|
|
_searchController.clear();
|
|
},
|
|
child: Container(
|
|
margin: const EdgeInsets.only(right: 12),
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: isSelected ? const Color(0xFF1A1A1A) : const Color(0xFFF5F5F5),
|
|
border: Border.all(
|
|
color: isSelected ? const Color(0xFF1A1A1A) : const Color(0xFFE5E5E5),
|
|
),
|
|
),
|
|
child: Text(
|
|
_typeLabels[index],
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: isSelected ? Colors.white : const Color(0xFF666666),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
),
|
|
|
|
// 搜索输入框
|
|
Container(
|
|
padding: const EdgeInsets.all(16),
|
|
child: TextField(
|
|
controller: _searchController,
|
|
autofocus: true,
|
|
decoration: InputDecoration(
|
|
hintText: _getSearchHint(),
|
|
hintStyle: const TextStyle(color: Color(0xFF999999)),
|
|
prefixIcon: const Icon(Icons.search, color: Color(0xFF999999)),
|
|
suffixIcon: _searchController.text.isNotEmpty
|
|
? IconButton(
|
|
icon: const Icon(Icons.clear, color: Color(0xFF999999)),
|
|
onPressed: () {
|
|
_searchController.clear();
|
|
setState(() => _results = []);
|
|
},
|
|
)
|
|
: null,
|
|
border: const OutlineInputBorder(
|
|
borderRadius: BorderRadius.zero,
|
|
borderSide: BorderSide(color: Color(0xFFE5E5E5)),
|
|
),
|
|
focusedBorder: const OutlineInputBorder(
|
|
borderRadius: BorderRadius.zero,
|
|
borderSide: BorderSide(color: Color(0xFF1A1A1A)),
|
|
),
|
|
),
|
|
onSubmitted: (_) => _performSearch(),
|
|
onChanged: (_) => setState(() {}),
|
|
),
|
|
),
|
|
|
|
// 笔记标签筛选（仅在笔记搜索时显示）
|
|
if (_selectedType == 2) _buildTagFilter(),
|
|
|
|
// 搜索结果
|
|
Expanded(
|
|
child: _isSearching
|
|
? const Center(child: CircularProgressIndicator())
|
|
: _results.isEmpty
|
|
? _buildEmptyState()
|
|
: _buildResultList(),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
String _getSearchHint() {
|
|
switch (_selectedType) {
|
|
case 0:
|
|
return '搜索影视名称、别名、简介...';
|
|
case 1:
|
|
return '搜索书籍名称、别名、简介...';
|
|
case 2:
|
|
return '搜索笔记内容...';
|
|
default:
|
|
return '请输入搜索关键词';
|
|
}
|
|
}
|
|
|
|
Widget _buildEmptyState() {
|
|
if (_searchController.text.isEmpty) {
|
|
return const Center(
|
|
child: Text(
|
|
'输入关键词开始搜索',
|
|
style: TextStyle(color: Color(0xFF999999)),
|
|
),
|
|
);
|
|
}
|
|
return const Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(Icons.search_off, size: 64, color: Color(0xFFCCCCCC)),
|
|
SizedBox(height: 16),
|
|
Text(
|
|
'未找到相关内容',
|
|
style: TextStyle(color: Color(0xFF999999)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildResultList() {
|
|
return ListView.builder(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
itemCount: _results.length,
|
|
itemBuilder: (context, index) {
|
|
final item = _results[index];
|
|
if (item is Movie) {
|
|
return _buildMovieItem(item);
|
|
} else if (item is Book) {
|
|
return _buildBookItem(item);
|
|
} else if (item is Note) {
|
|
return _buildNoteItem(item);
|
|
}
|
|
return const SizedBox.shrink();
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _buildMovieItem(Movie movie) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => MovieDetailPage(movie: movie),
|
|
),
|
|
);
|
|
},
|
|
child: Container(
|
|
margin: const EdgeInsets.only(bottom: 12),
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: const Color(0xFFE5E5E5)),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
// 海报
|
|
Container(
|
|
width: 60,
|
|
height: 80,
|
|
color: const Color(0xFFF5F5F5),
|
|
child: movie.posterPath != null
|
|
? Image.file(
|
|
File(movie.posterPath!),
|
|
fit: BoxFit.cover,
|
|
errorBuilder: (_, __, ___) => const Icon(Icons.movie, color: Color(0xFFCCCCCC)),
|
|
)
|
|
: const Icon(Icons.movie, color: Color(0xFFCCCCCC)),
|
|
),
|
|
const SizedBox(width: 12),
|
|
// 信息
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
movie.title,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
if (movie.alternateTitles.isNotEmpty) ...[
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
movie.alternateTitles.join(' / '),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
fontSize: 12,
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
],
|
|
const SizedBox(height: 4),
|
|
_buildStatusTag(movie.status),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildBookItem(Book book) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => BookDetailPage(book: book),
|
|
),
|
|
);
|
|
},
|
|
child: Container(
|
|
margin: const EdgeInsets.only(bottom: 12),
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: const Color(0xFFE5E5E5)),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
// 封面
|
|
Container(
|
|
width: 60,
|
|
height: 80,
|
|
color: const Color(0xFFF5F5F5),
|
|
child: book.coverPath != null
|
|
? Image.file(
|
|
File(book.coverPath!),
|
|
fit: BoxFit.cover,
|
|
errorBuilder: (_, __, ___) => const Icon(Icons.book, color: Color(0xFFCCCCCC)),
|
|
)
|
|
: const Icon(Icons.book, color: Color(0xFFCCCCCC)),
|
|
),
|
|
const SizedBox(width: 12),
|
|
// 信息
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
book.title,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
if (book.alternateTitles.isNotEmpty) ...[
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
book.alternateTitles.join(' / '),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
fontSize: 12,
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
],
|
|
const SizedBox(height: 4),
|
|
_buildBookStatusTag(book.status),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildNoteItem(Note note) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => NoteDetailPage(note: note),
|
|
),
|
|
);
|
|
},
|
|
child: Container(
|
|
margin: const EdgeInsets.only(bottom: 12),
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: const Color(0xFFE5E5E5)),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
note.content,
|
|
maxLines: 3,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
height: 1.5,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'${note.createdAt.year}.${note.createdAt.month.toString().padLeft(2, '0')}.${note.createdAt.day.toString().padLeft(2, '0')}',
|
|
style: const TextStyle(
|
|
fontSize: 11,
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStatusTag(String status) {
|
|
String label;
|
|
Color color;
|
|
switch (status) {
|
|
case 'watched':
|
|
label = '已看';
|
|
color = const Color(0xFF1A1A1A);
|
|
break;
|
|
case 'watching':
|
|
label = '在看';
|
|
color = const Color(0xFF666666);
|
|
break;
|
|
case 'want_to_watch':
|
|
label = '想看';
|
|
color = const Color(0xFF999999);
|
|
break;
|
|
default:
|
|
label = '未知';
|
|
color = const Color(0xFFCCCCCC);
|
|
}
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
|
decoration: BoxDecoration(color: color),
|
|
child: Text(
|
|
label,
|
|
style: const TextStyle(fontSize: 11, color: Colors.white),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildBookStatusTag(String status) {
|
|
String label;
|
|
Color color;
|
|
switch (status) {
|
|
case 'read':
|
|
label = '已读';
|
|
color = const Color(0xFF1A1A1A);
|
|
break;
|
|
case 'reading':
|
|
label = '在读';
|
|
color = const Color(0xFF666666);
|
|
break;
|
|
case 'want_to_read':
|
|
label = '想读';
|
|
color = const Color(0xFF999999);
|
|
break;
|
|
default:
|
|
label = '未知';
|
|
color = const Color(0xFFCCCCCC);
|
|
}
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
|
decoration: BoxDecoration(color: color),
|
|
child: Text(
|
|
label,
|
|
style: const TextStyle(fontSize: 11, color: Colors.white),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
|