508 lines
15 KiB
Dart
508 lines
15 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|||
|
|
import '../models/vocabulary_book_model.dart';
|
|||
|
|
import '../models/word_model.dart';
|
|||
|
|
import '../providers/vocabulary_provider.dart';
|
|||
|
|
import 'dart:math';
|
|||
|
|
|
|||
|
|
enum TestType {
|
|||
|
|
vocabularyLevel,
|
|||
|
|
listening,
|
|||
|
|
reading,
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class VocabularyTestScreen extends ConsumerStatefulWidget {
|
|||
|
|
final VocabularyBook? vocabularyBook;
|
|||
|
|
final TestType testType;
|
|||
|
|
final int questionCount;
|
|||
|
|
|
|||
|
|
const VocabularyTestScreen({
|
|||
|
|
super.key,
|
|||
|
|
this.vocabularyBook,
|
|||
|
|
this.testType = TestType.vocabularyLevel,
|
|||
|
|
this.questionCount = 20,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
ConsumerState<VocabularyTestScreen> createState() => _VocabularyTestScreenState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _VocabularyTestScreenState extends ConsumerState<VocabularyTestScreen> {
|
|||
|
|
List<Word> _testWords = [];
|
|||
|
|
int _currentIndex = 0;
|
|||
|
|
Map<int, String> _userAnswers = {};
|
|||
|
|
bool _isLoading = true;
|
|||
|
|
bool _isTestComplete = false;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
_initTest();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _initTest() async {
|
|||
|
|
setState(() => _isLoading = true);
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
final notifier = ref.read(vocabularyProvider.notifier);
|
|||
|
|
await notifier.loadTodayStudyWords();
|
|||
|
|
|
|||
|
|
final state = ref.read(vocabularyProvider);
|
|||
|
|
final allWords = state.todayWords;
|
|||
|
|
|
|||
|
|
if (allWords.isEmpty) {
|
|||
|
|
// 如果没有今日单词，生成示例数据
|
|||
|
|
_testWords = _generateSampleWords();
|
|||
|
|
} else {
|
|||
|
|
// 随机选取指定数量的单词
|
|||
|
|
final random = Random();
|
|||
|
|
final selectedWords = <Word>[];
|
|||
|
|
final wordsCopy = List<Word>.from(allWords);
|
|||
|
|
|
|||
|
|
final count = widget.questionCount.clamp(1, wordsCopy.length);
|
|||
|
|
for (var i = 0; i < count; i++) {
|
|||
|
|
if (wordsCopy.isEmpty) break;
|
|||
|
|
final index = random.nextInt(wordsCopy.length);
|
|||
|
|
selectedWords.add(wordsCopy.removeAt(index));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
_testWords = selectedWords;
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
_testWords = _generateSampleWords();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setState(() => _isLoading = false);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
List<Word> _generateSampleWords() {
|
|||
|
|
// 生成示例测试数据
|
|||
|
|
final sampleWords = [
|
|||
|
|
'abandon', 'ability', 'abroad', 'absence', 'absolute',
|
|||
|
|
'absorb', 'abstract', 'abundant', 'academic', 'accept',
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
return List.generate(
|
|||
|
|
widget.questionCount.clamp(1, sampleWords.length),
|
|||
|
|
(index) => Word(
|
|||
|
|
id: '${index + 1}',
|
|||
|
|
word: sampleWords[index % sampleWords.length],
|
|||
|
|
phonetic: '/ˈsæmpl/',
|
|||
|
|
difficulty: WordDifficulty.intermediate,
|
|||
|
|
frequency: 1000,
|
|||
|
|
definitions: [
|
|||
|
|
WordDefinition(
|
|||
|
|
type: WordType.noun,
|
|||
|
|
definition: 'Example definition',
|
|||
|
|
translation: '示例释义 ${index + 1}',
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
createdAt: DateTime.now(),
|
|||
|
|
updatedAt: DateTime.now(),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
if (_isLoading) {
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: AppBar(
|
|||
|
|
title: const Text('词汇测试'),
|
|||
|
|
),
|
|||
|
|
body: const Center(
|
|||
|
|
child: CircularProgressIndicator(),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (_isTestComplete) {
|
|||
|
|
return _buildResultScreen();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: AppBar(
|
|||
|
|
title: Text('词汇测试 (${_currentIndex + 1}/${_testWords.length})'),
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: _showExitConfirmDialog,
|
|||
|
|
child: const Text(
|
|||
|
|
'退出',
|
|||
|
|
style: TextStyle(color: Colors.white),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
body: _buildTestQuestion(),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildTestQuestion() {
|
|||
|
|
if (_currentIndex >= _testWords.length) {
|
|||
|
|
return const Center(child: Text('测试已完成'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final word = _testWords[_currentIndex];
|
|||
|
|
final correctAnswer = word.definitions.isNotEmpty
|
|||
|
|
? word.definitions.first.translation
|
|||
|
|
: '示例释义';
|
|||
|
|
|
|||
|
|
// 生成选项（一个正确答案 + 三个干扰项）
|
|||
|
|
final options = _generateOptions(correctAnswer, _currentIndex);
|
|||
|
|
|
|||
|
|
return Column(
|
|||
|
|
children: [
|
|||
|
|
// 进度条
|
|||
|
|
LinearProgressIndicator(
|
|||
|
|
value: (_currentIndex + 1) / _testWords.length,
|
|||
|
|
backgroundColor: Colors.grey[200],
|
|||
|
|
valueColor: const AlwaysStoppedAnimation<Color>(Color(0xFF2196F3)),
|
|||
|
|
),
|
|||
|
|
Expanded(
|
|||
|
|
child: SingleChildScrollView(
|
|||
|
|
padding: const EdgeInsets.all(24),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|||
|
|
children: [
|
|||
|
|
// 问题区域
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.all(24),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: const Color(0xFF2196F3).withOpacity(0.1),
|
|||
|
|
borderRadius: BorderRadius.circular(16),
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
const Text(
|
|||
|
|
'请选择下列单词的正确释义',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 14,
|
|||
|
|
color: Colors.grey,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
Text(
|
|||
|
|
word.word,
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontSize: 36,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Color(0xFF2196F3),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (word.phonetic != null) ...[
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(
|
|||
|
|
word.phonetic!,
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontSize: 18,
|
|||
|
|
color: Colors.grey,
|
|||
|
|
fontStyle: FontStyle.italic,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 32),
|
|||
|
|
// 选项
|
|||
|
|
...options.asMap().entries.map((entry) {
|
|||
|
|
final index = entry.key;
|
|||
|
|
final option = entry.value;
|
|||
|
|
final optionLabel = String.fromCharCode(65 + index); // A, B, C, D
|
|||
|
|
|
|||
|
|
return Padding(
|
|||
|
|
padding: const EdgeInsets.only(bottom: 12),
|
|||
|
|
child: _buildOptionCard(
|
|||
|
|
label: optionLabel,
|
|||
|
|
text: option,
|
|||
|
|
isSelected: _userAnswers[_currentIndex] == option,
|
|||
|
|
onTap: () => _selectAnswer(option),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
// 底部按钮
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
boxShadow: [
|
|||
|
|
BoxShadow(
|
|||
|
|
color: Colors.black.withOpacity(0.05),
|
|||
|
|
blurRadius: 10,
|
|||
|
|
offset: const Offset(0, -2),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
child: SafeArea(
|
|||
|
|
child: ElevatedButton(
|
|||
|
|
onPressed: _userAnswers.containsKey(_currentIndex) ? _nextQuestion : null,
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
backgroundColor: const Color(0xFF2196F3),
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 16),
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
_currentIndex < _testWords.length - 1 ? '下一题' : '完成测试',
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontSize: 16,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildOptionCard({
|
|||
|
|
required String label,
|
|||
|
|
required String text,
|
|||
|
|
required bool isSelected,
|
|||
|
|
required VoidCallback onTap,
|
|||
|
|
}) {
|
|||
|
|
return InkWell(
|
|||
|
|
onTap: onTap,
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
child: Container(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: isSelected
|
|||
|
|
? const Color(0xFF2196F3).withOpacity(0.1)
|
|||
|
|
: Colors.white,
|
|||
|
|
border: Border.all(
|
|||
|
|
color: isSelected
|
|||
|
|
? const Color(0xFF2196F3)
|
|||
|
|
: Colors.grey[300]!,
|
|||
|
|
width: isSelected ? 2 : 1,
|
|||
|
|
),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
width: 32,
|
|||
|
|
height: 32,
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: isSelected
|
|||
|
|
? const Color(0xFF2196F3)
|
|||
|
|
: Colors.grey[200],
|
|||
|
|
shape: BoxShape.circle,
|
|||
|
|
),
|
|||
|
|
child: Center(
|
|||
|
|
child: Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 16,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: isSelected ? Colors.white : Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 16),
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
text,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 16,
|
|||
|
|
color: isSelected ? const Color(0xFF2196F3) : Colors.black87,
|
|||
|
|
fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
List<String> _generateOptions(String correctAnswer, int questionIndex) {
|
|||
|
|
final distractors = [
|
|||
|
|
'放弃；遗弃',
|
|||
|
|
'能力；才能',
|
|||
|
|
'在国外；到国外',
|
|||
|
|
'缺席；缺乏',
|
|||
|
|
'绝对的；完全的',
|
|||
|
|
'吸收；吸引',
|
|||
|
|
'抽象的；抽象概念',
|
|||
|
|
'丰富的；充裕的',
|
|||
|
|
'学术的；学院的',
|
|||
|
|
'接受；承认',
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
final options = <String>[correctAnswer];
|
|||
|
|
final random = Random(questionIndex); // 使用问题索引作为种子以保证一致性
|
|||
|
|
|
|||
|
|
while (options.length < 4 && distractors.isNotEmpty) {
|
|||
|
|
final index = random.nextInt(distractors.length);
|
|||
|
|
final distractor = distractors[index];
|
|||
|
|
if (distractor != correctAnswer && !options.contains(distractor)) {
|
|||
|
|
options.add(distractor);
|
|||
|
|
}
|
|||
|
|
distractors.removeAt(index);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 打乱选项顺序
|
|||
|
|
options.shuffle(random);
|
|||
|
|
return options;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _selectAnswer(String answer) {
|
|||
|
|
setState(() {
|
|||
|
|
_userAnswers[_currentIndex] = answer;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _nextQuestion() {
|
|||
|
|
if (_currentIndex < _testWords.length - 1) {
|
|||
|
|
setState(() {
|
|||
|
|
_currentIndex++;
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
setState(() {
|
|||
|
|
_isTestComplete = true;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildResultScreen() {
|
|||
|
|
int correctCount = 0;
|
|||
|
|
|
|||
|
|
for (var i = 0; i < _testWords.length; i++) {
|
|||
|
|
final word = _testWords[i];
|
|||
|
|
final correctAnswer = word.definitions.isNotEmpty
|
|||
|
|
? word.definitions.first.translation
|
|||
|
|
: '示例释义';
|
|||
|
|
if (_userAnswers[i] == correctAnswer) {
|
|||
|
|
correctCount++;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final score = (correctCount / _testWords.length * 100).round();
|
|||
|
|
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: AppBar(
|
|||
|
|
title: const Text('测试结果'),
|
|||
|
|
automaticallyImplyLeading: false,
|
|||
|
|
),
|
|||
|
|
body: Center(
|
|||
|
|
child: Padding(
|
|||
|
|
padding: const EdgeInsets.all(24),
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
width: 120,
|
|||
|
|
height: 120,
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: score >= 60
|
|||
|
|
? Colors.green.withOpacity(0.1)
|
|||
|
|
: Colors.orange.withOpacity(0.1),
|
|||
|
|
shape: BoxShape.circle,
|
|||
|
|
),
|
|||
|
|
child: Center(
|
|||
|
|
child: Text(
|
|||
|
|
'$score',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 48,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: score >= 60 ? Colors.green : Colors.orange,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
Text(
|
|||
|
|
score >= 80 ? '太棒了！' : score >= 60 ? '不错哦！' : '加油！',
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontSize: 28,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
Text(
|
|||
|
|
'你的分数：$score 分',
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontSize: 18,
|
|||
|
|
color: Colors.grey,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(
|
|||
|
|
'正确率：$correctCount/${_testWords.length}',
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontSize: 16,
|
|||
|
|
color: Colors.grey,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 48),
|
|||
|
|
ElevatedButton(
|
|||
|
|
onPressed: () => Navigator.of(context).pop(),
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
backgroundColor: const Color(0xFF2196F3),
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
horizontal: 48,
|
|||
|
|
vertical: 16,
|
|||
|
|
),
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: const Text(
|
|||
|
|
'完成',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 16,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
setState(() {
|
|||
|
|
_currentIndex = 0;
|
|||
|
|
_userAnswers.clear();
|
|||
|
|
_isTestComplete = false;
|
|||
|
|
});
|
|||
|
|
_initTest();
|
|||
|
|
},
|
|||
|
|
child: const Text('重新测试'),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _showExitConfirmDialog() {
|
|||
|
|
showDialog(
|
|||
|
|
context: context,
|
|||
|
|
builder: (context) => AlertDialog(
|
|||
|
|
title: const Text('退出测试'),
|
|||
|
|
content: const Text('确定要退出吗？当前进度将不会保存。'),
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () => Navigator.of(context).pop(),
|
|||
|
|
child: const Text('取消'),
|
|||
|
|
),
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
Navigator.of(context).pop();
|
|||
|
|
Navigator.of(context).pop();
|
|||
|
|
},
|
|||
|
|
child: const Text('确定'),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|