feat:fix语音题无法手动停止问题；优化录音按钮点击响应

吴启风
1 parent 5b923179
Showing 7 changed files with 77 additions and 19 deletions
lib/common/widgets/throttledGesture_gesture_detector.dart
lib/pages/practice/bloc/topic_picture_bloc.dart
lib/pages/practice/bloc/topic_picture_event.dart
lib/pages/practice/topic_picture_page.dart
lib/pages/practice/topic_type.dart
lib/pages/reading/bloc/reading_bloc.dart
lib/pages/section/section_page.dart
+import 'dart:async';
+import 'package:flutter/material.dart';
+
+///带节流功能的GestureDetector
+class ThrottledGestureDetector extends StatefulWidget {
+  final Widget child;
+  final VoidCallback onTap;
+  final int throttleTime;
+
+  const ThrottledGestureDetector({
+    super.key,
+    required this.child,
+    required this.onTap,
+    this.throttleTime = 500, // 默认节流时间为500毫秒
+  });
+
+  @override
+  _ThrottledGestureDetectorState createState() =>
+      _ThrottledGestureDetectorState();
+}
+
+class _ThrottledGestureDetectorState extends State<ThrottledGestureDetector> {
+  bool _isThrottled = false;
+
+  void _handleTap() {
+    if (!_isThrottled) {
+      widget.onTap();
+      _isThrottled = true;
+      Timer(Duration(milliseconds: widget.throttleTime), () {
+        _isThrottled = false;
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: _handleTap,
+      child: widget.child,
+    );
+  }
+}
@@ -83,7 +83,7 @@ class TopicPictureBloc extends BaseSectionBloc&lt;TopicPictureEvent, TopicPictureSt
     on<XSVoiceInitEvent>(_initVoiceSdk);
     on<SelectItemEvent>(_selectItemLoad);
     on<RequestDataEvent>(_requestData);
-    on<XSVoiceTestEvent>(_voiceXsTest);
+    on<XSVoiceStartEvent>(_voiceXsStart);
     on<XSVoiceStopEvent>(_voiceXsStop);
     on<VoicePlayEvent>(_questionVoicePlay);
     on<InitBlocEvent>((event, emit) {
@@ -231,7 +231,7 @@ class TopicPictureBloc extends BaseSectionBloc&lt;TopicPictureEvent, TopicPictureSt
   }
  
   ///先声测试
-  void _voiceXsTest(XSVoiceTestEvent event,Emitter<TopicPictureState> emitter) async {
+  void _voiceXsStart(XSVoiceStartEvent event,Emitter<TopicPictureState> emitter) async {
     await audioPlayer.stop();
     // 调用封装好的权限检查和请求方法
     bool result = await permissionCheckAndRequest(
@@ -14,11 +14,11 @@ class XSVoiceInitEvent extends TopicPictureEvent {
 }
  
 ///开始评测
-class XSVoiceTestEvent extends TopicPictureEvent {
+class XSVoiceStartEvent extends TopicPictureEvent {
   final String testWord;
   final String type;
   final String userId;
-  XSVoiceTestEvent(this.testWord,this.type,this.userId);
+  XSVoiceStartEvent(this.testWord,this.type,this.userId);
 }
  
 ///终止评测
@@ -10,6 +10,7 @@ import &#39;package:wow_english/pages/practice/topic_type.dart&#39;;
 import 'package:wow_english/route/route.dart';
 import 'package:wow_english/utils/toast_util.dart';
  
+import '../../common/widgets/throttledGesture_gesture_detector.dart';
 import 'bloc/topic_picture_bloc.dart';
 import 'widgets/practice_header_widget.dart';
  
@@ -479,20 +480,23 @@ class _TopicPicturePage extends StatelessWidget {
                   ),
                 ),
                 70.verticalSpace,
-                GestureDetector(
+                ThrottledGestureDetector(
+                  throttleTime: 1000,
                   onTap: () {
                     if (bloc.voicePlayState == VoicePlayState.playing) {
-                      showToast('正在播放音屏,不能终止');
+                      showToast('正在播放音频,不能终止');
                       return;
                     }
  
                     if (bloc.isVoicing) {
+                      bloc.add(XSVoiceStopEvent());
                       return;
                     }
-                    if (topics?.type == 5 || topics?.type == 7) {
-                      bloc.add(XSVoiceTestEvent(topics?.keyWord??'', '0',UserUtil.getUser()!.id.toString()));
+                    if (topics?.type == TopicType.voiceQuestion.value ||
+                        topics?.type == TopicType.voiceWord.value) {
+                      bloc.add(XSVoiceStartEvent(topics?.keyWord??'', '0',UserUtil.getUser()!.id.toString()));
                     } else {
-                      bloc.add(XSVoiceTestEvent(topics?.word??'', '0',UserUtil.getUser()!.id.toString()));
+                      bloc.add(XSVoiceStartEvent(topics?.word??'', '0',UserUtil.getUser()!.id.toString()));
                     }
                   },
                   child: Image.asset(
@@ -13,7 +13,10 @@ enum TopicType {
   questionImageSelect,
  
   ///语音问答
-  voiceQuestion
+  voiceQuestion,
+
+  ///跟读单词（目前没实现，但是有一处判断，就先把类型定义出来）
+  voiceWord
 }
  
 extension TopicTypeExtension on TopicType {
@@ -29,6 +32,8 @@ extension TopicTypeExtension on TopicType {
         return 4;
       case TopicType.voiceQuestion:
         return 5;
+      case TopicType.voiceWord:
+        return 7;
       default:
         throw ArgumentError('Unknown topic type');
     }
@@ -179,7 +179,9 @@ class ReadingPageBloc
   void _pageControllerChange(CurrentPageIndexChangeEvent event,
       Emitter<ReadingPageState> emitter) async {
     _currentPage = event.pageIndex;
+    debugPrint("WQF _playOriginalAudioInner begin");
     _playOriginalAudioInner(null);
+    debugPrint("WQF _playOriginalAudioInner end");
     emitter(CurrentPageIndexState());
   }
  
@@ -227,6 +229,7 @@ class ReadingPageBloc
       audioPlayer.stop();
     } else {
       _isOriginAudioPlaying = true;
+      debugPrint("WQF _playOriginalAudioInner _isOriginAudioPlaying: true");
       audioUrl ??= currentPageData()?.audioUrl ?? '';
       _playAudio(audioUrl);
     }
@@ -158,15 +158,19 @@ class _SectionPageView extends StatelessWidget {
                             bloc.add(CurrentUnitIndexChangeEvent(index));
                           },
                           itemBuilder: (context, index) {
-                            return ScrollConfiguration(
-                              ///去掉 Android 上默认的边缘拖拽效果
-                              behavior: ScrollConfiguration.of(context)
-                                  .copyWith(overscroll: false),
-                              child: _itemTransCard(
-                                  bloc.getCourseUnitDetail(pageIndex: index),
-                                  index,
-                                  context),
-                            );
+                            // return ScrollConfiguration(
+                            //   ///去掉 Android 上默认的边缘拖拽效果
+                            //   behavior: ScrollConfiguration.of(context)
+                            //       .copyWith(overscroll: false),
+                            //   child: _itemTransCard(
+                            //       bloc.getCourseUnitDetail(pageIndex: index),
+                            //       index,
+                            //       context),
+                            // );
+                            return _itemTransCard(
+                                bloc.getCourseUnitDetail(pageIndex: index),
+                                index,
+                                context);
                           }),
                     ), // 设置外部padding,
                   )),