Commit 2b3842c55ad6f089f824572e5c916195bc07e4a0
Merge branch 'feat-wqf-payment' into ios_umeng
Showing
11 changed files
with
319 additions
and
174 deletions
.gitignore
lib/pages/home/bloc.dart
| ... | ... | @@ -16,7 +16,6 @@ class HomeBloc extends Bloc<HomeEvent, HomeState> { |
| 16 | 16 | |
| 17 | 17 | void _init(InitEvent event, Emitter<HomeState> emit) async { |
| 18 | 18 | await _checkUpdate(emit); |
| 19 | - debugPrint('WQF ModuleSelectBloc _init'); | |
| 20 | 19 | } |
| 21 | 20 | |
| 22 | 21 | Future<void> _checkUpdate(Emitter<HomeState> emit) async { | ... | ... |
lib/pages/home/view.dart
| ... | ... | @@ -13,7 +13,6 @@ import 'package:wow_english/pages/user/bloc/user_bloc.dart'; |
| 13 | 13 | |
| 14 | 14 | import '../../common/core/user_util.dart'; |
| 15 | 15 | import '../../common/dialogs/show_dialog.dart'; |
| 16 | -import '../../utils/log_util.dart'; | |
| 17 | 16 | import 'bloc.dart'; |
| 18 | 17 | import 'event.dart'; |
| 19 | 18 | import 'package:flutter_screenutil/flutter_screenutil.dart'; |
| ... | ... | @@ -38,11 +37,9 @@ class _HomePageView extends StatelessWidget { |
| 38 | 37 | Widget build(BuildContext context) { |
| 39 | 38 | return MultiBlocListener(listeners: [ |
| 40 | 39 | BlocListener<UserBloc, UserState>(listener: (context, state) { |
| 41 | - debugPrint('WQF ModuleSelectPage BlocListener state: $state'); | |
| 42 | 40 | }), |
| 43 | 41 | BlocListener<HomeBloc, HomeState>( |
| 44 | 42 | listener: (context, state) { |
| 45 | - Log.d("WQF HomePage listener state: $state"); | |
| 46 | 43 | if (state is UpdateDialogState) { |
| 47 | 44 | _showUpdateDialog(context, state.forceUpdate, state.appVersionEntity); |
| 48 | 45 | } |
| ... | ... | @@ -97,8 +94,6 @@ class _HomePageView extends StatelessWidget { |
| 97 | 94 | Expanded( |
| 98 | 95 | child: BlocBuilder<UserBloc, UserState>( |
| 99 | 96 | builder: (context, userState) { |
| 100 | - debugPrint( | |
| 101 | - 'WQF ModuleSelectPage BlocBuilder state: $userState'); | |
| 102 | 97 | return GestureDetector( |
| 103 | 98 | onTap: () { |
| 104 | 99 | _checkPermission(() { | ... | ... |
lib/pages/practice/bloc/topic_picture_bloc.dart
| ... | ... | @@ -103,7 +103,7 @@ class TopicPictureBloc extends BaseSectionBloc<TopicPictureEvent, TopicPictureSt |
| 103 | 103 | } else { |
| 104 | 104 | // 答对后且播放完自动翻页 |
| 105 | 105 | pageController.nextPage( |
| 106 | - duration: const Duration(milliseconds: 500), | |
| 106 | + duration: const Duration(milliseconds: 250), | |
| 107 | 107 | curve: Curves.ease, |
| 108 | 108 | ); |
| 109 | 109 | } |
| ... | ... | @@ -332,7 +332,6 @@ class TopicPictureBloc extends BaseSectionBloc<TopicPictureEvent, TopicPictureSt |
| 332 | 332 | 'nextSection': true |
| 333 | 333 | }); |
| 334 | 334 | }, againSectionTap: () { |
| 335 | - debugPrint("WQF 重做"); | |
| 336 | 335 | pageController.jumpToPage(0); |
| 337 | 336 | }); |
| 338 | 337 | } | ... | ... |
lib/pages/reading/bloc/reading_bloc.dart
lib/pages/section/bloc/section_bloc.dart
| 1 | 1 | import 'package:flutter/cupertino.dart'; |
| 2 | 2 | import 'package:flutter/foundation.dart'; |
| 3 | +import 'package:flutter/material.dart'; | |
| 3 | 4 | import 'package:flutter_bloc/flutter_bloc.dart'; |
| 5 | +import 'package:flutter_screenutil/flutter_screenutil.dart'; | |
| 4 | 6 | import 'package:wow_english/common/request/dao/lesson_dao.dart'; |
| 5 | 7 | import 'package:wow_english/common/request/exception.dart'; |
| 6 | 8 | import 'package:wow_english/common/request/dao/listen_dao.dart'; |
| ... | ... | @@ -13,10 +15,10 @@ import '../../../models/course_unit_entity.dart'; |
| 13 | 15 | import '../../../utils/list_ext.dart'; |
| 14 | 16 | |
| 15 | 17 | part 'section_event.dart'; |
| 18 | + | |
| 16 | 19 | part 'section_state.dart'; |
| 17 | 20 | |
| 18 | 21 | class SectionBloc extends Bloc<SectionEvent, SectionState> { |
| 19 | - | |
| 20 | 22 | PageController _pageController; |
| 21 | 23 | |
| 22 | 24 | PageController get pageController => _pageController; |
| ... | ... | @@ -30,10 +32,17 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { |
| 30 | 32 | |
| 31 | 33 | ScrollController get listController => _listController; |
| 32 | 34 | |
| 35 | + ScrollController _indicatorSrollController; | |
| 36 | + | |
| 37 | + ScrollController get indicatorSrollController => _indicatorSrollController; | |
| 38 | + | |
| 33 | 39 | CourseUnitEntity _courseUnitEntity; |
| 34 | 40 | |
| 35 | 41 | CourseUnitEntity get courseUnitEntity => _courseUnitEntity; |
| 36 | 42 | |
| 43 | + ///单元列表是否有刷新,有的话返回上一页时通知其刷新接口数据 | |
| 44 | + bool courseUnitEntityChanged = false; | |
| 45 | + | |
| 37 | 46 | ///courseUnitId与课程环节列表的映射 |
| 38 | 47 | final Map<int, List<CourseSectionEntity>?> _courseSectionDatasMap = {}; |
| 39 | 48 | |
| ... | ... | @@ -45,7 +54,7 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { |
| 45 | 54 | CourseProcessEntity? get processEntity => _processEntity; |
| 46 | 55 | |
| 47 | 56 | SectionBloc(this._courseUnitEntity, this._currentPage, this._pageController, |
| 48 | - this._listController) | |
| 57 | + this._listController, this._indicatorSrollController) | |
| 49 | 58 | : super(LessonInitial()) { |
| 50 | 59 | on<RequestDataEvent>(_requestSectionsData); |
| 51 | 60 | on<RequestEndClassEvent>(_requestEndClass); |
| ... | ... | @@ -121,15 +130,38 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { |
| 121 | 130 | void _pageControllerChange( |
| 122 | 131 | CurrentUnitIndexChangeEvent event, Emitter<SectionState> emitter) async { |
| 123 | 132 | _currentPage = event.unitIndex; |
| 133 | + double indicatorWidth = 30.0.w; // 指示器宽度 | |
| 134 | + | |
| 135 | + // 计算选中项的偏移量 | |
| 136 | + double offset = _currentPage * indicatorWidth - | |
| 137 | + (_indicatorSrollController.position.viewportDimension - | |
| 138 | + indicatorWidth) / | |
| 139 | + 2; | |
| 140 | + | |
| 141 | + // 确保偏移量在合理范围内 | |
| 142 | + if (offset < 0) { | |
| 143 | + offset = 0; | |
| 144 | + } else if (offset > | |
| 145 | + unlockPageCount() * indicatorWidth - | |
| 146 | + _indicatorSrollController.position.viewportDimension) { | |
| 147 | + offset = unlockPageCount() * indicatorWidth - | |
| 148 | + _indicatorSrollController.position.viewportDimension; | |
| 149 | + } | |
| 150 | + _indicatorSrollController.animateTo( | |
| 151 | + offset, | |
| 152 | + duration: const Duration(milliseconds: 250), | |
| 153 | + curve: Curves.easeInOut, | |
| 154 | + ); | |
| 124 | 155 | emitter(CurrentPageIndexState()); |
| 125 | 156 | } |
| 126 | 157 | |
| 127 | 158 | ///未锁定的页(单元)数 |
| 128 | 159 | int unlockPageCount() { |
| 129 | - return _courseUnitEntity.courseUnitVOList | |
| 130 | - ?.indexWhereOrNull((element) => element.lock == true) ?? | |
| 131 | - _courseUnitEntity.courseUnitVOList?.length ?? | |
| 132 | - 0; | |
| 160 | + // return _courseUnitEntity.courseUnitVOList | |
| 161 | + // ?.indexWhereOrNull((element) => element.lock == true) ?? | |
| 162 | + // _courseUnitEntity.courseUnitVOList?.length ?? | |
| 163 | + // 0; | |
| 164 | + return _courseUnitEntity.courseUnitVOList?.length ?? 0; | |
| 133 | 165 | } |
| 134 | 166 | |
| 135 | 167 | ///当前页的课程详情 |
| ... | ... | @@ -172,7 +204,7 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { |
| 172 | 204 | final curCourseSectionEntity = findCourseSectionById(courseLessonId); |
| 173 | 205 | if (curCourseSectionEntity != null) { |
| 174 | 206 | final curCourseUnitDetail = _courseUnitEntity.courseUnitVOList |
| 175 | - ?.firstWhere( | |
| 207 | + ?.firstWhereOrNull( | |
| 176 | 208 | (element) => element.id == curCourseSectionEntity.courseUnitId); |
| 177 | 209 | return curCourseUnitDetail; |
| 178 | 210 | } |
| ... | ... | @@ -185,39 +217,89 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { |
| 185 | 217 | final curCourseSectionEntity = findCourseSectionById(courseLessonId); |
| 186 | 218 | final curSectionSort = curCourseSectionEntity?.sortOrder ?? 0; |
| 187 | 219 | |
| 188 | - ///查找下一个section | |
| 189 | - final nextCourseSectionEntity = findCourseSectionBySort(curSectionSort + 1); | |
| 190 | - if (nextCourseSectionEntity != null) { | |
| 191 | - return nextCourseSectionEntity; | |
| 220 | + try { | |
| 221 | + ///查找当前unit的下一个section | |
| 222 | + CourseSectionEntity? nextCourseSectionEntity = | |
| 223 | + findCourseSectionBySort(curSectionSort + 1); | |
| 224 | + return checkCourseSectionLocked(courseLessonId, nextCourseSectionEntity, emitter); | |
| 225 | + } catch (e) { | |
| 226 | + if (e is ApiException) { | |
| 227 | + showToast(e.message.toString()); | |
| 228 | + } | |
| 229 | + return null; | |
| 230 | + } | |
| 231 | + } | |
| 232 | + | |
| 233 | + ///检查section是否锁定 | |
| 234 | + Future<CourseSectionEntity?> checkCourseSectionLocked(int courseLessonId, CourseSectionEntity? courseSectionEntity, | |
| 235 | + Emitter<SectionState> emitter) async { | |
| 236 | + if (courseSectionEntity != null) { | |
| 237 | + if (courseSectionEntity.lock == false) { | |
| 238 | + ///如果section没锁,直接返回 | |
| 239 | + return courseSectionEntity; | |
| 240 | + } else { | |
| 241 | + ///如果section锁了,请求当前unit下的section数据,查询解锁状态 | |
| 242 | + int courseUnitId = courseSectionEntity.courseUnitId; | |
| 243 | + CourseSectionEntity? result = await loading(() async { | |
| 244 | + List<CourseSectionEntity>? tempSectionEntities = | |
| 245 | + await LessonDao.courseSection(courseUnitId: courseUnitId); | |
| 246 | + if (tempSectionEntities != null) { | |
| 247 | + _courseSectionDatasMap[courseUnitId] = tempSectionEntities; | |
| 248 | + emitter(LessonDataLoadState()); | |
| 249 | + } | |
| 250 | + courseSectionEntity = tempSectionEntities?.firstWhereOrNull( | |
| 251 | + (element) => element.id == courseSectionEntity?.id); | |
| 252 | + if (courseSectionEntity?.lock == false) { | |
| 253 | + ///刷新后的数据如果解锁了,直接返回 | |
| 254 | + return courseSectionEntity; | |
| 255 | + } else { | |
| 256 | + ///请求失败或者锁定状态没变(没变就感觉状态异常了,理论上不应该进入这条分支),返回null | |
| 257 | + showToast('下个课程还没解锁哦'); | |
| 258 | + return null; | |
| 259 | + } | |
| 260 | + }); | |
| 261 | + return result; | |
| 262 | + } | |
| 192 | 263 | } else { |
| 193 | - ///section为空说明当前unit学完了,找下一个unit。(跨unit选lesson) | |
| 264 | + ///section为空说明当前unit学完了,找下一个unit。(跨unit选section) | |
| 194 | 265 | ///先根据courseLessonId找出当前的unit |
| 195 | 266 | final curCourseUnitDetail = findCourseUnitDetailById(courseLessonId); |
| 196 | 267 | if (curCourseUnitDetail != null) { |
| 197 | - ///再根据当前unit找出下一个unit | |
| 198 | - final nextCourseUnitDetail = _courseUnitEntity.courseUnitVOList | |
| 199 | - ?.firstWhere((element) => | |
| 200 | - element.sortOrder == (curCourseUnitDetail.sortOrder! + 1)); | |
| 268 | + ///再根据当前unit的sortOrder找出下一个unit | |
| 269 | + CourseUnitDetail? nextCourseUnitDetail = | |
| 270 | + _courseUnitEntity.courseUnitVOList?.firstWhereOrNull((element) => | |
| 271 | + element.sortOrder == (curCourseUnitDetail.sortOrder! + 1)); | |
| 272 | + | |
| 201 | 273 | if (nextCourseUnitDetail != null) { |
| 202 | - final courseUnitId = nextCourseUnitDetail.id!; | |
| 203 | - try { | |
| 204 | - await loading(() async { | |
| 205 | - _courseSectionDatasMap[courseUnitId] = | |
| 206 | - await LessonDao.courseSection(courseUnitId: courseUnitId); | |
| 207 | - emitter(LessonDataLoadState()); | |
| 274 | + if (nextCourseUnitDetail.lock == true) { | |
| 275 | + ///如果下一个unit是锁定状态,请求数据刷新查询解锁状态 | |
| 276 | + CourseSectionEntity? result = await loading(() async { | |
| 277 | + CourseUnitEntity? newCourseUnitEntity = await LessonDao.courseUnit( | |
| 278 | + _courseUnitEntity.nowCourseModuleId); | |
| 279 | + | |
| 280 | + ///拿到重新获取到的unit后,再次判断是否解锁 | |
| 281 | + nextCourseUnitDetail = newCourseUnitEntity?.courseUnitVOList?.firstWhereOrNull( | |
| 282 | + (element) => element.id == nextCourseUnitDetail?.id); | |
| 283 | + if (nextCourseUnitDetail?.lock == false) { | |
| 284 | + ///解锁状态从锁定到解锁,覆盖原unit数据并刷新ui | |
| 285 | + _courseUnitEntity = newCourseUnitEntity!; | |
| 286 | + courseUnitEntityChanged = true; | |
| 287 | + emitter(LessonDataLoadState()); | |
| 288 | + | |
| 289 | + return checkCourseSectionLockedOfNextUnit(courseLessonId, nextCourseUnitDetail!.id!, emitter); | |
| 290 | + } else { | |
| 291 | + showToast('下个单元课程还没解锁哦'); | |
| 292 | + | |
| 293 | + ///如果还是锁定状态,返回null | |
| 294 | + return null; | |
| 295 | + } | |
| 208 | 296 | }); |
| 209 | - _pageController.nextPage( | |
| 210 | - duration: const Duration(milliseconds: 500), | |
| 211 | - curve: Curves.ease, | |
| 212 | - ); | |
| 213 | - return _courseSectionDatasMap[courseUnitId]!.first; | |
| 214 | - } catch (e) { | |
| 215 | - if (e is ApiException) { | |
| 216 | - showToast(e.message.toString()); | |
| 217 | - } | |
| 218 | - return null; | |
| 297 | + return result; | |
| 298 | + } else { | |
| 299 | + return checkCourseSectionLockedOfNextUnit(courseLessonId, nextCourseUnitDetail.id!, emitter); | |
| 219 | 300 | } |
| 220 | 301 | } else { |
| 302 | + showToast("恭喜你,本阶段学到顶啦"); | |
| 221 | 303 | ///最后一个unit了 |
| 222 | 304 | return null; |
| 223 | 305 | } |
| ... | ... | @@ -227,4 +309,43 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { |
| 227 | 309 | } |
| 228 | 310 | } |
| 229 | 311 | } |
| 312 | + | |
| 313 | + ///检查下一个unit的(第一个)section | |
| 314 | + Future<CourseSectionEntity?> checkCourseSectionLockedOfNextUnit(int courseLessonId, int nextCourseUnitDetailId, | |
| 315 | + Emitter<SectionState> emitter) async { | |
| 316 | + CourseSectionEntity? firstSectionNextUnit = await getFirstSectionByUnitId( | |
| 317 | + nextCourseUnitDetailId, emitter); | |
| 318 | + if (firstSectionNextUnit != null) { | |
| 319 | + ///下个unit的第一个section如果不为空,再次检查是否锁定 | |
| 320 | + CourseSectionEntity? courseSectionEntity = await checkCourseSectionLocked(courseLessonId, firstSectionNextUnit, emitter); | |
| 321 | + if (courseSectionEntity != null) { | |
| 322 | + ///只有是下一unit的第一个section并且解锁了,才跳转 | |
| 323 | + _pageController.nextPage( | |
| 324 | + duration: const Duration(milliseconds: 250), | |
| 325 | + curve: Curves.ease, | |
| 326 | + ); | |
| 327 | + } | |
| 328 | + return courseSectionEntity; | |
| 329 | + } else { | |
| 330 | + ///下个unit的第一个section如果为空,返回null | |
| 331 | + showToast('下个课程暂未找到'); | |
| 332 | + return null; | |
| 333 | + } | |
| 334 | + } | |
| 335 | + | |
| 336 | + ///根据unitId获取当前unit的第一个section | |
| 337 | + Future<CourseSectionEntity?> getFirstSectionByUnitId( | |
| 338 | + int courseUnitId, Emitter<SectionState> emitter) async { | |
| 339 | + List<CourseSectionEntity>? courseSectionEntity = | |
| 340 | + _courseSectionDatasMap[courseUnitId]; | |
| 341 | + if (courseSectionEntity == null) { | |
| 342 | + ///如果没下载过,请求数据 | |
| 343 | + await loading(() async { | |
| 344 | + _courseSectionDatasMap[courseUnitId] = | |
| 345 | + await LessonDao.courseSection(courseUnitId: courseUnitId); | |
| 346 | + emitter(LessonDataLoadState()); | |
| 347 | + }); | |
| 348 | + } | |
| 349 | + return _courseSectionDatasMap[courseUnitId]?.first; | |
| 350 | + } | |
| 230 | 351 | } | ... | ... |
lib/pages/section/section_page.dart
| ... | ... | @@ -33,8 +33,14 @@ class SectionPage extends StatelessWidget { |
| 33 | 33 | ?.indexWhere((element) => element.id == courseUnitId) ?? |
| 34 | 34 | 0; |
| 35 | 35 | return BlocProvider( |
| 36 | - create: (context) => SectionBloc(courseUnitEntity, initialPage, | |
| 37 | - PageController(initialPage: initialPage), ScrollController()), | |
| 36 | + create: (context) => SectionBloc( | |
| 37 | + courseUnitEntity, | |
| 38 | + initialPage, | |
| 39 | + PageController(initialPage: initialPage), | |
| 40 | + ScrollController(), | |
| 41 | + ScrollController()), | |
| 42 | + //为了触发指示器进入后计算位置 | |
| 43 | + // ..add(CurrentUnitIndexChangeEvent(initialPage)), | |
| 38 | 44 | child: _SectionPageView(context), |
| 39 | 45 | ); |
| 40 | 46 | } |
| ... | ... | @@ -146,78 +152,86 @@ class _SectionPageView extends StatelessWidget { |
| 146 | 152 | children: [ |
| 147 | 153 | SectionHeaderWidget( |
| 148 | 154 | title: bloc.getCourseUnitDetail().name, |
| 149 | - courseModuleCode: bloc.courseUnitEntity.courseModuleCode), | |
| 155 | + courseModuleCode: bloc.courseUnitEntity.courseModuleCode, | |
| 156 | + onBack: () { | |
| 157 | + popPage(data: { | |
| 158 | + 'needRefresh': bloc.courseUnitEntityChanged, | |
| 159 | + }); | |
| 160 | + }), | |
| 150 | 161 | Expanded( |
| 151 | - child: Container( | |
| 152 | - color: Colors.blue, | |
| 153 | - child: Padding( | |
| 154 | - padding: EdgeInsets.symmetric(horizontal: 10.w), | |
| 155 | - // child: OverflowBox( | |
| 156 | - child: NestedPageView.builder( | |
| 157 | - itemCount: bloc.unlockPageCount(), | |
| 158 | - controller: bloc.pageController, | |
| 159 | - onPageChanged: (int index) { | |
| 160 | - bloc.add(CurrentUnitIndexChangeEvent(index)); | |
| 161 | - }, | |
| 162 | - itemBuilder: (context, index) { | |
| 163 | - // return ScrollConfiguration( | |
| 164 | - // ///去掉 Android 上默认的边缘拖拽效果 | |
| 165 | - // behavior: ScrollConfiguration.of(context) | |
| 166 | - // .copyWith(overscroll: false), | |
| 167 | - // child: _itemTransCard( | |
| 168 | - // bloc.getCourseUnitDetail(pageIndex: index), | |
| 169 | - // index, | |
| 170 | - // context), | |
| 171 | - // ); | |
| 172 | - return _itemTransCard( | |
| 173 | - bloc.getCourseUnitDetail(pageIndex: index), | |
| 174 | - index, | |
| 175 | - context); | |
| 176 | - }), | |
| 177 | - // ), // 设置外部padding, | |
| 178 | - ) | |
| 179 | - ) | |
| 180 | - ), | |
| 162 | + child: Padding( | |
| 163 | + padding: EdgeInsets.symmetric(horizontal: 10.w), | |
| 164 | + child: NestedPageView.builder( | |
| 165 | + itemCount: bloc.unlockPageCount(), | |
| 166 | + controller: bloc.pageController, | |
| 167 | + onPageChanged: (int index) { | |
| 168 | + bloc.add(CurrentUnitIndexChangeEvent(index)); | |
| 169 | + }, | |
| 170 | + itemBuilder: (context, index) { | |
| 171 | + return ScrollConfiguration( | |
| 172 | + ///去掉 Android 上默认的边缘拖拽效果 | |
| 173 | + behavior: ScrollConfiguration.of(context) | |
| 174 | + .copyWith(overscroll: false), | |
| 175 | + child: _itemTransCard( | |
| 176 | + bloc.getCourseUnitDetail(pageIndex: index), | |
| 177 | + index, | |
| 178 | + context), | |
| 179 | + ); | |
| 180 | + }), | |
| 181 | + )), | |
| 181 | 182 | SafeArea( |
| 182 | - child: Padding( | |
| 183 | - padding: EdgeInsets.symmetric(horizontal: 13.w), | |
| 184 | - child: Row( | |
| 185 | - mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
| 186 | - children: [ | |
| 187 | - SizedBox( | |
| 188 | - height: 47.h, | |
| 189 | - width: 80.w, | |
| 190 | - ), | |
| 191 | - Container( | |
| 192 | - decoration: BoxDecoration( | |
| 193 | - color: CourseModuleModel( | |
| 194 | - bloc.courseUnitEntity.courseModuleCode ?? | |
| 195 | - 'Phase-1') | |
| 196 | - .color, | |
| 197 | - borderRadius: BorderRadius.circular(14.5.r), | |
| 198 | - ), | |
| 199 | - padding: EdgeInsets.symmetric( | |
| 200 | - vertical: 8.h, horizontal: 24.w), | |
| 201 | - child: Text( | |
| 202 | - '${bloc.currentPage + 1}/${bloc.unlockPageCount()}', | |
| 203 | - style: TextStyle( | |
| 204 | - color: Colors.white, fontSize: 12.sp), | |
| 205 | - ), | |
| 206 | - ), | |
| 207 | - Image.asset( | |
| 208 | - CourseModuleModel( | |
| 209 | - bloc.courseUnitEntity.courseModuleCode ?? | |
| 210 | - 'Phase-1') | |
| 211 | - .courseModuleLogo | |
| 212 | - .assetPng, | |
| 213 | - height: 47.h, | |
| 214 | - width: 80.w, | |
| 215 | - // color: Colors.red, | |
| 216 | - ), | |
| 217 | - ], | |
| 218 | - ), | |
| 219 | - ), | |
| 220 | - ) | |
| 183 | + child: SizedBox( | |
| 184 | + width: 210.w, | |
| 185 | + height: 40.h, | |
| 186 | + // child: OverflowBox( | |
| 187 | + // maxWidth: 300, // 允许内容超出容器宽度 | |
| 188 | + child: ListView.builder( | |
| 189 | + controller: bloc.indicatorSrollController, | |
| 190 | + scrollDirection: Axis.horizontal, | |
| 191 | + itemCount: bloc.unlockPageCount(), | |
| 192 | + itemBuilder: (context, index) { | |
| 193 | + bool isSelected = index == bloc.currentPage; | |
| 194 | + // 计算透明度,使得当前页的指示器不透明,两侧逐渐透明 | |
| 195 | + double opacity = 0.25 + | |
| 196 | + (1 - ((bloc.currentPage - index).abs() / 2)) * | |
| 197 | + 0.5; | |
| 198 | + // 限制透明度在 0.5 到 1.0 之间 | |
| 199 | + opacity = opacity.clamp(0.25, 1.0); | |
| 200 | + return GestureDetector( | |
| 201 | + onTap: () => bloc.pageController.animateToPage( | |
| 202 | + index, | |
| 203 | + duration: const Duration(milliseconds: 60), | |
| 204 | + curve: Curves.ease), | |
| 205 | + child: SizedBox( | |
| 206 | + width: 30.0.w, | |
| 207 | + height: 30.0.h, | |
| 208 | + child: Padding( | |
| 209 | + padding: | |
| 210 | + EdgeInsets.all(isSelected ? 0.w : 5.w), | |
| 211 | + child: Opacity( | |
| 212 | + opacity: opacity, | |
| 213 | + child: Container( | |
| 214 | + alignment: Alignment.center, | |
| 215 | + decoration: BoxDecoration( | |
| 216 | + color: isSelected | |
| 217 | + ? Colors.blue | |
| 218 | + : Colors.grey, | |
| 219 | + shape: BoxShape.circle, | |
| 220 | + ), | |
| 221 | + child: Text("${index + 1}", | |
| 222 | + textAlign: TextAlign.center, | |
| 223 | + style: TextStyle( | |
| 224 | + color: Colors.white, | |
| 225 | + fontSize: | |
| 226 | + isSelected ? 12.sp : 8.sp)), | |
| 227 | + ), | |
| 228 | + ), | |
| 229 | + ), | |
| 230 | + ), | |
| 231 | + ); | |
| 232 | + })), | |
| 233 | + ), | |
| 234 | + // ) | |
| 221 | 235 | ], |
| 222 | 236 | ), |
| 223 | 237 | ), |
| ... | ... | @@ -252,62 +266,54 @@ Widget _itemTransCard( |
| 252 | 266 | ), |
| 253 | 267 | ); |
| 254 | 268 | } else { |
| 255 | - return | |
| 256 | - Padding(padding: EdgeInsets.symmetric( | |
| 257 | - vertical: 28.h), | |
| 258 | - child: Container( | |
| 259 | - color: Colors.red, | |
| 260 | - margin: EdgeInsets.symmetric(vertical: 10.h), | |
| 261 | - child: NestedListView.builder( | |
| 262 | - itemCount: bloc.courseSectionDatasMap[courseUnitDetail.id]?.length ?? 0, | |
| 263 | - scrollDirection: Axis.horizontal, | |
| 264 | - itemBuilder: (BuildContext context, int index) { | |
| 265 | - CourseSectionEntity sectionData = courseSectionEntities[index]; | |
| 266 | - if (sectionData.courseType == SectionType.bouns.value) { | |
| 267 | - //彩蛋 | |
| 268 | - return GestureDetector( | |
| 269 | - onTap: () { | |
| 270 | - if (!UserUtil.isLogined()) { | |
| 271 | - pushNamed(AppRouteName.login); | |
| 272 | - return; | |
| 273 | - } | |
| 274 | - if (sectionData.lock == true) { | |
| 275 | - showToast('当前课程暂未解锁'); | |
| 276 | - return; | |
| 277 | - } | |
| 269 | + return NestedListView.builder( | |
| 270 | + itemCount: bloc.courseSectionDatasMap[courseUnitDetail.id]?.length ?? 0, | |
| 271 | + scrollDirection: Axis.horizontal, | |
| 272 | + itemBuilder: (BuildContext context, int index) { | |
| 273 | + CourseSectionEntity sectionData = courseSectionEntities[index]; | |
| 274 | + if (sectionData.courseType == SectionType.bouns.value) { | |
| 275 | + //彩蛋 | |
| 276 | + return GestureDetector( | |
| 277 | + onTap: () { | |
| 278 | + if (!UserUtil.isLogined()) { | |
| 279 | + pushNamed(AppRouteName.login); | |
| 280 | + return; | |
| 281 | + } | |
| 282 | + if (sectionData.lock == true) { | |
| 283 | + showToast('当前课程暂未解锁'); | |
| 284 | + return; | |
| 285 | + } | |
| 278 | 286 | |
| 279 | - ///进入课堂 | |
| 280 | - bloc.add(RequestEnterClassEvent( | |
| 281 | - sectionData.id.toString(), sectionData.courseType)); | |
| 282 | - }, | |
| 283 | - child: SectionBoundsItem( | |
| 284 | - imageUrl: sectionData.coverUrl, | |
| 285 | - ), | |
| 286 | - ); | |
| 287 | - } else { | |
| 288 | - return GestureDetector( | |
| 289 | - onTap: () { | |
| 290 | - if (!UserUtil.isLogined()) { | |
| 291 | - pushNamed(AppRouteName.login); | |
| 292 | - return; | |
| 293 | - } | |
| 294 | - if (sectionData.lock == true) { | |
| 295 | - showToast('当前课程暂未解锁'); | |
| 296 | - return; | |
| 297 | - } | |
| 287 | + ///进入课堂 | |
| 288 | + bloc.add(RequestEnterClassEvent( | |
| 289 | + sectionData.id.toString(), sectionData.courseType)); | |
| 290 | + }, | |
| 291 | + child: SectionBoundsItem( | |
| 292 | + imageUrl: sectionData.coverUrl, | |
| 293 | + ), | |
| 294 | + ); | |
| 295 | + } else { | |
| 296 | + return GestureDetector( | |
| 297 | + onTap: () { | |
| 298 | + if (!UserUtil.isLogined()) { | |
| 299 | + pushNamed(AppRouteName.login); | |
| 300 | + return; | |
| 301 | + } | |
| 302 | + if (sectionData.lock == true) { | |
| 303 | + showToast('当前课程暂未解锁'); | |
| 304 | + return; | |
| 305 | + } | |
| 298 | 306 | |
| 299 | - ///进入课堂 | |
| 300 | - bloc.add(RequestEnterClassEvent( | |
| 301 | - sectionData.id.toString(), sectionData.courseType)); | |
| 302 | - }, | |
| 303 | - child: SectionItem( | |
| 304 | - courseModuleId: bloc.courseUnitEntity.courseModuleCode, | |
| 305 | - lessons: sectionData, | |
| 306 | - ), | |
| 307 | - ); | |
| 308 | - } | |
| 309 | - }), | |
| 310 | - ), | |
| 311 | - ); | |
| 307 | + ///进入课堂 | |
| 308 | + bloc.add(RequestEnterClassEvent( | |
| 309 | + sectionData.id.toString(), sectionData.courseType)); | |
| 310 | + }, | |
| 311 | + child: SectionItem( | |
| 312 | + courseModuleId: bloc.courseUnitEntity.courseModuleCode, | |
| 313 | + lessons: sectionData, | |
| 314 | + ), | |
| 315 | + ); | |
| 316 | + } | |
| 317 | + }); | |
| 312 | 318 | } |
| 313 | 319 | } | ... | ... |
lib/pages/section/widgets/section_header_widget.dart
| ... | ... | @@ -7,12 +7,14 @@ import 'package:wow_english/pages/user/bloc/user_bloc.dart'; |
| 7 | 7 | import '../courese_module_model.dart'; |
| 8 | 8 | |
| 9 | 9 | class SectionHeaderWidget extends StatelessWidget { |
| 10 | - const SectionHeaderWidget({super.key, this.title, this.courseModuleCode}); | |
| 10 | + const SectionHeaderWidget({super.key, this.title, this.courseModuleCode, this.onBack}); | |
| 11 | 11 | |
| 12 | 12 | final String? title; |
| 13 | 13 | |
| 14 | 14 | final String? courseModuleCode; |
| 15 | 15 | |
| 16 | + final VoidCallback? onBack; | |
| 17 | + | |
| 16 | 18 | @override |
| 17 | 19 | Widget build(BuildContext context) { |
| 18 | 20 | return BlocBuilder<UserBloc, UserState>( |
| ... | ... | @@ -27,7 +29,11 @@ class SectionHeaderWidget extends StatelessWidget { |
| 27 | 29 | ScreenUtil().bottomBarHeight.horizontalSpace, |
| 28 | 30 | GestureDetector( |
| 29 | 31 | onTap: () { |
| 30 | - Navigator.pop(context); | |
| 32 | + if (onBack == null) { | |
| 33 | + Navigator.pop(context); | |
| 34 | + } else { | |
| 35 | + onBack!(); | |
| 36 | + } | |
| 31 | 37 | }, |
| 32 | 38 | child: Container( |
| 33 | 39 | alignment: Alignment.center, | ... | ... |
lib/pages/unit/bloc.dart
| ... | ... | @@ -23,10 +23,10 @@ class UnitBloc extends Bloc<UnitEvent, UnitState> { |
| 23 | 23 | |
| 24 | 24 | |
| 25 | 25 | UnitBloc(CourseModuleEntity? courseEntity) : super(UnitState().init()) { |
| 26 | - on<RequestUnitDataEvent>(_requestData); | |
| 26 | + on<RequestUnitDataEvent>(_requestUnitDatas); | |
| 27 | 27 | } |
| 28 | 28 | |
| 29 | - void _requestData(RequestUnitDataEvent event, Emitter<UnitState> emitter) async { | |
| 29 | + void _requestUnitDatas(RequestUnitDataEvent event, Emitter<UnitState> emitter) async { | |
| 30 | 30 | try { |
| 31 | 31 | await loading(() async { |
| 32 | 32 | _unitData = await LessonDao.courseUnit(event.moduleId); | ... | ... |
lib/pages/unit/view.dart
| ... | ... | @@ -57,7 +57,7 @@ class UnitPage extends StatelessWidget { |
| 57 | 57 | return GestureDetector( |
| 58 | 58 | onTap: () { |
| 59 | 59 | if (data.lock == true) { |
| 60 | - showToast('当前课程暂未解锁'); | |
| 60 | + showToast('当前单元课程暂未解锁'); | |
| 61 | 61 | return; |
| 62 | 62 | } |
| 63 | 63 | |
| ... | ... | @@ -65,7 +65,15 @@ class UnitPage extends StatelessWidget { |
| 65 | 65 | arguments: { |
| 66 | 66 | 'courseUnitEntity': bloc.unitData, |
| 67 | 67 | 'courseUnitId': data.id |
| 68 | - }); | |
| 68 | + }).then((value) { | |
| 69 | + if (value != null) { | |
| 70 | + Map<String, dynamic> dataMap = value as Map<String, dynamic>; | |
| 71 | + bool needRefresh = dataMap['needRefresh']; | |
| 72 | + if (needRefresh) { | |
| 73 | + bloc.add(RequestUnitDataEvent(courseModuleEntity?.id)); | |
| 74 | + } | |
| 75 | + } | |
| 76 | + }); | |
| 69 | 77 | }, |
| 70 | 78 | child: CourseUnitItem( |
| 71 | 79 | unitEntity: bloc.unitData!, | ... | ... |
lib/utils/list_ext.dart
| ... | ... | @@ -8,4 +8,14 @@ extension ListExtension<E> on List<E> { |
| 8 | 8 | } |
| 9 | 9 | return null; |
| 10 | 10 | } |
| 11 | + | |
| 12 | + /// 获取数组中第一个匹配元素,没有就返回null | |
| 13 | + E? firstWhereOrNull(bool Function(E element) test) { | |
| 14 | + for (E element in this) { | |
| 15 | + if (test(element)) { | |
| 16 | + return element; | |
| 17 | + } | |
| 18 | + } | |
| 19 | + return null; | |
| 20 | + } | |
| 11 | 21 | } | ... | ... |