mirror of
https://github.com/bggRGjQaUbCoE/PiliPlus.git
synced 2026-05-30 23:58:13 +08:00
feat: popular series/precious
Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
This commit is contained in:
bggRGjQaUbCoE
59
lib/pages/popular_series/controller.dart
Normal file
59
lib/pages/popular_series/controller.dart
Normal file
@@ -0,0 +1,59 @@
|
||||
import 'package:PiliPlus/http/loading_state.dart';
|
||||
import 'package:PiliPlus/http/video.dart';
|
||||
import 'package:PiliPlus/models/model_hot_video_item.dart';
|
||||
import 'package:PiliPlus/models_new/popular/popular_series_list/list.dart';
|
||||
import 'package:PiliPlus/models_new/popular/popular_series_one/config.dart';
|
||||
import 'package:PiliPlus/models_new/popular/popular_series_one/data.dart';
|
||||
import 'package:PiliPlus/pages/common/common_list_controller.dart';
|
||||
import 'package:PiliPlus/utils/extension.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class PopularSeriesController
|
||||
extends CommonListController<PopularSeriesOneData, HotVideoItemModel> {
|
||||
late int number;
|
||||
|
||||
final Rx<PopularSeriesConfig?> config = Rx<PopularSeriesConfig?>(null);
|
||||
String? reminder;
|
||||
List<PopularSeriesListItem>? seriesList;
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
super.onInit();
|
||||
_getSeriesList();
|
||||
}
|
||||
|
||||
Future<void> _getSeriesList() async {
|
||||
final res = await VideoHttp.popularSeriesList();
|
||||
if (res.isSuccess) {
|
||||
final list = res.data;
|
||||
if (list != null && list.isNotEmpty) {
|
||||
number = list.first.number!;
|
||||
seriesList = list;
|
||||
queryData();
|
||||
} else {
|
||||
loadingState.value = const Success(null);
|
||||
}
|
||||
} else {
|
||||
loadingState.value = res as Error;
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
List<HotVideoItemModel>? getDataList(PopularSeriesOneData response) {
|
||||
config.value = response.config;
|
||||
reminder = response.reminder;
|
||||
return response.list;
|
||||
}
|
||||
|
||||
@override
|
||||
Future<LoadingState<PopularSeriesOneData>> customGetData() =>
|
||||
VideoHttp.popularSeriesOne(number: number);
|
||||
|
||||
@override
|
||||
Future<void> onReload() {
|
||||
if (seriesList.isNullOrEmpty) {
|
||||
return _getSeriesList();
|
||||
}
|
||||
return super.onReload();
|
||||
}
|
||||
}
|
||||
226
lib/pages/popular_series/view.dart
Normal file
226
lib/pages/popular_series/view.dart
Normal file
@@ -0,0 +1,226 @@
|
||||
import 'dart:math';
|
||||
|
||||
import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
|
||||
import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
|
||||
import 'package:PiliPlus/common/widgets/video_card/video_card_h.dart';
|
||||
import 'package:PiliPlus/common/widgets/view_sliver_safe_area.dart';
|
||||
import 'package:PiliPlus/http/loading_state.dart';
|
||||
import 'package:PiliPlus/models/common/video/source_type.dart';
|
||||
import 'package:PiliPlus/models/model_hot_video_item.dart';
|
||||
import 'package:PiliPlus/models_new/popular/popular_series_one/config.dart';
|
||||
import 'package:PiliPlus/pages/popular_series/controller.dart';
|
||||
import 'package:PiliPlus/utils/grid.dart';
|
||||
import 'package:PiliPlus/utils/page_utils.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class PopularSeriesPage extends StatefulWidget {
|
||||
const PopularSeriesPage({super.key});
|
||||
|
||||
@override
|
||||
State<PopularSeriesPage> createState() => _PopularSeriesPageState();
|
||||
}
|
||||
|
||||
class _PopularSeriesPageState extends State<PopularSeriesPage> with GridMixin {
|
||||
final _controller = Get.put(PopularSeriesController());
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
resizeToAvoidBottomInset: false,
|
||||
appBar: AppBar(
|
||||
title: Obx(() {
|
||||
final config = _controller.config.value;
|
||||
if (config != null) {
|
||||
return Text(config.name!);
|
||||
}
|
||||
return const Text('每周必看');
|
||||
}),
|
||||
),
|
||||
body: refreshIndicator(
|
||||
onRefresh: _controller.onRefresh,
|
||||
child: CustomScrollView(
|
||||
physics: const AlwaysScrollableScrollPhysics(),
|
||||
slivers: [
|
||||
ViewSliverSafeArea(
|
||||
sliver: Obx(() => _buildBody(_controller.loadingState.value)),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBody(LoadingState<List<HotVideoItemModel>?> value) {
|
||||
switch (value) {
|
||||
case Loading():
|
||||
return gridSkeleton;
|
||||
case Success<List<HotVideoItemModel>?>(:var response):
|
||||
Widget sliver;
|
||||
if (response?.isNotEmpty == true) {
|
||||
sliver = SliverGrid.builder(
|
||||
gridDelegate: gridDelegate,
|
||||
itemCount: response!.length,
|
||||
itemBuilder: (context, index) {
|
||||
final item = response[index];
|
||||
return VideoCardH(
|
||||
videoItem: item,
|
||||
onTap: () {
|
||||
final config = _controller.config.value;
|
||||
PageUtils.toVideoPage(
|
||||
bvid: item.bvid,
|
||||
cid: item.cid!,
|
||||
extraArguments: {
|
||||
'sourceType': SourceType.playlist,
|
||||
'favTitle': '每周必看 ${config?.label ?? ''}',
|
||||
'mediaId': config?.mediaId,
|
||||
'desc': true,
|
||||
'oid': item.aid,
|
||||
'isContinuePlaying': index != 0,
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
} else {
|
||||
sliver = HttpError(onReload: _controller.onReload);
|
||||
}
|
||||
if (_controller.config.value case final config?) {
|
||||
sliver = SliverMainAxisGroup(
|
||||
slivers: [
|
||||
_buildSeriesList(config),
|
||||
sliver,
|
||||
],
|
||||
);
|
||||
}
|
||||
return sliver;
|
||||
case Error(:var errMsg):
|
||||
return HttpError(
|
||||
errMsg: errMsg,
|
||||
onReload: _controller.onReload,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buildSeriesList(PopularSeriesConfig config) {
|
||||
final colorScheme = ColorScheme.of(context);
|
||||
Widget child = GestureDetector(
|
||||
behavior: HitTestBehavior.opaque,
|
||||
onTap: () {
|
||||
final number = _controller.number;
|
||||
final seriesList = _controller.seriesList!;
|
||||
final size = MediaQuery.sizeOf(context);
|
||||
final padding = MediaQuery.viewPaddingOf(context);
|
||||
final width = min(
|
||||
min(
|
||||
size.width - padding.horizontal - 80,
|
||||
size.height - padding.vertical - 48,
|
||||
),
|
||||
525.0,
|
||||
);
|
||||
final currIndex = seriesList.indexWhere((e) => e.number == number);
|
||||
final controller = ScrollController(
|
||||
initialScrollOffset: max(0, currIndex * 44 + 34 - width / 2),
|
||||
);
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) {
|
||||
final theme = Theme.of(context);
|
||||
return Dialog(
|
||||
clipBehavior: Clip.hardEdge,
|
||||
child: SizedBox(
|
||||
width: width,
|
||||
height: width,
|
||||
child: ListView.builder(
|
||||
controller: controller,
|
||||
padding: const EdgeInsets.symmetric(vertical: 12),
|
||||
itemCount: seriesList.length,
|
||||
itemExtent: 44,
|
||||
itemBuilder: (context, index) {
|
||||
final item = seriesList[index];
|
||||
final isCurr = index == currIndex;
|
||||
Widget child = Text(
|
||||
item.name!,
|
||||
style: const TextStyle(fontSize: 14),
|
||||
);
|
||||
if (isCurr) {
|
||||
child = Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
child,
|
||||
const Icon(Icons.check, size: 18),
|
||||
],
|
||||
);
|
||||
}
|
||||
return Material(
|
||||
color: isCurr ? theme.highlightColor : null,
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
Get.back();
|
||||
if (!isCurr) {
|
||||
_controller
|
||||
..number = item.number!
|
||||
..onReload();
|
||||
}
|
||||
},
|
||||
child: Padding(
|
||||
padding: const EdgeInsetsGeometry.symmetric(
|
||||
horizontal: 16,
|
||||
),
|
||||
child: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: child,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
).whenComplete(controller.dispose);
|
||||
},
|
||||
child: Text.rich(
|
||||
style: TextStyle(
|
||||
height: 1,
|
||||
fontSize: 14,
|
||||
color: colorScheme.onSurfaceVariant,
|
||||
),
|
||||
strutStyle: const StrutStyle(height: 1, leading: 0, fontSize: 14),
|
||||
TextSpan(
|
||||
children: [
|
||||
TextSpan(text: config.label!),
|
||||
WidgetSpan(
|
||||
alignment: PlaceholderAlignment.middle,
|
||||
child: Icon(
|
||||
size: 18,
|
||||
Icons.keyboard_arrow_down,
|
||||
color: colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
if (_controller.reminder case final reminder?) {
|
||||
child = Row(
|
||||
spacing: 16,
|
||||
children: [
|
||||
child,
|
||||
Text(
|
||||
reminder,
|
||||
style: TextStyle(color: colorScheme.outline),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
return SliverToBoxAdapter(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(left: 14, bottom: 7),
|
||||
child: child,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user