generated from dellevin/template
基本功能完善
This commit is contained in:
486
lib/pages/search_page.dart
Normal file
486
lib/pages/search_page.dart
Normal file
@@ -0,0 +1,486 @@
|
||||
import 'dart:io';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import '../providers/app_provider.dart';
|
||||
import '../models/data_models.dart';
|
||||
import 'movie_detail_page.dart';
|
||||
import 'book_detail_page.dart';
|
||||
import '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;
|
||||
|
||||
final List<String> _typeLabels = ['影视', '书籍', '笔记'];
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_searchController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
Future<void> _performSearch() async {
|
||||
final keyword = _searchController.text.trim();
|
||||
if (keyword.isEmpty) 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);
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text('搜索失败: $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) {
|
||||
return note.content.toLowerCase().contains(keyword.toLowerCase());
|
||||
}
|
||||
|
||||
@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 = [];
|
||||
});
|
||||
if (_searchController.text.isNotEmpty) {
|
||||
_performSearch();
|
||||
}
|
||||
},
|
||||
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(() {}),
|
||||
),
|
||||
),
|
||||
|
||||
// 搜索结果
|
||||
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),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user