You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
383 lines
15 KiB
383 lines
15 KiB
import 'dart:io';
|
|
import 'dart:typed_data';
|
|
import 'dart:ui' as ui;
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter_easyloading/flutter_easyloading.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:image_gallery_saver_plus/image_gallery_saver_plus.dart';
|
|
import 'package:path_provider/path_provider.dart';
|
|
import 'package:share_plus/share_plus.dart';
|
|
|
|
import '../../../profile/controllers/profile_controller.dart';
|
|
import '../../controllers/meeting_mine_controller.dart';
|
|
|
|
class StatisticsBottomSheet extends StatefulWidget {
|
|
const StatisticsBottomSheet({super.key});
|
|
|
|
@override
|
|
State<StatisticsBottomSheet> createState() => _StatisticsBottomSheetState();
|
|
}
|
|
|
|
class _StatisticsBottomSheetState extends State<StatisticsBottomSheet> {
|
|
final _mineController = Get.find<MeetingMineController>();
|
|
final _profileCtrl = Get.find<ProfileController>();
|
|
|
|
final GlobalKey _posterKey = GlobalKey();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Stack(
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () => Get.back(),
|
|
behavior: HitTestBehavior.translucent,
|
|
child: SizedBox(
|
|
width: 1.sw,
|
|
height: 1.sh,
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 10.w),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
RepaintBoundary(
|
|
key: _posterKey,
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.symmetric(horizontal: 15.w, vertical: 20.w),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(16.w),
|
|
image: const DecorationImage(
|
|
alignment: Alignment.topCenter,
|
|
image: AssetImage('assets/images/mine-background.png'),
|
|
fit: BoxFit.fitWidth,
|
|
),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
width: 50.w,
|
|
height: 50.w,
|
|
margin: EdgeInsets.only(bottom: 10.w),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(50.w),
|
|
),
|
|
child: CircleAvatar(
|
|
radius: 25.w,
|
|
backgroundImage: _profileCtrl
|
|
.localAvatar.value.isNotEmpty
|
|
? FileImage(File(_profileCtrl.localAvatar.value))
|
|
: (_profileCtrl.userInfo.value.avatar.isNotEmpty
|
|
? NetworkImage(
|
|
_profileCtrl.userInfo.value.avatar)
|
|
: null) as ImageProvider<Object>?,
|
|
backgroundColor: Colors.grey[200],
|
|
child: (_profileCtrl.localAvatar.value.isEmpty &&
|
|
_profileCtrl.userInfo.value.avatar.isEmpty)
|
|
? Icon(
|
|
Icons.person,
|
|
size: 25.r,
|
|
color: Colors.grey[600],
|
|
)
|
|
: null,
|
|
),
|
|
),
|
|
Text(
|
|
_profileCtrl.userInfo.value.name,
|
|
style: TextStyle(
|
|
color: Colors.black87,
|
|
fontSize: 20.sp,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 20.w),
|
|
child: Wrap(
|
|
spacing: 5.w,
|
|
runSpacing: 5.w,
|
|
children: [
|
|
_item(
|
|
'天',
|
|
'${_mineController.days.value}',
|
|
Colors.amber,
|
|
),
|
|
_item(
|
|
'文件',
|
|
'${_mineController.numberFiles.value}',
|
|
Colors.blueGrey,
|
|
),
|
|
_item(
|
|
'小时',
|
|
'${_mineController.hourage.value}',
|
|
Colors.cyan,
|
|
),
|
|
_item(
|
|
'连续录音天数',
|
|
'${_mineController.continuousDays.value}',
|
|
Colors.deepOrangeAccent,
|
|
),
|
|
_item(
|
|
'单日最多录音',
|
|
'${_mineController.maxNumberFiles.value}',
|
|
Colors.teal,
|
|
),
|
|
_item(
|
|
'单日最长录音',
|
|
'${_mineController.maxHourage.value}',
|
|
Colors.pink,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'过去12个月的热力图',
|
|
style: TextStyle(
|
|
color: Colors.grey,
|
|
fontSize: 12.sp,
|
|
),
|
|
),
|
|
const Spacer(),
|
|
Text(
|
|
'较冷',
|
|
style: TextStyle(
|
|
color: Colors.grey,
|
|
fontSize: 12.sp,
|
|
),
|
|
),
|
|
5.horizontalSpace,
|
|
Container(
|
|
width: 10.w,
|
|
height: 10.w,
|
|
margin: EdgeInsets.symmetric(horizontal: 1.w),
|
|
decoration: BoxDecoration(
|
|
color: Colors.grey[200],
|
|
borderRadius: BorderRadius.circular(2.w),
|
|
),
|
|
),
|
|
Container(
|
|
width: 10.w,
|
|
height: 10.w,
|
|
margin: EdgeInsets.symmetric(horizontal: 1.w),
|
|
decoration: BoxDecoration(
|
|
color: Colors.red[100],
|
|
borderRadius: BorderRadius.circular(2.w),
|
|
),
|
|
),
|
|
Container(
|
|
width: 10.w,
|
|
height: 10.w,
|
|
margin: EdgeInsets.symmetric(horizontal: 1.w),
|
|
decoration: BoxDecoration(
|
|
color: Colors.red,
|
|
borderRadius: BorderRadius.circular(2.w),
|
|
),
|
|
),
|
|
5.horizontalSpace,
|
|
Text(
|
|
'较热',
|
|
style: TextStyle(
|
|
color: Colors.grey,
|
|
fontSize: 12.sp,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Container(
|
|
height: 50.w,
|
|
alignment: Alignment.center,
|
|
child: GridView.builder(
|
|
shrinkWrap: true,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
gridDelegate:
|
|
SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: 52,
|
|
mainAxisSpacing: 1.w,
|
|
crossAxisSpacing: 1.w,
|
|
),
|
|
itemCount: 364,
|
|
itemBuilder: (BuildContext context, int index) {
|
|
final col = index % 52;
|
|
final row = index ~/ 52;
|
|
final vIndex = row + col * 7;
|
|
|
|
int type = 0;
|
|
if (_mineController.statistics
|
|
.containsKey(vIndex + 1)) {
|
|
if (_mineController.statistics[vIndex + 1]
|
|
['count'] <=
|
|
_mineController.averageNumberFiles) {
|
|
type = 1;
|
|
} else {
|
|
type = 2;
|
|
}
|
|
}
|
|
return Container(
|
|
color: type == 0
|
|
? Colors.grey[200]
|
|
: type == 1
|
|
? Colors.red[100]
|
|
: Colors.red,
|
|
);
|
|
},
|
|
),
|
|
),
|
|
DefaultTextStyle(
|
|
style: TextStyle(
|
|
color: Colors.grey,
|
|
fontSize: 10.sp,
|
|
),
|
|
child: const Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
Text('Jan'),
|
|
Text('Feb'),
|
|
Text('Mar'),
|
|
Text('Apr'),
|
|
Text('May'),
|
|
Text('Jun'),
|
|
Text('Jul'),
|
|
Text('Aug'),
|
|
Text('Sep'),
|
|
Text('Oct'),
|
|
Text('Nov'),
|
|
Text('Dec'),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 10.w),
|
|
Row(
|
|
children: [
|
|
_button(Icons.share, '分享图片', Colors.deepOrange, () async {
|
|
EasyLoading.show();
|
|
Uint8List pngBytes = await _generate();
|
|
final tempDir = await getTemporaryDirectory();
|
|
final String fileName =
|
|
'share_${DateTime.now().millisecondsSinceEpoch}.png';
|
|
final file = File('${tempDir.path}/$fileName');
|
|
await file.writeAsBytes(pngBytes);
|
|
final result = await SharePlus.instance.share(ShareParams(
|
|
text: '分享 Voitrans',
|
|
files: [XFile(file.path)],
|
|
));
|
|
if (result.status == ShareResultStatus.success) {
|
|
Get.back();
|
|
EasyLoading.showToast('分享完成！');
|
|
}
|
|
EasyLoading.dismiss();
|
|
}),
|
|
10.horizontalSpace,
|
|
_button(Icons.download, '保存图片', Colors.cyan, () async {
|
|
EasyLoading.show();
|
|
Uint8List pngBytes = await _generate();
|
|
final result = await ImageGallerySaverPlus.saveImage(
|
|
pngBytes,
|
|
quality: 100,
|
|
);
|
|
if (result['isSuccess']) {
|
|
Get.back();
|
|
EasyLoading.showToast('保存成功');
|
|
} else {
|
|
EasyLoading.showToast('保存失败');
|
|
}
|
|
EasyLoading.dismiss();
|
|
}),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _item(String unit, String amount, Color color) {
|
|
return Container(
|
|
width: 105.w,
|
|
height: 70.w,
|
|
padding: EdgeInsets.all(10.w),
|
|
decoration: BoxDecoration(
|
|
color: color.withValues(alpha: 0.2),
|
|
borderRadius: BorderRadius.circular(8.w),
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
unit,
|
|
style: TextStyle(
|
|
color: Colors.grey,
|
|
fontSize: 12.sp,
|
|
),
|
|
),
|
|
Text(
|
|
amount,
|
|
style: TextStyle(
|
|
color: Colors.black87,
|
|
fontSize: 18.sp,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _button(IconData icon, String title, Color color, Function() onTap) {
|
|
return Expanded(
|
|
child: GestureDetector(
|
|
onTap: onTap,
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(16.w),
|
|
),
|
|
child: Container(
|
|
height: 60.w,
|
|
decoration: BoxDecoration(
|
|
color: color.withValues(alpha: 0.1),
|
|
borderRadius: BorderRadius.circular(16.w),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
size: 25.w,
|
|
),
|
|
5.horizontalSpace,
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
color: Colors.black87,
|
|
fontSize: 16.sp,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<Uint8List> _generate() async {
|
|
RenderRepaintBoundary boundary =
|
|
_posterKey.currentContext!.findRenderObject()! as RenderRepaintBoundary;
|
|
ui.Image image = await boundary.toImage(pixelRatio: 6.0);
|
|
ByteData? byteData = await image.toByteData(format: ui.ImageByteFormat.png);
|
|
Uint8List pngBytes = byteData!.buffer.asUint8List();
|
|
return pngBytes;
|
|
}
|
|
}
|
|
|