opt: merge rcmd and live

This commit is contained in:
bggRGjQaUbCoE
2024-09-08 13:48:09 +08:00
parent 56278678cf
commit 00015d046e
11 changed files with 107 additions and 257 deletions

View File

@@ -22,7 +22,7 @@ List tabsConfig = [
'label': '直播', 'label': '直播',
'type': TabType.live, 'type': TabType.live,
'ctr': Get.find<LiveController>, 'ctr': Get.find<LiveController>,
'page': const LivePage(), 'page': const RcmdPage(tabType: TabType.live),
}, },
{ {
'icon': const Icon( 'icon': const Icon(
@@ -32,7 +32,7 @@ List tabsConfig = [
'label': '推荐', 'label': '推荐',
'type': TabType.rcmd, 'type': TabType.rcmd,
'ctr': Get.find<RcmdController>, 'ctr': Get.find<RcmdController>,
'page': const RcmdPage(), 'page': const RcmdPage(tabType: TabType.rcmd),
}, },
{ {
'icon': const Icon( 'icon': const Icon(

View File

@@ -0,0 +1,6 @@
import 'package:PiliPalaX/pages/common/common_controller.dart';
import 'package:flutter/material.dart';
abstract class PopupController extends CommonController {
List<OverlayEntry?> popupDialog = <OverlayEntry?>[];
}

View File

@@ -67,7 +67,7 @@ class HomeController extends GetxController with GetTickerProviderStateMixin {
} }
void setTabConfig() async { void setTabConfig() async {
defaultTabs = [...tabsConfig]; defaultTabs = tabsConfig;
tabbarSort = settingStorage tabbarSort = settingStorage
.get(SettingBoxKey.tabbarSort, .get(SettingBoxKey.tabbarSort,
defaultValue: ['live', 'rcmd', 'hot', 'rank', 'bangumi']) defaultValue: ['live', 'rcmd', 'hot', 'rank', 'bangumi'])

View File

@@ -1,11 +1,9 @@
import 'package:PiliPalaX/http/loading_state.dart'; import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/pages/common/common_controller.dart'; import 'package:PiliPalaX/pages/common/popup_controller.dart';
import 'package:flutter/material.dart';
import 'package:PiliPalaX/http/video.dart'; import 'package:PiliPalaX/http/video.dart';
class HotController extends CommonController { class HotController extends PopupController {
final int _count = 20; final int _count = 20;
List<OverlayEntry?> popupDialog = <OverlayEntry?>[];
@override @override
void onInit() { void onInit() {

View File

@@ -1,12 +1,8 @@
import 'package:PiliPalaX/http/loading_state.dart'; import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/pages/common/common_controller.dart'; import 'package:PiliPalaX/pages/common/popup_controller.dart';
import 'package:flutter/material.dart';
import 'package:PiliPalaX/http/live.dart'; import 'package:PiliPalaX/http/live.dart';
class LiveController extends CommonController { class LiveController extends PopupController {
int count = 12;
List<OverlayEntry?> popupDialog = <OverlayEntry?>[];
@override @override
void onInit() { void onInit() {
super.onInit(); super.onInit();
@@ -14,7 +10,5 @@ class LiveController extends CommonController {
} }
@override @override
Future<LoadingState> customGetData() => LiveHttp.liveList( Future<LoadingState> customGetData() => LiveHttp.liveList(pn: currentPage);
pn: currentPage,
);
} }

View File

@@ -1,4 +1,3 @@
library live; library live;
export './controller.dart'; export './controller.dart';
export './view.dart';

View File

@@ -1,155 +0,0 @@
import 'dart:async';
import 'package:PiliPalaX/http/loading_state.dart';
import 'package:easy_debounce/easy_throttle.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:get/get.dart';
import 'package:PiliPalaX/common/constants.dart';
import 'package:PiliPalaX/common/skeleton/video_card_v.dart';
import 'package:PiliPalaX/common/widgets/animated_dialog.dart';
import 'package:PiliPalaX/common/widgets/http_error.dart';
import 'package:PiliPalaX/pages/home/index.dart';
import 'package:PiliPalaX/pages/main/index.dart';
import '../../utils/grid.dart';
import 'controller.dart';
import 'widgets/live_item.dart';
class LivePage extends StatefulWidget {
const LivePage({super.key});
@override
State<LivePage> createState() => _LivePageState();
}
class _LivePageState extends State<LivePage>
with AutomaticKeepAliveClientMixin {
final LiveController _liveController = Get.put(LiveController());
@override
bool get wantKeepAlive => true;
@override
void initState() {
super.initState();
StreamController<bool> mainStream =
Get.find<MainController>().bottomBarStream;
StreamController<bool> searchBarStream =
Get.find<HomeController>().searchBarStream;
_liveController.scrollController.addListener(
() {
if (_liveController.scrollController.position.pixels >=
_liveController.scrollController.position.maxScrollExtent - 200) {
EasyThrottle.throttle('liveList', const Duration(milliseconds: 200),
() {
_liveController.onLoadMore();
});
}
final ScrollDirection direction =
_liveController.scrollController.position.userScrollDirection;
if (direction == ScrollDirection.forward) {
mainStream.add(true);
searchBarStream.add(true);
} else if (direction == ScrollDirection.reverse) {
mainStream.add(false);
searchBarStream.add(false);
}
},
);
}
@override
void dispose() {
_liveController.scrollController.removeListener(() {});
super.dispose();
}
@override
Widget build(BuildContext context) {
super.build(context);
return Container(
clipBehavior: Clip.hardEdge,
margin: const EdgeInsets.only(
left: StyleString.cardSpace, right: StyleString.cardSpace),
decoration: const BoxDecoration(
borderRadius: BorderRadius.all(StyleString.imgRadius),
),
child: RefreshIndicator(
onRefresh: () async {
return await _liveController.onRefresh();
},
child: CustomScrollView(
physics: const AlwaysScrollableScrollPhysics(),
controller: _liveController.scrollController,
slivers: [
SliverPadding(
// 单列布局 EdgeInsets.zero
padding:
const EdgeInsets.fromLTRB(0, StyleString.cardSpace, 0, 0),
sliver: Obx(
() => _liveController.loadingState.value is Loading ||
_liveController.loadingState.value is Success
? contentGrid(_liveController.loadingState.value)
: HttpError(
errMsg: _liveController.loadingState.value is Error
? (_liveController.loadingState.value as Error)
.errMsg
: '没有相关数据',
fn: () {
_liveController.loadingState.value =
LoadingState.loading();
_liveController.onRefresh();
}),
),
),
],
),
),
);
}
void _removePopupDialog() {
_liveController.popupDialog.last?.remove();
_liveController.popupDialog.removeLast();
}
OverlayEntry _createPopupDialog(liveItem) {
return OverlayEntry(
builder: (context) => AnimatedDialog(
closeFn: _removePopupDialog,
videoItem: liveItem,
),
);
}
Widget contentGrid(LoadingState loadingState) {
return SliverGrid(
gridDelegate: SliverGridDelegateWithExtentAndRatio(
mainAxisSpacing: StyleString.cardSpace,
crossAxisSpacing: StyleString.cardSpace,
maxCrossAxisExtent: Grid.maxRowWidth,
childAspectRatio: StyleString.aspectRatio,
mainAxisExtent: MediaQuery.textScalerOf(context).scale(80),
),
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
return loadingState is Success
? LiveCardV(
liveItem: loadingState.response[index],
longPress: () {
_liveController.popupDialog
.add(_createPopupDialog(loadingState.response[index]));
Overlay.of(context)
.insert(_liveController.popupDialog.last!);
},
longPressEnd: _removePopupDialog,
)
: const VideoCardVSkeleton();
},
childCount: loadingState is Success ? loadingState.response.length : 10,
),
);
}
}

View File

@@ -24,22 +24,16 @@ class LiveCardV extends StatelessWidget {
return Card( return Card(
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
margin: EdgeInsets.zero, margin: EdgeInsets.zero,
child: GestureDetector(
onLongPress: () {
if (longPress != null) {
longPress!();
}
},
// onLongPressEnd: (details) {
// if (longPressEnd != null) {
// longPressEnd!();
// }
// },
child: InkWell( child: InkWell(
onTap: () async { onTap: () async {
Get.toNamed('/liveRoom?roomid=${liveItem.roomId}', Get.toNamed('/liveRoom?roomid=${liveItem.roomId}',
arguments: {'liveItem': liveItem, 'heroTag': heroTag}); arguments: {'liveItem': liveItem, 'heroTag': heroTag});
}, },
onLongPress: () {
if (longPress != null) {
longPress!();
}
},
child: Column( child: Column(
children: [ children: [
ClipRRect( ClipRRect(
@@ -80,7 +74,6 @@ class LiveCardV extends StatelessWidget {
], ],
), ),
), ),
),
); );
} }
} }

View File

@@ -1,11 +1,9 @@
import 'package:PiliPalaX/http/loading_state.dart'; import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/pages/common/common_controller.dart'; import 'package:PiliPalaX/pages/common/popup_controller.dart';
import 'package:flutter/material.dart';
import 'package:PiliPalaX/http/video.dart'; import 'package:PiliPalaX/http/video.dart';
class ZoneController extends CommonController { class ZoneController extends PopupController {
ZoneController({required this.zoneID}); ZoneController({required this.zoneID});
List<OverlayEntry?> popupDialog = <OverlayEntry?>[];
int zoneID; int zoneID;
@override @override

View File

@@ -1,14 +1,12 @@
import 'package:PiliPalaX/http/loading_state.dart'; import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/models/home/rcmd/result.dart'; import 'package:PiliPalaX/models/home/rcmd/result.dart';
import 'package:PiliPalaX/pages/common/common_controller.dart'; import 'package:PiliPalaX/pages/common/popup_controller.dart';
import 'package:flutter/cupertino.dart';
import 'package:PiliPalaX/http/video.dart'; import 'package:PiliPalaX/http/video.dart';
import 'package:PiliPalaX/utils/storage.dart'; import 'package:PiliPalaX/utils/storage.dart';
class RcmdController extends CommonController { class RcmdController extends PopupController {
late bool enableSaveLastData; late bool enableSaveLastData;
late String defaultRcmdType = 'web'; late String defaultRcmdType = 'web';
List<OverlayEntry?> popupDialog = <OverlayEntry?>[];
@override @override
void onInit() { void onInit() {

View File

@@ -1,6 +1,10 @@
import 'dart:async'; import 'dart:async';
import 'package:PiliPalaX/http/loading_state.dart'; import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/models/common/tab_type.dart';
import 'package:PiliPalaX/pages/common/popup_controller.dart';
import 'package:PiliPalaX/pages/live/controller.dart';
import 'package:PiliPalaX/pages/live/widgets/live_item.dart';
import 'package:easy_debounce/easy_throttle.dart'; import 'package:easy_debounce/easy_throttle.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart'; import 'package:flutter/rendering.dart';
@@ -17,7 +21,9 @@ import '../../utils/grid.dart';
import 'controller.dart'; import 'controller.dart';
class RcmdPage extends StatefulWidget { class RcmdPage extends StatefulWidget {
const RcmdPage({super.key}); const RcmdPage({super.key, required this.tabType});
final TabType tabType;
@override @override
State<RcmdPage> createState() => _RcmdPageState(); State<RcmdPage> createState() => _RcmdPageState();
@@ -25,7 +31,10 @@ class RcmdPage extends StatefulWidget {
class _RcmdPageState extends State<RcmdPage> class _RcmdPageState extends State<RcmdPage>
with AutomaticKeepAliveClientMixin { with AutomaticKeepAliveClientMixin {
final RcmdController _rcmdController = Get.put(RcmdController()); late final PopupController _controller = Get.put(
widget.tabType == TabType.rcmd ? RcmdController() : LiveController(),
tag: widget.tabType.name,
);
@override @override
bool get wantKeepAlive => true; bool get wantKeepAlive => true;
@@ -37,17 +46,17 @@ class _RcmdPageState extends State<RcmdPage>
Get.find<MainController>().bottomBarStream; Get.find<MainController>().bottomBarStream;
StreamController<bool> searchBarStream = StreamController<bool> searchBarStream =
Get.find<HomeController>().searchBarStream; Get.find<HomeController>().searchBarStream;
_rcmdController.scrollController.addListener( _controller.scrollController.addListener(
() { () {
if (_rcmdController.scrollController.position.pixels >= if (_controller.scrollController.position.pixels >=
_rcmdController.scrollController.position.maxScrollExtent - 200) { _controller.scrollController.position.maxScrollExtent - 200) {
EasyThrottle.throttle( EasyThrottle.throttle(
'my-throttler', const Duration(milliseconds: 200), () { 'my-throttler', const Duration(milliseconds: 200), () {
_rcmdController.onLoadMore(); _controller.onLoadMore();
}); });
} }
final ScrollDirection direction = final ScrollDirection direction =
_rcmdController.scrollController.position.userScrollDirection; _controller.scrollController.position.userScrollDirection;
if (direction == ScrollDirection.forward) { if (direction == ScrollDirection.forward) {
mainStream.add(true); mainStream.add(true);
searchBarStream.add(true); searchBarStream.add(true);
@@ -61,7 +70,7 @@ class _RcmdPageState extends State<RcmdPage>
@override @override
void dispose() { void dispose() {
_rcmdController.scrollController.removeListener(() {}); _controller.scrollController.removeListener(() {});
super.dispose(); super.dispose();
} }
@@ -77,27 +86,26 @@ class _RcmdPageState extends State<RcmdPage>
), ),
child: RefreshIndicator( child: RefreshIndicator(
onRefresh: () async { onRefresh: () async {
await _rcmdController.onRefresh(); await _controller.onRefresh();
}, },
child: CustomScrollView( child: CustomScrollView(
controller: _rcmdController.scrollController, controller: _controller.scrollController,
physics: const AlwaysScrollableScrollPhysics(), physics: const AlwaysScrollableScrollPhysics(),
slivers: [ slivers: [
SliverPadding( SliverPadding(
padding: const EdgeInsets.only(top: StyleString.cardSpace), padding: const EdgeInsets.only(top: StyleString.cardSpace),
sliver: Obx( sliver: Obx(
() => _rcmdController.loadingState.value is Loading || () => _controller.loadingState.value is Loading ||
_rcmdController.loadingState.value is Success _controller.loadingState.value is Success
? contentGrid(_rcmdController.loadingState.value) ? contentGrid(_controller.loadingState.value)
: HttpError( : HttpError(
errMsg: _rcmdController.loadingState.value is Error errMsg: _controller.loadingState.value is Error
? (_rcmdController.loadingState.value as Error) ? (_controller.loadingState.value as Error).errMsg
.errMsg
: '没有相关数据', : '没有相关数据',
fn: () { fn: () {
_rcmdController.loadingState.value = _controller.loadingState.value =
LoadingState.loading(); LoadingState.loading();
_rcmdController.onRefresh(); _controller.onRefresh();
}), }),
), ),
), ),
@@ -108,8 +116,8 @@ class _RcmdPageState extends State<RcmdPage>
} }
void _removePopupDialog() { void _removePopupDialog() {
_rcmdController.popupDialog.last?.remove(); _controller.popupDialog.last?.remove();
_rcmdController.popupDialog.removeLast(); _controller.popupDialog.removeLast();
} }
OverlayEntry _createPopupDialog(videoItem) { OverlayEntry _createPopupDialog(videoItem) {
@@ -136,13 +144,24 @@ class _RcmdPageState extends State<RcmdPage>
delegate: SliverChildBuilderDelegate( delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) { (BuildContext context, int index) {
return loadingState is Success return loadingState is Success
? widget.tabType == TabType.rcmd
? VideoCardV( ? VideoCardV(
videoItem: loadingState.response[index], videoItem: loadingState.response[index],
longPress: () { longPress: () {
_rcmdController.popupDialog _controller.popupDialog.add(
.add(_createPopupDialog(loadingState.response[index])); _createPopupDialog(loadingState.response[index]));
Overlay.of(context) Overlay.of(context)
.insert(_rcmdController.popupDialog.last!); .insert(_controller.popupDialog.last!);
},
longPressEnd: _removePopupDialog,
)
: LiveCardV(
liveItem: loadingState.response[index],
longPress: () {
_controller.popupDialog.add(
_createPopupDialog(loadingState.response[index]));
Overlay.of(context)
.insert(_controller.popupDialog.last!);
}, },
longPressEnd: _removePopupDialog, longPressEnd: _removePopupDialog,
) )