feat:阶段选择指示器与阶段色联动；阶段选择点击增加音效（音频文件待提供）

吴启风
1 parent 7b87c05c
Showing 4 changed files with 27 additions and 9 deletions
lib/common/utils/click_with_music_controller.dart
lib/pages/module/course_module_page.dart
lib/pages/section/section_page.dart
lib/pages/section/widgets/section_header_widget.dart
@@ -17,8 +17,9 @@ class ClickWithMusicController {
  
   bool _isPlaying = false;
  
+  ///@param context 暂时没用到，先可空预留
   ///@param action 可以是同步函数也可以是异步函数
-  Future<void> playMusicAndPerformAction(BuildContext context,
+  Future<void> playMusicAndPerformAction(BuildContext? context,
       AudioPlayerUtilType audioType, FutureOr<void> Function() action) async {
     if (_isPlaying) return;
  
@@ -5,6 +5,9 @@ import &#39;package:wow_english/common/widgets/we_app_bar.dart&#39;;
 import 'package:wow_english/models/course_module_entity.dart';
 import 'package:wow_english/route/route.dart';
  
+import '../../common/utils/click_with_music_controller.dart';
+import '../../utils/audio_player_util.dart';
+import '../section/courese_module_model.dart';
 import 'bloc/module_bloc.dart';
 import 'widgets/module_item_widget.dart';
  
@@ -67,6 +70,7 @@ class _LessonPageView extends StatelessWidget {
                       itemCount: bloc.listData.length,
                       scrollDirection: Axis.horizontal,
                       itemBuilder: (BuildContext context, int index) {
+                        CourseModuleEntity? model = bloc.listData[index];
                         return Container(
                           height: 32.h,
                           width: 66.w,
@@ -86,9 +90,16 @@ class _LessonPageView extends StatelessWidget {
                             child: Container(
                               height: bloc.currentPageIndex == index ? 32 : 20,
                               decoration: BoxDecoration(
-                                color: bloc.currentPageIndex == index
-                                    ? Colors.red
-                                    : Colors.white,
+                                // color: bloc.currentPageIndex == index
+                                //     ? Colors.red
+                                //     : Colors.white,
+                                color:
+                                    CourseModuleModel(model?.code ?? 'Phase-1')
+                                        .color
+                                        .withOpacity(
+                                            bloc.currentPageIndex == index
+                                                ? 1
+                                                : 0.35),
                                 borderRadius: BorderRadius.circular(5.r),
                                 border: Border.all(
                                   width: 0.5,
@@ -156,9 +167,13 @@ class _LessonPageView extends StatelessWidget {
               model: model,
               isSelected: bloc.currentPageIndex == index,
               onClickEvent: () {
-                pushNamedAndRemoveUntil(
-                    AppRouteName.courseUnit, (route) => route.isFirst,
-                    arguments: {'courseModuleEntity': model});
+                ///todo 不同阶段音乐文件待提供
+                ClickWithMusicController.instance.playMusicAndPerformAction(
+                    context,
+                    AudioPlayerUtilType.welcomeToWow,
+                    () => pushNamedAndRemoveUntil(
+                        AppRouteName.courseUnit, (route) => route.isFirst,
+                        arguments: {'courseModuleEntity': model}));
               },
             ),
           ),
@@ -19,7 +19,7 @@ import &#39;../../utils/log_util.dart&#39;;
 import 'bloc/section_bloc.dart';
 import 'courese_module_model.dart';
  
-/// 环节列表页
+/// 环节（课程）列表页
 class SectionPage extends StatelessWidget {
   const SectionPage(
       {super.key, required this.courseUnitEntity, required this.courseUnitId});
@@ -6,8 +6,10 @@ import &#39;package:wow_english/pages/user/bloc/user_bloc.dart&#39;;
  
 import '../courese_module_model.dart';
  
+/// 环节（课程）列表页标题栏
 class SectionHeaderWidget extends StatelessWidget {
-  const SectionHeaderWidget({super.key, this.title, this.courseModuleCode, this.onBack});
+  const SectionHeaderWidget(
+      {super.key, this.title, this.courseModuleCode, this.onBack});
  
   final String? title;