EchoZenith/PiliPlus
1
0
Fork 0
mirror of https://github.com/bggRGjQaUbCoE/PiliPlus.git synced 2026-08-02 00:36:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

opt: search panel

Browse Source
This commit is contained in:
bggRGjQaUbCoE
2024-09-29 11:07:43 +08:00
parent 5e8e6b674f
commit 878e9d400c
6 changed files with 538 additions and 446 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
lib/pages/search_panel/view.dart
View File

@@ -4,7 +4,6 @@ import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:PiliPalaX/common/skeleton/media_bangumi.dart';
import 'package:PiliPalaX/common/skeleton/video_card_h.dart';
import 'package:PiliPalaX/common/widgets/http_error.dart';
import 'package:PiliPalaX/models/common/search_type.dart';
import '../../common/constants.dart';
@@ -75,41 +74,7 @@ class _SearchPanelState extends State<SearchPanel>
}
Widget _buildBody(LoadingState loadingState) {
if (loadingState is Success) {
switch (widget.searchType) {
case SearchType.video:
return SearchVideoPanel(
ctr: _searchPanelController,
list: loadingState.response,
);
case SearchType.media_bangumi:
return searchBangumiPanel(
context,
_searchPanelController,
loadingState.response,
);
case SearchType.bili_user:
return searchUserPanel(
context,
_searchPanelController,
loadingState.response,
);
case SearchType.live_room:
return searchLivePanel(
context,
_searchPanelController,
loadingState.response,
);
case SearchType.article:
return searchArticlePanel(
context,
_searchPanelController,
loadingState.response,
);
default:
return const SizedBox();
}
} else if (loadingState is Loading) {
if (loadingState is Loading) {
return CustomScrollView(
physics: const AlwaysScrollableScrollPhysics(),
slivers: [
@@ -141,15 +106,39 @@ class _SearchPanelState extends State<SearchPanel>
],
);
} else {
return CustomScrollView(
physics: const NeverScrollableScrollPhysics(),
slivers: [
HttpError(
errMsg: loadingState is Error ? loadingState.errMsg : '没有相关数据',
fn: _searchPanelController.onReload,
),
],
switch (widget.searchType) {
case SearchType.video:
return SearchVideoPanel(
ctr: _searchPanelController,
loadingState: loadingState,
);
case SearchType.media_bangumi:
return searchBangumiPanel(
context,
_searchPanelController,
loadingState,
);
case SearchType.bili_user:
return searchUserPanel(
context,
_searchPanelController,
loadingState,
);
case SearchType.live_room:
return searchLivePanel(
context,
_searchPanelController,
loadingState,
);
case SearchType.article:
return searchArticlePanel(
context,
_searchPanelController,
loadingState,
);
default:
return const SizedBox();
}
}
}
}

69
lib/pages/search_panel/widgets/article_panel.dart
View File

@@ -1,3 +1,5 @@
import 'package:PiliPalaX/common/widgets/http_error.dart';
import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/pages/search/widgets/search_text.dart';
import 'package:PiliPalaX/pages/search_panel/controller.dart';
import 'package:PiliPalaX/pages/video/detail/reply/view.dart'
@@ -11,7 +13,7 @@ import 'package:PiliPalaX/utils/utils.dart';
import '../../../utils/grid.dart';
Widget searchArticlePanel(BuildContext context, searchPanelCtr, list) {
Widget searchArticlePanel(BuildContext context, searchPanelCtr, loadingState) {
TextStyle textStyle = TextStyle(
fontSize: Theme.of(context).textTheme.labelSmall!.fontSize,
color: Theme.of(context).colorScheme.outline);
@@ -71,21 +73,29 @@ Widget searchArticlePanel(BuildContext context, searchPanelCtr, list) {
),
),
),
SliverGrid(
loadingState is Success
? SliverPadding(
padding: EdgeInsets.only(
bottom: StyleString.safeSpace +
MediaQuery.of(context).padding.bottom,
),
sliver: SliverGrid(
gridDelegate: SliverGridDelegateWithExtentAndRatio(
mainAxisSpacing: StyleString.safeSpace,
crossAxisSpacing: StyleString.safeSpace,
maxCrossAxisExtent: Grid.maxRowWidth * 2,
childAspectRatio: StyleString.aspectRatio * 2.4,
mainAxisExtent: 0),
mainAxisExtent: 0,
),
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
return InkWell(
onTap: () {
Get.toNamed('/htmlRender', parameters: {
'url': 'www.bilibili.com/read/cv${list[index].id}',
'title': list[index].subTitle,
'id': 'cv${list[index].id}',
'url':
'www.bilibili.com/read/cv${loadingState.response[index].id}',
'title': loadingState.response[index].subTitle,
'id': 'cv${loadingState.response[index].id}',
'dynamicType': 'read'
});
},
@@ -97,7 +107,8 @@ Widget searchArticlePanel(BuildContext context, searchPanelCtr, list) {
final double width = (boxConstraints.maxWidth -
StyleString.cardSpace *
6 /
MediaQuery.textScalerOf(context).scale(1.0)) /
MediaQuery.textScalerOf(context)
.scale(1.0)) /
2;
return Container(
constraints: const BoxConstraints(minHeight: 88),
@@ -105,37 +116,46 @@ Widget searchArticlePanel(BuildContext context, searchPanelCtr, list) {
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
if (list[index].imageUrls != null &&
list[index].imageUrls.isNotEmpty)
if (loadingState.response[index].imageUrls !=
null &&
loadingState
.response[index].imageUrls.isNotEmpty)
AspectRatio(
aspectRatio: StyleString.aspectRatio,
child: LayoutBuilder(
builder: (context, boxConstraints) {
double maxWidth = boxConstraints.maxWidth;
double maxHeight = boxConstraints.maxHeight;
double maxWidth =
boxConstraints.maxWidth;
double maxHeight =
boxConstraints.maxHeight;
return NetworkImgLayer(
width: maxWidth,
height: maxHeight,
src: list[index].imageUrls.first,
src: loadingState
.response[index].imageUrls.first,
);
}),
),
Expanded(
child: Padding(
padding: const EdgeInsets.fromLTRB(10, 2, 6, 0),
padding: const EdgeInsets.fromLTRB(
10, 2, 6, 0),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
RichText(
maxLines: 2,
text: TextSpan(
children: [
for (var i in list[index].title) ...[
for (var i in loadingState
.response[index].title) ...[
TextSpan(
text: i['text'],
style: TextStyle(
fontWeight: FontWeight.w400,
fontWeight:
FontWeight.w400,
letterSpacing: 0.3,
color: i['type'] == 'em'
? Theme.of(context)
@@ -152,15 +172,19 @@ Widget searchArticlePanel(BuildContext context, searchPanelCtr, list) {
),
const Spacer(),
Text(
Utils.dateFormat(list[index].pubTime,
Utils.dateFormat(
loadingState
.response[index].pubTime,
formatType: 'detail'),
style: textStyle),
Row(
children: [
Text('${list[index].view}浏览',
Text(
'${loadingState.response[index].view}浏览',
style: textStyle),
Text(' • ', style: textStyle),
Text('${list[index].reply}评论',
Text(
'${loadingState.response[index].reply}评论',
style: textStyle),
],
),
@@ -176,9 +200,14 @@ Widget searchArticlePanel(BuildContext context, searchPanelCtr, list) {
),
);
},
childCount: list.length,
childCount: loadingState.response.length,
),
),
)
: HttpError(
errMsg: loadingState is Error ? loadingState.errMsg : '没有相关数据',
fn: searchPanelCtr.onReload,
),
],
);
}

24
lib/pages/search_panel/widgets/live_panel.dart
View File

@@ -1,3 +1,5 @@
import 'package:PiliPalaX/common/widgets/http_error.dart';
import 'package:PiliPalaX/http/loading_state.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:PiliPalaX/common/constants.dart';
@@ -6,11 +8,14 @@ import 'package:PiliPalaX/utils/utils.dart';
import '../../../utils/grid.dart';
Widget searchLivePanel(BuildContext context, ctr, list) {
return Padding(
Widget searchLivePanel(BuildContext context, ctr, loadingState) {
return loadingState is Success
? GridView.builder(
padding: const EdgeInsets.only(
left: StyleString.safeSpace, right: StyleString.safeSpace),
child: GridView.builder(
left: StyleString.safeSpace,
right: StyleString.safeSpace,
bottom: StyleString.safeSpace,
),
primary: false,
controller: ctr!.scrollController,
gridDelegate: SliverGridDelegateWithExtentAndRatio(
@@ -20,11 +25,18 @@ Widget searchLivePanel(BuildContext context, ctr, list) {
childAspectRatio: StyleString.aspectRatio,
mainAxisExtent: MediaQuery.textScalerOf(context).scale(80),
),
itemCount: list.length,
itemCount: loadingState.response.length,
itemBuilder: (context, index) {
return LiveItem(liveItem: list![index]);
return LiveItem(liveItem: loadingState.response[index]);
},
)
: CustomScrollView(
slivers: [
HttpError(
errMsg: loadingState is Error ? loadingState.errMsg : '没有相关数据',
fn: ctr.onReload,
),
],
);
}

57
lib/pages/search_panel/widgets/media_bangumi_panel.dart
View File

@@ -1,3 +1,5 @@
import 'package:PiliPalaX/common/widgets/http_error.dart';
import 'package:PiliPalaX/http/loading_state.dart';
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
@@ -11,21 +13,28 @@ import 'package:PiliPalaX/utils/utils.dart';
import '../../../utils/grid.dart';
Widget searchBangumiPanel(BuildContext context, ctr, list) {
Widget searchBangumiPanel(BuildContext context, ctr, loadingState) {
TextStyle style =
TextStyle(fontSize: Theme.of(context).textTheme.labelMedium!.fontSize);
return CustomScrollView(
controller: ctr.scrollController,
slivers: [
SliverGrid(
loadingState is Success
? SliverPadding(
padding: EdgeInsets.only(
bottom: StyleString.safeSpace +
MediaQuery.of(context).padding.bottom,
),
sliver: SliverGrid(
gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
mainAxisSpacing: StyleString.safeSpace,
crossAxisSpacing: StyleString.safeSpace,
maxCrossAxisExtent: Grid.maxRowWidth * 2,
mainAxisExtent: 160,
),
delegate: SliverChildBuilderDelegate((BuildContext context, int index) {
var i = list![index];
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
var i = loadingState.response[index];
return InkWell(
onTap: () {
/// TODO 番剧详情页面
@@ -36,8 +45,11 @@ Widget searchBangumiPanel(BuildContext context, ctr, list) {
// });
},
child: Padding(
padding: const EdgeInsets.fromLTRB(StyleString.safeSpace,
StyleString.safeSpace, StyleString.safeSpace, 2),
padding: const EdgeInsets.fromLTRB(
StyleString.safeSpace,
StyleString.safeSpace,
StyleString.safeSpace,
2),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
@@ -68,20 +80,25 @@ Widget searchBangumiPanel(BuildContext context, ctr, list) {
overflow: TextOverflow.ellipsis,
text: TextSpan(
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface),
color: Theme.of(context)
.colorScheme
.onSurface),
children: [
for (var i in i.title) ...[
TextSpan(
text: i['text'],
style: TextStyle(
fontSize: MediaQuery.textScalerOf(context)
fontSize: MediaQuery.textScalerOf(
context)
.scale(Theme.of(context)
.textTheme
.titleSmall!
.fontSize!),
fontWeight: FontWeight.bold,
color: i['type'] == 'em'
? Theme.of(context).colorScheme.primary
? Theme.of(context)
.colorScheme
.primary
: Theme.of(context)
.colorScheme
.onSurface,
@@ -100,7 +117,9 @@ Widget searchBangumiPanel(BuildContext context, ctr, list) {
const SizedBox(width: 3),
const Text('·'),
const SizedBox(width: 3),
Text(Utils.dateFormat(i.pubtime).toString(),
Text(
Utils.dateFormat(i.pubtime)
.toString(),
style: style),
],
),
@@ -132,7 +151,8 @@ Widget searchBangumiPanel(BuildContext context, ctr, list) {
if (epId == null) {
epId = episode.epId;
} else {
for (var item in res['data'].episodes) {
for (var item
in res['data'].episodes) {
if (item.epId == epId) {
episode = item;
break;
@@ -142,13 +162,15 @@ Widget searchBangumiPanel(BuildContext context, ctr, list) {
String bvid = episode.bvid!;
int cid = episode.cid!;
String pic = episode.cover!;
String heroTag = Utils.makeHeroTag(cid);
String heroTag =
Utils.makeHeroTag(cid);
Get.toNamed(
'/video?bvid=$bvid&cid=$cid&seasonId=${i.seasonId}&epid=$epId',
arguments: {
'pic': pic,
'heroTag': heroTag,
'videoType': SearchType.media_bangumi,
'videoType':
SearchType.media_bangumi,
'bangumiItem': res['data'],
},
);
@@ -167,7 +189,14 @@ Widget searchBangumiPanel(BuildContext context, ctr, list) {
),
),
);
}, childCount: list.length),
},
childCount: loadingState.response.length,
),
),
)
: HttpError(
errMsg: loadingState is Error ? loadingState.errMsg : '没有相关数据',
fn: ctr.onReload,
),
],
);

24
lib/pages/search_panel/widgets/user_panel.dart
View File

@@ -1,3 +1,5 @@
import 'package:PiliPalaX/common/widgets/http_error.dart';
import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/pages/search/widgets/search_text.dart';
import 'package:PiliPalaX/pages/search_panel/controller.dart';
import 'package:PiliPalaX/pages/video/detail/reply/view.dart'
@@ -11,7 +13,7 @@ import 'package:PiliPalaX/utils/utils.dart';
import '../../../common/constants.dart';
import '../../../utils/grid.dart';
Widget searchUserPanel(BuildContext context, searchPanelCtr, list) {
Widget searchUserPanel(BuildContext context, searchPanelCtr, loadingState) {
TextStyle style = TextStyle(
fontSize: Theme.of(context).textTheme.labelSmall!.fontSize,
color: Theme.of(context).colorScheme.outline);
@@ -71,15 +73,22 @@ Widget searchUserPanel(BuildContext context, searchPanelCtr, list) {
),
),
),
SliverGrid(
loadingState is Success
? SliverPadding(
padding: EdgeInsets.only(
bottom: StyleString.safeSpace +
MediaQuery.of(context).padding.bottom,
),
sliver: SliverGrid(
gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
mainAxisSpacing: StyleString.cardSpace,
crossAxisSpacing: StyleString.safeSpace,
maxCrossAxisExtent: Grid.maxRowWidth * 2,
mainAxisExtent: 56),
mainAxisExtent: 56,
),
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
var i = list![index];
var i = loadingState.response[index];
String heroTag = Utils.makeHeroTag(i!.mid);
return InkWell(
onTap: () => Get.toNamed('/member?mid=${i.mid}',
@@ -135,8 +144,13 @@ Widget searchUserPanel(BuildContext context, searchPanelCtr, list) {
),
);
},
childCount: list!.length,
childCount: loadingState.response.length,
),
),
)
: HttpError(
errMsg: loadingState is Error ? loadingState.errMsg : '没有相关数据',
fn: searchPanelCtr.onReload,
)
],
);

61
lib/pages/search_panel/widgets/video_panel.dart
View File

@@ -1,4 +1,8 @@
import 'package:PiliPalaX/common/widgets/http_error.dart';
import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/pages/search/widgets/search_text.dart';
import 'package:PiliPalaX/pages/video/detail/reply/view.dart'
show MySliverPersistentHeaderDelegate;
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
@@ -12,25 +16,29 @@ import '../../../utils/grid.dart';
class SearchVideoPanel extends StatelessWidget {
SearchVideoPanel({
required this.ctr,
required this.list,
required this.loadingState,
Key? key,
}) : super(key: key);
final SearchPanelController ctr;
final List list;
final dynamic loadingState;
final VideoPanelController controller = Get.put(VideoPanelController());
@override
Widget build(BuildContext context) {
return Column(
children: [
// 分类筛选
Container(
return CustomScrollView(
controller: ctr.scrollController,
slivers: [
SliverPersistentHeader(
pinned: false,
floating: true,
delegate: MySliverPersistentHeaderDelegate(
child: Container(
width: context.width,
height: 34,
padding: const EdgeInsets.only(
left: StyleString.safeSpace, top: 0, right: 12),
color: Theme.of(context).colorScheme.surface,
padding: const EdgeInsets.symmetric(horizontal: 12),
child: Row(
children: [
Expanded(
@@ -71,7 +79,8 @@ class SearchVideoPanel extends StatelessWidget {
style: ButtonStyle(
padding: WidgetStateProperty.all(EdgeInsets.zero),
),
onPressed: () => controller.onShowFilterDialog(context, ctr),
onPressed: () =>
controller.onShowFilterDialog(context, ctr),
icon: Icon(
Icons.filter_list_outlined,
size: 18,
@@ -82,29 +91,39 @@ class SearchVideoPanel extends StatelessWidget {
],
),
),
Expanded(
child: CustomScrollView(
controller: ctr.scrollController,
slivers: [
SliverPadding(
padding: const EdgeInsets.all(StyleString.safeSpace),
),
),
loadingState is Success
? SliverPadding(
padding: EdgeInsets.only(
left: StyleString.safeSpace,
right: StyleString.safeSpace,
bottom: StyleString.safeSpace +
MediaQuery.of(context).padding.bottom,
),
sliver: SliverGrid(
gridDelegate: SliverGridDelegateWithExtentAndRatio(
mainAxisSpacing: StyleString.safeSpace,
crossAxisSpacing: StyleString.safeSpace,
maxCrossAxisExtent: Grid.maxRowWidth * 2,
childAspectRatio: StyleString.aspectRatio * 2.4,
mainAxisExtent: 0),
mainAxisExtent: 0,
),
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
return VideoCardH(
videoItem: list[index], showPubdate: true);
videoItem: loadingState.response[index],
showPubdate: true,
);
},
childCount: list.length,
childCount: loadingState.response.length,
),
),
)
: HttpError(
errMsg: loadingState is Error ? loadingState.errMsg : '没有相关数据',
fn: ctr.onReload,
),
)),
],
)),
],
);
}