mirror of
https://github.com/HChaZZY/PiliPlus.git
synced 2025-12-06 09:13:48 +08:00
627 lines
24 KiB
Dart
627 lines
24 KiB
Dart
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
||
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:hive/hive.dart';
|
||
import 'package:PiliPalaX/common/constants.dart';
|
||
import 'package:PiliPalaX/common/widgets/http_error.dart';
|
||
import 'package:PiliPalaX/pages/mine/controller.dart';
|
||
import 'package:PiliPalaX/pages/video/detail/index.dart';
|
||
import 'package:PiliPalaX/common/widgets/network_img_layer.dart';
|
||
import 'package:PiliPalaX/common/widgets/stat/danmu.dart';
|
||
import 'package:PiliPalaX/common/widgets/stat/view.dart';
|
||
import 'package:PiliPalaX/models/video_detail_res.dart';
|
||
import 'package:PiliPalaX/pages/video/detail/introduction/controller.dart';
|
||
import 'package:PiliPalaX/pages/video/detail/widgets/ai_detail.dart';
|
||
import 'package:PiliPalaX/utils/feed_back.dart';
|
||
import 'package:PiliPalaX/utils/storage.dart';
|
||
import 'package:PiliPalaX/utils/utils.dart';
|
||
|
||
import '../../../../utils/id_utils.dart';
|
||
import 'widgets/action_item.dart';
|
||
import 'widgets/action_row_item.dart';
|
||
import 'widgets/fav_panel.dart';
|
||
import 'widgets/intro_detail.dart';
|
||
import 'widgets/page.dart';
|
||
import 'widgets/season.dart';
|
||
|
||
class VideoIntroPanel extends StatefulWidget {
|
||
const VideoIntroPanel({super.key});
|
||
|
||
@override
|
||
State<VideoIntroPanel> createState() => _VideoIntroPanelState();
|
||
}
|
||
|
||
class _VideoIntroPanelState extends State<VideoIntroPanel>
|
||
with AutomaticKeepAliveClientMixin {
|
||
late String heroTag;
|
||
late VideoIntroController videoIntroController;
|
||
VideoDetailData? videoDetail;
|
||
late Future? _futureBuilderFuture;
|
||
|
||
// 添加页面缓存
|
||
@override
|
||
bool get wantKeepAlive => true;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
|
||
/// fix 全屏时参数丢失
|
||
heroTag = Get.arguments['heroTag'];
|
||
videoIntroController = Get.put(VideoIntroController(), tag: heroTag);
|
||
_futureBuilderFuture = videoIntroController.queryVideoIntro();
|
||
videoIntroController.videoDetail.listen((value) {
|
||
videoDetail = value;
|
||
});
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
videoIntroController.onClose();
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
super.build(context);
|
||
return FutureBuilder(
|
||
future: _futureBuilderFuture,
|
||
builder: (context, snapshot) {
|
||
if (snapshot.connectionState == ConnectionState.done) {
|
||
if (snapshot.data == null) {
|
||
return const SliverToBoxAdapter(child: SizedBox());
|
||
}
|
||
if (snapshot.data['status']) {
|
||
// 请求成功
|
||
return Obx(
|
||
() => VideoInfo(
|
||
loadingStatus: false,
|
||
videoDetail: videoIntroController.videoDetail.value,
|
||
heroTag: heroTag,
|
||
),
|
||
);
|
||
} else {
|
||
// 请求错误
|
||
return HttpError(
|
||
errMsg: snapshot.data['msg'],
|
||
btnText: snapshot.data['code'] == -404 ||
|
||
snapshot.data['code'] == 62002
|
||
? '上一页'
|
||
: null,
|
||
fn: () => Get.back(),
|
||
);
|
||
}
|
||
} else {
|
||
return VideoInfo(
|
||
loadingStatus: true,
|
||
videoDetail: videoDetail,
|
||
heroTag: heroTag,
|
||
);
|
||
}
|
||
},
|
||
);
|
||
}
|
||
}
|
||
|
||
class VideoInfo extends StatefulWidget {
|
||
final bool loadingStatus;
|
||
final VideoDetailData? videoDetail;
|
||
final String? heroTag;
|
||
|
||
const VideoInfo(
|
||
{Key? key, this.loadingStatus = false, this.videoDetail, this.heroTag})
|
||
: super(key: key);
|
||
|
||
@override
|
||
State<VideoInfo> createState() => _VideoInfoState();
|
||
}
|
||
|
||
class _VideoInfoState extends State<VideoInfo> with TickerProviderStateMixin {
|
||
// final String heroTag = Get.arguments['heroTag'];
|
||
late String heroTag;
|
||
late final VideoIntroController videoIntroController;
|
||
late final VideoDetailController videoDetailCtr;
|
||
late final Map<dynamic, dynamic> videoItem;
|
||
|
||
final Box<dynamic> setting = GStrorage.setting;
|
||
|
||
late final bool loadingStatus; // 加载状态
|
||
|
||
late final dynamic owner;
|
||
late final dynamic follower;
|
||
late final dynamic followStatus;
|
||
late int mid;
|
||
late String memberHeroTag;
|
||
late bool enableAi;
|
||
bool isProcessing = false;
|
||
void Function()? handleState(Future Function() action) {
|
||
return isProcessing
|
||
? null
|
||
: () async {
|
||
setState(() => isProcessing = true);
|
||
await action();
|
||
setState(() => isProcessing = false);
|
||
};
|
||
}
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
heroTag = widget.heroTag!;
|
||
videoIntroController = Get.put(VideoIntroController(), tag: heroTag);
|
||
videoDetailCtr = Get.find<VideoDetailController>(tag: heroTag);
|
||
videoItem = videoIntroController.videoItem!;
|
||
|
||
loadingStatus = widget.loadingStatus;
|
||
owner = loadingStatus ? videoItem['owner'] : widget.videoDetail!.owner;
|
||
follower = loadingStatus
|
||
? '-'
|
||
: Utils.numFormat(videoIntroController.userStat['follower']);
|
||
followStatus = videoIntroController.followStatus;
|
||
enableAi = setting.get(SettingBoxKey.enableAi, defaultValue: true);
|
||
}
|
||
|
||
// 收藏
|
||
showFavBottomSheet({type = 'tap'}) {
|
||
if (videoIntroController.userInfo == null) {
|
||
SmartDialog.showToast('账号未登录');
|
||
return;
|
||
}
|
||
final bool enableDragQuickFav =
|
||
setting.get(SettingBoxKey.enableQuickFav, defaultValue: false);
|
||
// 快速收藏 &
|
||
// 点按 收藏至默认文件夹
|
||
// 长按选择文件夹
|
||
if (enableDragQuickFav) {
|
||
if (type == 'tap') {
|
||
videoIntroController.actionFavVideo(type: 'default');
|
||
} else {
|
||
showModalBottomSheet(
|
||
context: context,
|
||
useRootNavigator: true,
|
||
isScrollControlled: true,
|
||
builder: (BuildContext context) {
|
||
return FavPanel(ctr: videoIntroController);
|
||
},
|
||
);
|
||
}
|
||
} else if (type != 'longPress') {
|
||
showModalBottomSheet(
|
||
context: context,
|
||
useRootNavigator: true,
|
||
isScrollControlled: true,
|
||
builder: (BuildContext context) {
|
||
return FavPanel(ctr: videoIntroController);
|
||
},
|
||
);
|
||
}
|
||
}
|
||
|
||
// 视频介绍
|
||
showIntroDetail() {
|
||
if (loadingStatus) {
|
||
return;
|
||
}
|
||
feedBack();
|
||
showBottomSheet(
|
||
context: context,
|
||
enableDrag: true,
|
||
builder: (BuildContext context) {
|
||
return IntroDetail(videoDetail: widget.videoDetail!);
|
||
},
|
||
);
|
||
}
|
||
|
||
// 用户主页
|
||
onPushMember() {
|
||
feedBack();
|
||
mid = !loadingStatus
|
||
? widget.videoDetail!.owner!.mid
|
||
: videoItem['owner'].mid;
|
||
memberHeroTag = Utils.makeHeroTag(mid);
|
||
String face = !loadingStatus
|
||
? widget.videoDetail!.owner!.face
|
||
: videoItem['owner'].face;
|
||
Get.toNamed('/member?mid=$mid',
|
||
arguments: {'face': face, 'heroTag': memberHeroTag});
|
||
}
|
||
|
||
// ai总结
|
||
showAiBottomSheet() {
|
||
showBottomSheet(
|
||
context: context,
|
||
enableDrag: true,
|
||
builder: (BuildContext context) {
|
||
return AiDetail(modelResult: videoIntroController.modelResult);
|
||
},
|
||
);
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final ThemeData t = Theme.of(context);
|
||
final Color outline = t.colorScheme.outline;
|
||
return SliverPadding(
|
||
padding: const EdgeInsets.only(
|
||
left: StyleString.safeSpace, right: StyleString.safeSpace, top: 10),
|
||
sliver: SliverToBoxAdapter(
|
||
child: !loadingStatus
|
||
? Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
GestureDetector(
|
||
behavior: HitTestBehavior.translucent,
|
||
onTap: () => showIntroDetail(),
|
||
child: Text(
|
||
!loadingStatus
|
||
? widget.videoDetail!.title
|
||
: videoItem['title'],
|
||
style: const TextStyle(
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
maxLines: 2,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
),
|
||
Stack(
|
||
children: [
|
||
GestureDetector(
|
||
behavior: HitTestBehavior.translucent,
|
||
onTap: () => showIntroDetail(),
|
||
child: Padding(
|
||
padding: const EdgeInsets.only(top: 7, bottom: 6),
|
||
child: Row(
|
||
children: <Widget>[
|
||
StatView(
|
||
theme: 'gray',
|
||
view: !loadingStatus
|
||
? widget.videoDetail!.stat!.view
|
||
: videoItem['stat'].view,
|
||
size: 'medium',
|
||
),
|
||
const SizedBox(width: 10),
|
||
StatDanMu(
|
||
theme: 'gray',
|
||
danmu: !loadingStatus
|
||
? widget.videoDetail!.stat!.danmu
|
||
: videoItem['stat'].danmu,
|
||
size: 'medium',
|
||
),
|
||
const SizedBox(width: 10),
|
||
Text(
|
||
Utils.dateFormat(
|
||
!loadingStatus
|
||
? widget.videoDetail!.pubdate
|
||
: videoItem['pubdate'],
|
||
formatType: 'detail'),
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: t.colorScheme.outline,
|
||
),
|
||
),
|
||
if (MineController.anonymity) ...<Widget>[
|
||
const SizedBox(width: 10),
|
||
Icon(
|
||
Icons.visibility_off_outlined,
|
||
size: 15,
|
||
color: t.colorScheme.outline,
|
||
),
|
||
const SizedBox(width: 2),
|
||
Text(
|
||
'无痕',
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: t.colorScheme.outline),
|
||
),
|
||
],
|
||
const SizedBox(width: 10),
|
||
if (videoIntroController.isShowOnlineTotal)
|
||
Obx(
|
||
() => Text(
|
||
'${videoIntroController.total.value}人在看',
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: t.colorScheme.outline,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
if (enableAi)
|
||
Positioned(
|
||
right: 10,
|
||
top: 6,
|
||
child: Semantics(
|
||
label: 'AI总结',
|
||
child: GestureDetector(
|
||
onTap: () async {
|
||
final res =
|
||
await videoIntroController.aiConclusion();
|
||
if (res['status']) {
|
||
showAiBottomSheet();
|
||
}
|
||
},
|
||
child: Image.asset('assets/images/ai.png',
|
||
height: 22),
|
||
)),
|
||
)
|
||
],
|
||
),
|
||
// 点赞收藏转发 布局样式1
|
||
// SingleChildScrollView(
|
||
// padding: const EdgeInsets.only(top: 7, bottom: 7),
|
||
// scrollDirection: Axis.horizontal,
|
||
// child: actionRow(
|
||
// context,
|
||
// videoIntroController,
|
||
// videoDetailCtr,
|
||
// ),
|
||
// ),
|
||
// 点赞收藏转发 布局样式2
|
||
actionGrid(context, videoIntroController),
|
||
// 合集
|
||
if (!loadingStatus &&
|
||
widget.videoDetail!.ugcSeason != null) ...[
|
||
Obx(
|
||
() => SeasonPanel(
|
||
ugcSeason: widget.videoDetail!.ugcSeason!,
|
||
cid: videoIntroController.lastPlayCid.value != 0
|
||
? videoIntroController.lastPlayCid.value
|
||
: widget.videoDetail!.pages!.first.cid,
|
||
changeFuc: (bvid, cid, aid) => videoIntroController
|
||
.changeSeasonOrbangu(bvid, cid, aid),
|
||
),
|
||
)
|
||
],
|
||
if (!loadingStatus &&
|
||
widget.videoDetail!.pages != null &&
|
||
widget.videoDetail!.pages!.length > 1) ...[
|
||
Obx(() => PagesPanel(
|
||
pages: widget.videoDetail!.pages!,
|
||
cid: videoIntroController.lastPlayCid.value,
|
||
changeFuc: (cid) =>
|
||
videoIntroController.changeSeasonOrbangu(
|
||
videoIntroController.bvid,
|
||
cid,
|
||
IdUtils.bv2av(videoIntroController.bvid)),
|
||
))
|
||
],
|
||
GestureDetector(
|
||
onTap: onPushMember,
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(
|
||
vertical: 12, horizontal: 4),
|
||
child: Row(
|
||
children: [
|
||
NetworkImgLayer(
|
||
type: 'avatar',
|
||
src: loadingStatus
|
||
? owner.face
|
||
: widget.videoDetail!.owner!.face,
|
||
width: 34,
|
||
height: 34,
|
||
fadeInDuration: Duration.zero,
|
||
fadeOutDuration: Duration.zero,
|
||
),
|
||
const SizedBox(width: 10),
|
||
Text(
|
||
owner.name,
|
||
style: const TextStyle(fontSize: 13),
|
||
// semanticsLabel: "Up主：${owner.name}",
|
||
),
|
||
const SizedBox(width: 6),
|
||
Text(
|
||
follower,
|
||
semanticsLabel: "粉丝数：$follower",
|
||
style: TextStyle(
|
||
fontSize: t.textTheme.labelSmall!.fontSize,
|
||
color: outline,
|
||
),
|
||
),
|
||
const Spacer(),
|
||
Obx(() => AnimatedOpacity(
|
||
opacity: loadingStatus ||
|
||
videoIntroController
|
||
.followStatus.isEmpty
|
||
? 0
|
||
: 1,
|
||
duration: const Duration(milliseconds: 50),
|
||
child: SizedBox(
|
||
height: 32,
|
||
child: Obx(
|
||
() => videoIntroController
|
||
.followStatus.isNotEmpty
|
||
? TextButton(
|
||
onPressed: videoIntroController
|
||
.actionRelationMod,
|
||
style: TextButton.styleFrom(
|
||
padding: const EdgeInsets.only(
|
||
left: 8, right: 8),
|
||
foregroundColor:
|
||
followStatus['attribute'] != 0
|
||
? outline
|
||
: t.colorScheme.onPrimary,
|
||
backgroundColor:
|
||
followStatus['attribute'] != 0
|
||
? t.colorScheme
|
||
.onInverseSurface
|
||
: t.colorScheme
|
||
.primary, // 设置按钮背景色
|
||
),
|
||
child: Text(
|
||
followStatus['attribute'] != 0
|
||
? '已关注'
|
||
: '关注',
|
||
style: TextStyle(
|
||
fontSize: t.textTheme
|
||
.labelMedium!.fontSize),
|
||
),
|
||
)
|
||
: ElevatedButton(
|
||
onPressed: videoIntroController
|
||
.actionRelationMod,
|
||
child: const Text('关注'),
|
||
),
|
||
),
|
||
),
|
||
)),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
)
|
||
: const SizedBox(
|
||
height: 100,
|
||
child: Center(
|
||
child: CircularProgressIndicator(),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget actionGrid(BuildContext context, videoIntroController) {
|
||
return LayoutBuilder(
|
||
builder: (BuildContext context, BoxConstraints constraints) {
|
||
return Container(
|
||
margin: const EdgeInsets.only(top: 6, bottom: 4),
|
||
height: constraints.maxWidth / 5 * 0.8,
|
||
child: GridView.count(
|
||
primary: false,
|
||
padding: EdgeInsets.zero,
|
||
crossAxisCount: 5,
|
||
childAspectRatio: 1.25,
|
||
children: <Widget>[
|
||
Obx(
|
||
() => ActionItem(
|
||
icon: const Icon(FontAwesomeIcons.thumbsUp),
|
||
selectIcon: const Icon(FontAwesomeIcons.solidThumbsUp),
|
||
onTap: handleState(videoIntroController.actionLikeVideo),
|
||
selectStatus: videoIntroController.hasLike.value,
|
||
loadingStatus: loadingStatus,
|
||
semanticsLabel: '点赞',
|
||
text: !loadingStatus
|
||
? Utils.numFormat(widget.videoDetail!.stat!.like!)
|
||
: '-'),
|
||
),
|
||
// ActionItem(
|
||
// icon: const Icon(FontAwesomeIcons.clock),
|
||
// onTap: () => videoIntroController.actionShareVideo(),
|
||
// selectStatus: false,
|
||
// loadingStatus: loadingStatus,
|
||
// text: '稍后再看'),
|
||
Obx(
|
||
() => ActionItem(
|
||
icon: const Icon(FontAwesomeIcons.b),
|
||
selectIcon: const Icon(FontAwesomeIcons.b),
|
||
onTap: handleState(videoIntroController.actionCoinVideo),
|
||
selectStatus: videoIntroController.hasCoin.value,
|
||
loadingStatus: loadingStatus,
|
||
semanticsLabel: '投币',
|
||
text: !loadingStatus
|
||
? Utils.numFormat(widget.videoDetail!.stat!.coin!)
|
||
: '-'),
|
||
),
|
||
Obx(
|
||
() => ActionItem(
|
||
icon: const Icon(FontAwesomeIcons.star),
|
||
selectIcon: const Icon(FontAwesomeIcons.solidStar),
|
||
onTap: () => showFavBottomSheet(),
|
||
onLongPress: () => showFavBottomSheet(type: 'longPress'),
|
||
selectStatus: videoIntroController.hasFav.value,
|
||
loadingStatus: loadingStatus,
|
||
semanticsLabel: '收藏',
|
||
text: !loadingStatus
|
||
? Utils.numFormat(widget.videoDetail!.stat!.favorite!)
|
||
: '-'),
|
||
),
|
||
ActionItem(
|
||
icon: const Icon(FontAwesomeIcons.comment),
|
||
onTap: () => videoDetailCtr.tabCtr.animateTo(1),
|
||
selectStatus: false,
|
||
loadingStatus: loadingStatus,
|
||
semanticsLabel: '评论',
|
||
text: !loadingStatus
|
||
? Utils.numFormat(widget.videoDetail!.stat!.reply!)
|
||
: '评论'),
|
||
ActionItem(
|
||
icon: const Icon(FontAwesomeIcons.shareFromSquare),
|
||
onTap: () => videoIntroController.actionShareVideo(),
|
||
selectStatus: false,
|
||
loadingStatus: loadingStatus,
|
||
semanticsLabel: '分享',
|
||
text: !loadingStatus
|
||
? Utils.numFormat(widget.videoDetail!.stat!.share!)
|
||
: '分享'),
|
||
],
|
||
),
|
||
);
|
||
});
|
||
}
|
||
|
||
Widget actionRow(BuildContext context, videoIntroController, videoDetailCtr) {
|
||
return Row(children: <Widget>[
|
||
Obx(
|
||
() => ActionRowItem(
|
||
icon: const Icon(FontAwesomeIcons.thumbsUp),
|
||
onTap: handleState(videoIntroController.actionLikeVideo),
|
||
selectStatus: videoIntroController.hasLike.value,
|
||
loadingStatus: loadingStatus,
|
||
text:
|
||
!loadingStatus ? widget.videoDetail!.stat!.like!.toString() : '-',
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Obx(
|
||
() => ActionRowItem(
|
||
icon: const Icon(FontAwesomeIcons.b),
|
||
onTap: handleState(videoIntroController.actionCoinVideo),
|
||
selectStatus: videoIntroController.hasCoin.value,
|
||
loadingStatus: loadingStatus,
|
||
text:
|
||
!loadingStatus ? widget.videoDetail!.stat!.coin!.toString() : '-',
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Obx(
|
||
() => ActionRowItem(
|
||
icon: const Icon(FontAwesomeIcons.heart),
|
||
onTap: () => showFavBottomSheet(),
|
||
onLongPress: () => showFavBottomSheet(type: 'longPress'),
|
||
selectStatus: videoIntroController.hasFav.value,
|
||
loadingStatus: loadingStatus,
|
||
text: !loadingStatus
|
||
? widget.videoDetail!.stat!.favorite!.toString()
|
||
: '-',
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
ActionRowItem(
|
||
icon: const Icon(FontAwesomeIcons.comment),
|
||
onTap: () {
|
||
videoDetailCtr.tabCtr.animateTo(1);
|
||
},
|
||
selectStatus: false,
|
||
loadingStatus: loadingStatus,
|
||
text:
|
||
!loadingStatus ? widget.videoDetail!.stat!.reply!.toString() : '-',
|
||
),
|
||
const SizedBox(width: 8),
|
||
ActionRowItem(
|
||
icon: const Icon(FontAwesomeIcons.share),
|
||
onTap: () => videoIntroController.actionShareVideo(),
|
||
selectStatus: false,
|
||
loadingStatus: loadingStatus,
|
||
// text: !loadingStatus
|
||
// ? widget.videoDetail!.stat!.share!.toString()
|
||
// : '-',
|
||
text: '转发'),
|
||
]);
|
||
}
|
||
}
|