feat:体验优化-选择题选中边框及时重置

吴启风
1 parent 1de82c6c
Showing 3 changed files with 20 additions and 1 deletions
lib/pages/practice/bloc/topic_picture_bloc.dart
lib/pages/practice/bloc/topic_picture_event.dart
lib/pages/practice/bloc/topic_picture_state.dart
@@ -85,6 +85,7 @@ class TopicPictureBloc
     on<XSVoiceResultEvent>(_voiceXsResult);
     on<XSVoiceInitEvent>(_initVoiceSdk);
     on<SelectItemEvent>(_selectItemLoad);
+    on<SelectItemResetEvent>(_selectItemReset);
     on<RequestDataEvent>(_requestData);
     on<XSVoiceStartEvent>(_voiceXsStart);
     on<XSVoiceStopEvent>(_voiceXsStop);
@@ -210,13 +211,22 @@ class TopicPictureBloc
       /// right音频长度比动效短，所以等动效完了再翻页
       AudioPlayerUtil.getInstance().playAudio(AudioPlayerUtilType.right);
       await showStarRewardDialog(context, onDismiss: () {
+        _resetSelectItem();
         autoFlipPage();
       });
     } else {
       await AudioPlayerUtil.getInstance().playAudio(AudioPlayerUtilType.wrong);
+      _resetSelectItem();
     }
   }
  
+  ///重置选择
+  void _selectItemReset(
+      SelectItemResetEvent event, Emitter<TopicPictureState> emitter) async {
+    ///用于一次完整的选择后重置视图
+    emitter(SelectItemResetState());
+  }
+
   ///为空则数据异常，用于是否晃动时需要
   bool? checkAnswerRight(int selectIndex) {
     CourseProcessTopics? topics = _entity?.topics?[_currentPage];
@@ -319,11 +329,15 @@ class TopicPictureBloc
     await _voiceXsCancel();
   }
  
+  void _resetSelectItem() {
+    _optionSelectItem = -1;
+    add(SelectItemResetEvent());
+  }
+
   Future<void> closePlayerResource() async {
     if (voicePlayState == VoicePlayState.playing) {
       await audioPlayer.stop();
     }
-    await ClickWithMusicController.instance.reset();
   }
  
   ///是否是最后一页
@@ -45,6 +45,9 @@ class SelectItemEvent extends TopicPictureEvent {
   SelectItemEvent(this.selectIndex);
 }
  
+///选项重置，用于播放作答动效后重置（边框等）
+class SelectItemResetEvent extends TopicPictureEvent {}
+
 ///音频播放事件
 class VoicePlayChangeEvent extends TopicPictureEvent {}
  
@@ -13,4 +13,6 @@ class CurrentPageIndexState extends TopicPictureState {}
  
 class SelectItemChangeState extends TopicPictureState {}
  
+class SelectItemResetState extends TopicPictureState {}
+
 class VoicePlayStateChange extends TopicPictureState {}