import 'dart:math'; import 'dart:typed_data'; import 'dart:ui'; import 'package:PiliPlus/common/widgets/icon_button.dart'; import 'package:PiliPlus/common/widgets/network_img_layer.dart'; import 'package:PiliPlus/grpc/app/main/community/reply/v1/reply.pb.dart'; import 'package:PiliPlus/models/dynamics/result.dart'; import 'package:PiliPlus/pages/dynamics/widgets/dynamic_panel.dart'; import 'package:PiliPlus/pages/video/detail/introduction/controller.dart'; import 'package:PiliPlus/pages/video/detail/reply/widgets/reply_item_grpc.dart'; import 'package:PiliPlus/utils/download.dart'; import 'package:PiliPlus/utils/utils.dart'; import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; import 'package:get/get.dart'; import 'package:pretty_qr_code/pretty_qr_code.dart'; import 'package:saver_gallery/saver_gallery.dart'; import 'package:share_plus/share_plus.dart'; class SavePanel extends StatefulWidget { const SavePanel({ required this.item, // reply this.upMid, super.key, }); final dynamic upMid; final dynamic item; @override State createState() => _SavePanelState(); static void toSavePanel({upMid, item}) { Get.generalDialog( barrierLabel: '', barrierDismissible: true, pageBuilder: (context, animation, secondaryAnimation) { return SavePanel(upMid: upMid, item: item); }, transitionDuration: const Duration(milliseconds: 255), transitionBuilder: (context, animation, secondaryAnimation, child) { var tween = Tween(begin: 0, end: 1) .chain(CurveTween(curve: Curves.easeInOut)); return FadeTransition( opacity: animation.drive(tween), child: child, ); }, routeSettings: RouteSettings(arguments: Get.arguments), ); } } class _SavePanelState extends State { final boundaryKey = GlobalKey(); // item dynamic get _item => widget.item; late String viewType = '查看'; late String itemType = '内容'; //reply String? cover; String? title; int? pubdate; String? uname; String uri = ''; @override void initState() { super.initState(); if (_item is ReplyInfo) { itemType = '评论'; final currentRoute = Get.currentRoute; late final hasRoot = _item.hasRoot(); if (currentRoute.startsWith('/video')) { try { final heroTag = Get.arguments?['heroTag']; late final ctr = Get.find(tag: heroTag); cover = ctr.videoDetail.value.pic; title = ctr.videoDetail.value.title; pubdate = ctr.videoDetail.value.pubdate; uname = ctr.videoDetail.value.owner?.name; } catch (_) {} uri = 'bilibili://video/${_item.oid}?comment_root_id=${hasRoot ? _item.root : _item.id}${hasRoot ? '&comment_secondary_id=${_item.id}' : ''}'; } else if (currentRoute.startsWith('/dynamicDetail')) { try { DynamicItemModel dynItem = Get.arguments['item']; uname = dynItem.modules?.moduleAuthor?.name; final type = _item.type.toInt(); late final oid = dynItem.idStr; late final rootId = hasRoot ? _item.root : _item.id; late final anchor = hasRoot ? 'anchor=${_item.id}&' : ''; late final enterUri = 'bilibili://following/detail/$oid'; uri = switch (type) { 1 => 'bilibili://video/${dynItem.basic!['rid_str']}?comment_root_id=${hasRoot ? _item.root : _item.id}${hasRoot ? '&comment_secondary_id=${_item.id}' : ''}', 11 || 12 => 'bilibili://comment/detail/$type/${dynItem.basic!['rid_str']}/$rootId/?${anchor}enterUri=$enterUri', _ => 'bilibili://comment/detail/$type/$oid/$rootId/?${anchor}enterUri=$enterUri', }; } catch (_) {} } else if (currentRoute.startsWith('/Scaffold')) { try { final type = _item.type.toInt(); late final oid = Get.arguments['oid']; late final rootId = hasRoot ? _item.root : _item.id; late final anchor = hasRoot ? 'anchor=${_item.id}&' : ''; late final enterUri = 'bilibili://following/detail/$oid'; uri = switch (type) { 1 => 'bilibili://video/$oid?comment_root_id=${hasRoot ? _item.root : _item.id}${hasRoot ? '&comment_secondary_id=${_item.id}' : ''}', 11 || 12 => 'bilibili://comment/detail/$type/$oid/$rootId/?${anchor}enterUri=${Get.arguments['enterUri']}', _ => 'bilibili://comment/detail/$type/$oid/$rootId/?${anchor}enterUri=$enterUri', }; } catch (_) {} } else if (currentRoute.startsWith('/htmlRender')) { try { final type = _item.type.toInt(); late final oid = _item.oid; late final rootId = hasRoot ? _item.root : _item.id; late final anchor = hasRoot ? 'anchor=${_item.id}&' : ''; late final enterUri = 'bilibili://following/detail/${Get.parameters['id']}'; uri = 'bilibili://comment/detail/$type/$oid/$rootId/?${anchor}enterUri=$enterUri'; } catch (_) {} } debugPrint(uri); } else if (_item is DynamicItemModel) { try { switch (_item.type) { case 'DYNAMIC_TYPE_AV': viewType = '观看'; itemType = '视频'; uri = 'bilibili://video/${_item.basic!['comment_id_str']}'; break; case 'DYNAMIC_TYPE_ARTICLE': itemType = '专栏'; uri = 'bilibili://following/detail/${_item.idStr}'; break; case 'DYNAMIC_TYPE_LIVE_RCMD': viewType = '观看'; itemType = '直播'; final roomId = _item.modules.moduleDynamic.major.liveRcmd.roomId; uri = 'bilibili://live/$roomId'; break; case 'DYNAMIC_TYPE_UGC_SEASON': viewType = '观看'; itemType = '合集'; int aid = _item.modules.moduleDynamic.major.ugcSeason.aid; uri = 'bilibili://video/$aid'; break; case 'DYNAMIC_TYPE_PGC': case 'DYNAMIC_TYPE_PGC_UNION': viewType = '观看'; itemType = _item?.modules?.moduleDynamic?.major?.pgc?.badge?['text'] ?? '番剧'; final epid = _item.modules.moduleDynamic.major.pgc.epid; uri = 'bilibili://pgc/season/ep/$epid'; break; // https://www.bilibili.com/medialist/detail/ml12345678 case 'DYNAMIC_TYPE_MEDIALIST': itemType = '收藏夹'; final mediaId = _item.modules.moduleDynamic.major.medialist!['id']; uri = 'bilibili://medialist/detail/$mediaId'; break; // 纯文字动态查看 // case 'DYNAMIC_TYPE_WORD': // # 装扮/剧集点评/普通分享 // case 'DYNAMIC_TYPE_COMMON_SQUARE': // 转发的动态 // case 'DYNAMIC_TYPE_FORWARD': // 图文动态查看 // case 'DYNAMIC_TYPE_DRAW': default: itemType = '动态'; uri = 'bilibili://following/detail/${_item.idStr}'; break; } debugPrint(uri); } catch (_) {} } } void _onSaveOrSharePic([bool isShare = false]) async { if (!isShare) { if (mounted && !await DownloadUtils.checkPermissionDependOnSdkInt(context)) { return; } } SmartDialog.showLoading(); try { RenderRepaintBoundary boundary = boundaryKey.currentContext! .findRenderObject() as RenderRepaintBoundary; var image = await boundary.toImage(pixelRatio: 3); ByteData? byteData = await image.toByteData(format: ImageByteFormat.png); Uint8List pngBytes = byteData!.buffer.asUint8List(); String picName = "plpl_reply_${DateTime.now().toString().replaceAll(RegExp(r'[- :]'), '').split('.').first}"; if (isShare) { Get.back(); SmartDialog.dismiss(); Share.shareXFiles( [ XFile.fromData( pngBytes, name: picName, mimeType: 'image/png', ) ], sharePositionOrigin: await Utils.isIpad() ? Rect.fromLTWH(0, 0, Get.width, Get.height / 2) : null, ); } else { final result = await SaverGallery.saveImage( pngBytes, fileName: '$picName.png', androidRelativePath: "Pictures/PiliPlus", skipIfExists: false, ); SmartDialog.dismiss(); if (result.isSuccess) { Get.back(); SmartDialog.showToast('保存成功'); } else if (result.errorMessage?.isNotEmpty == true) { SmartDialog.showToast(result.errorMessage!); } } } catch (e) { debugPrint('on save/share reply: $e'); SmartDialog.dismiss(); } } @override Widget build(BuildContext context) { return GestureDetector( behavior: HitTestBehavior.opaque, onTap: () { Get.back(); }, child: Stack( clipBehavior: Clip.none, alignment: Alignment.center, children: [ SingleChildScrollView( padding: const EdgeInsets.only(top: 12, bottom: 80), child: SafeArea( child: GestureDetector( onTap: () {}, child: Container( width: min(Get.width, Get.height), margin: const EdgeInsets.symmetric(horizontal: 12), child: RepaintBoundary( key: boundaryKey, child: Container( clipBehavior: Clip.hardEdge, decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(12), ), child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ if (_item is ReplyInfo) IgnorePointer( child: ReplyItemGrpc( replyItem: _item, replyLevel: '', needDivider: false, upMid: widget.upMid, ), ) else if (_item is DynamicItemModel) IgnorePointer( child: DynamicPanel( item: _item, source: 'detail', isSave: true, ), ), if (cover?.isNotEmpty == true && title?.isNotEmpty == true) Container( height: 81, clipBehavior: Clip.hardEdge, margin: const EdgeInsets.symmetric(horizontal: 12), padding: const EdgeInsets.all(8), decoration: BoxDecoration( color: Theme.of(context) .colorScheme .onInverseSurface, borderRadius: BorderRadius.circular(8), ), child: Row( children: [ NetworkImgLayer( radius: 6, src: cover!, height: MediaQuery.textScalerOf(context) .scale(65), width: MediaQuery.textScalerOf(context) .scale(65) * 16 / 9, quality: 100, ), const SizedBox(width: 10), Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( '$title\n', maxLines: 2, overflow: TextOverflow.ellipsis, ), if (pubdate != null) ...[ const Spacer(), Text( Utils.dateFormat( pubdate, formatType: 'detail', ), style: TextStyle( color: Theme.of(context) .colorScheme .outline, ), ), ], ], ), ), ], ), ), Row( children: [ Image.asset( 'assets/images/logo/logo_2.png', width: 100, color: Theme.of(context) .colorScheme .onSurfaceVariant, ), if (uri.isNotEmpty) ...[ Expanded( child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.end, children: [ if (uname?.isNotEmpty == true) ...[ Text( '@$uname', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( color: Theme.of(context) .colorScheme .primary, ), ), const SizedBox(height: 4), ], Text( '识别二维码，$viewType$itemType', style: TextStyle( color: Theme.of(context) .colorScheme .onSurfaceVariant, ), ), const SizedBox(height: 4), Text( DateTime.now() .toString() .split('.') .first, style: TextStyle( fontSize: 13, color: Theme.of(context) .colorScheme .outline, ), ), ], ), ), Container( width: 100, height: 100, padding: const EdgeInsets.all(12), child: Container( color: Get.isDarkMode ? Colors.white : Theme.of(context).colorScheme.surface, padding: const EdgeInsets.all(3), child: PrettyQrView.data( data: uri, decoration: const PrettyQrDecoration( shape: PrettyQrRoundedSymbol( borderRadius: BorderRadius.zero, ), ), ), ), ), ], ], ), ], ), ), ), ), ), ), ), Positioned( left: 0, right: 0, bottom: 0, child: Container( decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [ Colors.transparent, Colors.black54, ], ), ), padding: const EdgeInsets.only(bottom: 25, top: 10), child: SafeArea( top: false, child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ iconButton( size: 42, tooltip: '关闭', context: context, icon: Icons.clear, onPressed: Get.back, bgColor: Theme.of(context).colorScheme.onInverseSurface, iconColor: Theme.of(context).colorScheme.onSurfaceVariant, ), const SizedBox(width: 40), iconButton( size: 42, tooltip: '分享', context: context, icon: Icons.share, onPressed: () => _onSaveOrSharePic(true), ), const SizedBox(width: 40), iconButton( size: 42, tooltip: '保存', context: context, icon: Icons.save_alt, onPressed: () => _onSaveOrSharePic(), ), ], ), ), ), ), ], ), ); } }