Commit 2b3842c55ad6f089f824572e5c916195bc07e4a0
Merge branch 'feat-wqf-payment' into ios_umeng
Showing
11 changed files
with
319 additions
and
174 deletions
.gitignore
@@ -68,6 +68,7 @@ | @@ -68,6 +68,7 @@ | ||
68 | **/ios/xcode_build_ipa_adh | 68 | **/ios/xcode_build_ipa_adh |
69 | **/ios/xcode_build_ipa_aps | 69 | **/ios/xcode_build_ipa_aps |
70 | **/ios/xcode_build_ipa_dev | 70 | **/ios/xcode_build_ipa_dev |
71 | +**/ios/build/ | ||
71 | 72 | ||
72 | # Exceptions to above rules. | 73 | # Exceptions to above rules. |
73 | !**/ios/**/default.mode1v3 | 74 | !**/ios/**/default.mode1v3 |
lib/pages/home/bloc.dart
@@ -16,7 +16,6 @@ class HomeBloc extends Bloc<HomeEvent, HomeState> { | @@ -16,7 +16,6 @@ class HomeBloc extends Bloc<HomeEvent, HomeState> { | ||
16 | 16 | ||
17 | void _init(InitEvent event, Emitter<HomeState> emit) async { | 17 | void _init(InitEvent event, Emitter<HomeState> emit) async { |
18 | await _checkUpdate(emit); | 18 | await _checkUpdate(emit); |
19 | - debugPrint('WQF ModuleSelectBloc _init'); | ||
20 | } | 19 | } |
21 | 20 | ||
22 | Future<void> _checkUpdate(Emitter<HomeState> emit) async { | 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,7 +13,6 @@ import 'package:wow_english/pages/user/bloc/user_bloc.dart'; | ||
13 | 13 | ||
14 | import '../../common/core/user_util.dart'; | 14 | import '../../common/core/user_util.dart'; |
15 | import '../../common/dialogs/show_dialog.dart'; | 15 | import '../../common/dialogs/show_dialog.dart'; |
16 | -import '../../utils/log_util.dart'; | ||
17 | import 'bloc.dart'; | 16 | import 'bloc.dart'; |
18 | import 'event.dart'; | 17 | import 'event.dart'; |
19 | import 'package:flutter_screenutil/flutter_screenutil.dart'; | 18 | import 'package:flutter_screenutil/flutter_screenutil.dart'; |
@@ -38,11 +37,9 @@ class _HomePageView extends StatelessWidget { | @@ -38,11 +37,9 @@ class _HomePageView extends StatelessWidget { | ||
38 | Widget build(BuildContext context) { | 37 | Widget build(BuildContext context) { |
39 | return MultiBlocListener(listeners: [ | 38 | return MultiBlocListener(listeners: [ |
40 | BlocListener<UserBloc, UserState>(listener: (context, state) { | 39 | BlocListener<UserBloc, UserState>(listener: (context, state) { |
41 | - debugPrint('WQF ModuleSelectPage BlocListener state: $state'); | ||
42 | }), | 40 | }), |
43 | BlocListener<HomeBloc, HomeState>( | 41 | BlocListener<HomeBloc, HomeState>( |
44 | listener: (context, state) { | 42 | listener: (context, state) { |
45 | - Log.d("WQF HomePage listener state: $state"); | ||
46 | if (state is UpdateDialogState) { | 43 | if (state is UpdateDialogState) { |
47 | _showUpdateDialog(context, state.forceUpdate, state.appVersionEntity); | 44 | _showUpdateDialog(context, state.forceUpdate, state.appVersionEntity); |
48 | } | 45 | } |
@@ -97,8 +94,6 @@ class _HomePageView extends StatelessWidget { | @@ -97,8 +94,6 @@ class _HomePageView extends StatelessWidget { | ||
97 | Expanded( | 94 | Expanded( |
98 | child: BlocBuilder<UserBloc, UserState>( | 95 | child: BlocBuilder<UserBloc, UserState>( |
99 | builder: (context, userState) { | 96 | builder: (context, userState) { |
100 | - debugPrint( | ||
101 | - 'WQF ModuleSelectPage BlocBuilder state: $userState'); | ||
102 | return GestureDetector( | 97 | return GestureDetector( |
103 | onTap: () { | 98 | onTap: () { |
104 | _checkPermission(() { | 99 | _checkPermission(() { |
lib/pages/practice/bloc/topic_picture_bloc.dart
@@ -103,7 +103,7 @@ class TopicPictureBloc extends BaseSectionBloc<TopicPictureEvent, TopicPictureSt | @@ -103,7 +103,7 @@ class TopicPictureBloc extends BaseSectionBloc<TopicPictureEvent, TopicPictureSt | ||
103 | } else { | 103 | } else { |
104 | // 答对后且播放完自动翻页 | 104 | // 答对后且播放完自动翻页 |
105 | pageController.nextPage( | 105 | pageController.nextPage( |
106 | - duration: const Duration(milliseconds: 500), | 106 | + duration: const Duration(milliseconds: 250), |
107 | curve: Curves.ease, | 107 | curve: Curves.ease, |
108 | ); | 108 | ); |
109 | } | 109 | } |
@@ -332,7 +332,6 @@ class TopicPictureBloc extends BaseSectionBloc<TopicPictureEvent, TopicPictureSt | @@ -332,7 +332,6 @@ class TopicPictureBloc extends BaseSectionBloc<TopicPictureEvent, TopicPictureSt | ||
332 | 'nextSection': true | 332 | 'nextSection': true |
333 | }); | 333 | }); |
334 | }, againSectionTap: () { | 334 | }, againSectionTap: () { |
335 | - debugPrint("WQF 重做"); | ||
336 | pageController.jumpToPage(0); | 335 | pageController.jumpToPage(0); |
337 | }); | 336 | }); |
338 | } | 337 | } |
lib/pages/reading/bloc/reading_bloc.dart
@@ -287,7 +287,7 @@ class ReadingPageBloc | @@ -287,7 +287,7 @@ class ReadingPageBloc | ||
287 | } else { | 287 | } else { |
288 | _currentPage += 1; | 288 | _currentPage += 1; |
289 | pageController.nextPage( | 289 | pageController.nextPage( |
290 | - duration: const Duration(milliseconds: 500), | 290 | + duration: const Duration(milliseconds: 250), |
291 | curve: Curves.ease, | 291 | curve: Curves.ease, |
292 | ); | 292 | ); |
293 | } | 293 | } |
lib/pages/section/bloc/section_bloc.dart
1 | import 'package:flutter/cupertino.dart'; | 1 | import 'package:flutter/cupertino.dart'; |
2 | import 'package:flutter/foundation.dart'; | 2 | import 'package:flutter/foundation.dart'; |
3 | +import 'package:flutter/material.dart'; | ||
3 | import 'package:flutter_bloc/flutter_bloc.dart'; | 4 | import 'package:flutter_bloc/flutter_bloc.dart'; |
5 | +import 'package:flutter_screenutil/flutter_screenutil.dart'; | ||
4 | import 'package:wow_english/common/request/dao/lesson_dao.dart'; | 6 | import 'package:wow_english/common/request/dao/lesson_dao.dart'; |
5 | import 'package:wow_english/common/request/exception.dart'; | 7 | import 'package:wow_english/common/request/exception.dart'; |
6 | import 'package:wow_english/common/request/dao/listen_dao.dart'; | 8 | import 'package:wow_english/common/request/dao/listen_dao.dart'; |
@@ -13,10 +15,10 @@ import '../../../models/course_unit_entity.dart'; | @@ -13,10 +15,10 @@ import '../../../models/course_unit_entity.dart'; | ||
13 | import '../../../utils/list_ext.dart'; | 15 | import '../../../utils/list_ext.dart'; |
14 | 16 | ||
15 | part 'section_event.dart'; | 17 | part 'section_event.dart'; |
18 | + | ||
16 | part 'section_state.dart'; | 19 | part 'section_state.dart'; |
17 | 20 | ||
18 | class SectionBloc extends Bloc<SectionEvent, SectionState> { | 21 | class SectionBloc extends Bloc<SectionEvent, SectionState> { |
19 | - | ||
20 | PageController _pageController; | 22 | PageController _pageController; |
21 | 23 | ||
22 | PageController get pageController => _pageController; | 24 | PageController get pageController => _pageController; |
@@ -30,10 +32,17 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | @@ -30,10 +32,17 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | ||
30 | 32 | ||
31 | ScrollController get listController => _listController; | 33 | ScrollController get listController => _listController; |
32 | 34 | ||
35 | + ScrollController _indicatorSrollController; | ||
36 | + | ||
37 | + ScrollController get indicatorSrollController => _indicatorSrollController; | ||
38 | + | ||
33 | CourseUnitEntity _courseUnitEntity; | 39 | CourseUnitEntity _courseUnitEntity; |
34 | 40 | ||
35 | CourseUnitEntity get courseUnitEntity => _courseUnitEntity; | 41 | CourseUnitEntity get courseUnitEntity => _courseUnitEntity; |
36 | 42 | ||
43 | + ///单元列表是否有刷新,有的话返回上一页时通知其刷新接口数据 | ||
44 | + bool courseUnitEntityChanged = false; | ||
45 | + | ||
37 | ///courseUnitId与课程环节列表的映射 | 46 | ///courseUnitId与课程环节列表的映射 |
38 | final Map<int, List<CourseSectionEntity>?> _courseSectionDatasMap = {}; | 47 | final Map<int, List<CourseSectionEntity>?> _courseSectionDatasMap = {}; |
39 | 48 | ||
@@ -45,7 +54,7 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | @@ -45,7 +54,7 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | ||
45 | CourseProcessEntity? get processEntity => _processEntity; | 54 | CourseProcessEntity? get processEntity => _processEntity; |
46 | 55 | ||
47 | SectionBloc(this._courseUnitEntity, this._currentPage, this._pageController, | 56 | SectionBloc(this._courseUnitEntity, this._currentPage, this._pageController, |
48 | - this._listController) | 57 | + this._listController, this._indicatorSrollController) |
49 | : super(LessonInitial()) { | 58 | : super(LessonInitial()) { |
50 | on<RequestDataEvent>(_requestSectionsData); | 59 | on<RequestDataEvent>(_requestSectionsData); |
51 | on<RequestEndClassEvent>(_requestEndClass); | 60 | on<RequestEndClassEvent>(_requestEndClass); |
@@ -121,15 +130,38 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | @@ -121,15 +130,38 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | ||
121 | void _pageControllerChange( | 130 | void _pageControllerChange( |
122 | CurrentUnitIndexChangeEvent event, Emitter<SectionState> emitter) async { | 131 | CurrentUnitIndexChangeEvent event, Emitter<SectionState> emitter) async { |
123 | _currentPage = event.unitIndex; | 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 | emitter(CurrentPageIndexState()); | 155 | emitter(CurrentPageIndexState()); |
125 | } | 156 | } |
126 | 157 | ||
127 | ///未锁定的页(单元)数 | 158 | ///未锁定的页(单元)数 |
128 | int unlockPageCount() { | 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,7 +204,7 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | ||
172 | final curCourseSectionEntity = findCourseSectionById(courseLessonId); | 204 | final curCourseSectionEntity = findCourseSectionById(courseLessonId); |
173 | if (curCourseSectionEntity != null) { | 205 | if (curCourseSectionEntity != null) { |
174 | final curCourseUnitDetail = _courseUnitEntity.courseUnitVOList | 206 | final curCourseUnitDetail = _courseUnitEntity.courseUnitVOList |
175 | - ?.firstWhere( | 207 | + ?.firstWhereOrNull( |
176 | (element) => element.id == curCourseSectionEntity.courseUnitId); | 208 | (element) => element.id == curCourseSectionEntity.courseUnitId); |
177 | return curCourseUnitDetail; | 209 | return curCourseUnitDetail; |
178 | } | 210 | } |
@@ -185,39 +217,89 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | @@ -185,39 +217,89 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | ||
185 | final curCourseSectionEntity = findCourseSectionById(courseLessonId); | 217 | final curCourseSectionEntity = findCourseSectionById(courseLessonId); |
186 | final curSectionSort = curCourseSectionEntity?.sortOrder ?? 0; | 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 | } else { | 263 | } else { |
193 | - ///section为空说明当前unit学完了,找下一个unit。(跨unit选lesson) | 264 | + ///section为空说明当前unit学完了,找下一个unit。(跨unit选section) |
194 | ///先根据courseLessonId找出当前的unit | 265 | ///先根据courseLessonId找出当前的unit |
195 | final curCourseUnitDetail = findCourseUnitDetailById(courseLessonId); | 266 | final curCourseUnitDetail = findCourseUnitDetailById(courseLessonId); |
196 | if (curCourseUnitDetail != null) { | 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 | if (nextCourseUnitDetail != null) { | 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 | } else { | 301 | } else { |
302 | + showToast("恭喜你,本阶段学到顶啦"); | ||
221 | ///最后一个unit了 | 303 | ///最后一个unit了 |
222 | return null; | 304 | return null; |
223 | } | 305 | } |
@@ -227,4 +309,43 @@ class SectionBloc extends Bloc<SectionEvent, SectionState> { | @@ -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,8 +33,14 @@ class SectionPage extends StatelessWidget { | ||
33 | ?.indexWhere((element) => element.id == courseUnitId) ?? | 33 | ?.indexWhere((element) => element.id == courseUnitId) ?? |
34 | 0; | 34 | 0; |
35 | return BlocProvider( | 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 | child: _SectionPageView(context), | 44 | child: _SectionPageView(context), |
39 | ); | 45 | ); |
40 | } | 46 | } |
@@ -146,78 +152,86 @@ class _SectionPageView extends StatelessWidget { | @@ -146,78 +152,86 @@ class _SectionPageView extends StatelessWidget { | ||
146 | children: [ | 152 | children: [ |
147 | SectionHeaderWidget( | 153 | SectionHeaderWidget( |
148 | title: bloc.getCourseUnitDetail().name, | 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 | Expanded( | 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 | SafeArea( | 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,62 +266,54 @@ Widget _itemTransCard( | ||
252 | ), | 266 | ), |
253 | ); | 267 | ); |
254 | } else { | 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,12 +7,14 @@ import 'package:wow_english/pages/user/bloc/user_bloc.dart'; | ||
7 | import '../courese_module_model.dart'; | 7 | import '../courese_module_model.dart'; |
8 | 8 | ||
9 | class SectionHeaderWidget extends StatelessWidget { | 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 | final String? title; | 12 | final String? title; |
13 | 13 | ||
14 | final String? courseModuleCode; | 14 | final String? courseModuleCode; |
15 | 15 | ||
16 | + final VoidCallback? onBack; | ||
17 | + | ||
16 | @override | 18 | @override |
17 | Widget build(BuildContext context) { | 19 | Widget build(BuildContext context) { |
18 | return BlocBuilder<UserBloc, UserState>( | 20 | return BlocBuilder<UserBloc, UserState>( |
@@ -27,7 +29,11 @@ class SectionHeaderWidget extends StatelessWidget { | @@ -27,7 +29,11 @@ class SectionHeaderWidget extends StatelessWidget { | ||
27 | ScreenUtil().bottomBarHeight.horizontalSpace, | 29 | ScreenUtil().bottomBarHeight.horizontalSpace, |
28 | GestureDetector( | 30 | GestureDetector( |
29 | onTap: () { | 31 | onTap: () { |
30 | - Navigator.pop(context); | 32 | + if (onBack == null) { |
33 | + Navigator.pop(context); | ||
34 | + } else { | ||
35 | + onBack!(); | ||
36 | + } | ||
31 | }, | 37 | }, |
32 | child: Container( | 38 | child: Container( |
33 | alignment: Alignment.center, | 39 | alignment: Alignment.center, |
lib/pages/unit/bloc.dart
@@ -23,10 +23,10 @@ class UnitBloc extends Bloc<UnitEvent, UnitState> { | @@ -23,10 +23,10 @@ class UnitBloc extends Bloc<UnitEvent, UnitState> { | ||
23 | 23 | ||
24 | 24 | ||
25 | UnitBloc(CourseModuleEntity? courseEntity) : super(UnitState().init()) { | 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 | try { | 30 | try { |
31 | await loading(() async { | 31 | await loading(() async { |
32 | _unitData = await LessonDao.courseUnit(event.moduleId); | 32 | _unitData = await LessonDao.courseUnit(event.moduleId); |
lib/pages/unit/view.dart
@@ -57,7 +57,7 @@ class UnitPage extends StatelessWidget { | @@ -57,7 +57,7 @@ class UnitPage extends StatelessWidget { | ||
57 | return GestureDetector( | 57 | return GestureDetector( |
58 | onTap: () { | 58 | onTap: () { |
59 | if (data.lock == true) { | 59 | if (data.lock == true) { |
60 | - showToast('当前课程暂未解锁'); | 60 | + showToast('当前单元课程暂未解锁'); |
61 | return; | 61 | return; |
62 | } | 62 | } |
63 | 63 | ||
@@ -65,7 +65,15 @@ class UnitPage extends StatelessWidget { | @@ -65,7 +65,15 @@ class UnitPage extends StatelessWidget { | ||
65 | arguments: { | 65 | arguments: { |
66 | 'courseUnitEntity': bloc.unitData, | 66 | 'courseUnitEntity': bloc.unitData, |
67 | 'courseUnitId': data.id | 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 | child: CourseUnitItem( | 78 | child: CourseUnitItem( |
71 | unitEntity: bloc.unitData!, | 79 | unitEntity: bloc.unitData!, |
lib/utils/list_ext.dart
@@ -8,4 +8,14 @@ extension ListExtension<E> on List<E> { | @@ -8,4 +8,14 @@ extension ListExtension<E> on List<E> { | ||
8 | } | 8 | } |
9 | return null; | 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 | } |