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.
MTMusic/lib/view/user/user_view.dart

850 lines
33 KiB

import 'dart:async';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:music_player_miao/api/api_songlist.dart';
import 'package:music_player_miao/common_widget/app_data.dart';
import 'package:music_player_miao/models/songlist_bean.dart';
import 'package:music_player_miao/models/universal_bean.dart';
import 'package:music_player_miao/view/begin/begin_view.dart';
import 'package:music_player_miao/view/user/my_collection_view.dart';
import 'package:music_player_miao/view/mylike_view.dart';
import 'package:music_player_miao/view/user/my_download_view.dart';
import 'package:music_player_miao/view/user/my_music_view.dart';
import 'package:music_player_miao/view/user/user_info.dart';
import 'package:music_player_miao/widget/text_field.dart';
import 'package:visibility_detector/visibility_detector.dart';
import '../../../view_model/home_view_model.dart';
import '../../api/api_client.dart';
import '../../common/audio_player_controller.dart';
import '../../common/download_count_controller.dart';
import '../../common/download_manager.dart';
import '../../common/password_manager.dart';
import '../../models/search_bean.dart';
import 'my_work_view.dart';
import 'my_likes_view.dart';
import 'package:music_player_miao/api/api_music_likes_list.dart'; // 点赞列表API
import 'package:music_player_miao/models/getLikeList_bean.dart'; // 点赞列表数据模型
import 'package:music_player_miao/api/api_user_stats.dart'; // 用户统计数据API
import 'package:music_player_miao/models/user_stats_bean.dart'; // 统计数据模型
class UserView extends StatefulWidget {
const UserView({super.key});
@override
State<UserView> createState() => _UserViewState();
}
class _UserViewState extends State<UserView>
with AutomaticKeepAliveClientMixin, WidgetsBindingObserver {
final homeVM = Get.put(HomeViewModel());
final TextEditingController _controller = TextEditingController();
int playlistCount = 0;
List playlistNames = [];
List<int> playlistid = [];
List<int> playListSongsNum = [];
int downloadCount = 0;
String avatar = AppData().currentAvatar;
String username = AppData().currentUsername;
final audioController = Get.find<AudioPlayerController>();
int likesCount = 0;
int collectionsCount = 0;
int uploadsCount = 0;
final downloadManager = Get.put(DownloadManager());
final downloadCountController = Get.put(DownloadCountController());
bool _isVisible = false;
@override
bool get wantKeepAlive => true;
@override
void initState() {
super.initState();
WidgetsBinding.instance.addObserver(this);
_initializeData();
_fetchLikesCount();
_fetchCollectionsCount();
}
@override
void dispose() {
// 移除观察者
WidgetsBinding.instance.removeObserver(this);
super.dispose();
}
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
if (state == AppLifecycleState.resumed && _isVisible) {
_fetchSonglistData();
_fetchLikesCount();
_fetchCollectionsCount();
_fetchUploadsCount();
downloadCountController.refreshCount(downloadManager);
}
}
void _onVisibilityChanged(bool visible) {
if (visible && visible != _isVisible) {
// 页面变为可见时刷新数据
_fetchSonglistData();
_fetchLikesCount();
_fetchCollectionsCount();
_fetchUploadsCount();
downloadCountController.refreshCount(downloadManager);
}
_isVisible = visible;
}
Future<void> _initializeData() async {
await _fetchSonglistData();
await _fetchLikesCount();
await _fetchCollectionsCount();
await _fetchUploadsCount();
downloadCountController.refreshCount(downloadManager);
downloadCount = downloadManager.completedNumber();
}
Future<void> _fetchSonglistData() async {
try {
SearchBean bean2 = await SonglistApi().getSonglist(
Authorization: AppData().currentToken,
);
if (!mounted) return;
// 提取新数据
final List newNames = bean2.data!.map((data) => data.name!).toList();
final List<int> newIds = bean2.data!.map((data) => data.id!).toList();
final List<int> newSongsNum = bean2.data!.map((data) => data.musicCount!).toList();
// 检查是否有数据变化
bool hasChanges = false;
// 长度不同,一定有变化
if (playlistNames.length != newNames.length) {
hasChanges = true;
} else {
// 长度相同,逐一比较每个元素
for (int i = 0; i < newNames.length; i++) {
if (playlistNames[i] != newNames[i] ||
playlistid[i] != newIds[i] ||
playListSongsNum[i] != newSongsNum[i]) {
hasChanges = true;
break;
}
}
}
// 只有在数据真正变化时才更新状态
if (hasChanges) {
setState(() {
playlistNames = newNames;
playlistid = newIds;
playListSongsNum = newSongsNum;
playlistCount = playlistNames.length;
});
}
} catch (error) {
print('Error fetching songlist data: $error');
}
}
Future<void> _fetchLikesCount() async {
try {
final userStatsApi = UserStatsApi();
final response = await userStatsApi.getLikesNum(
Authorization: AppData().currentToken,
);
if (mounted && response.code == 200) {
setState(() {
likesCount = response.data ?? 0;
});
}
} catch (e) {
print('获取点赞数量失败: $e');
}
}
Future<void> _fetchCollectionsCount() async {
try {
final userStatsApi = UserStatsApi();
final response = await userStatsApi.getCollectionsNum(
Authorization: AppData().currentToken,
);
if (mounted && response.code == 200) {
setState(() {
collectionsCount = response.data ?? 0;
});
}
} catch (e) {
print('获取收藏数量失败: $e');
}
}
Future<void> _fetchUploadsCount() async {
try {
final userStatsApi = UserStatsApi();
final response = await userStatsApi.getUploadsNum(
Authorization: AppData().currentToken,
);
if (mounted && response.code == 200) {
setState(() {
uploadsCount = response.data ?? 0;
});
}
} catch (e) {
print('获取上传作品数量失败: $e');
}
}
@override
Widget build(BuildContext context) {
super.build(context);
return VisibilityDetector(
key: const Key('user-view'),
onVisibilityChanged: (VisibilityInfo info) {
_onVisibilityChanged(info.visibleFraction > 0);
},
child: Container(
decoration: const BoxDecoration(
image: DecorationImage(
image: AssetImage("assets/img/app_bg.png"),
fit: BoxFit.cover,
),
),
child: Scaffold(
resizeToAvoidBottomInset: false,
backgroundColor: Colors.transparent,
body: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.only(left: 15, right: 15, top: 55),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
///头部--头像、昵称、下弹框
Padding(
padding:
const EdgeInsets.only(left: 15, right: 10, bottom: 30),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
ClipRRect(
borderRadius: BorderRadius.circular(8),
child: Image.network(
avatar,
width: 60,
height: 60,
fit: BoxFit.cover,
),
),
const SizedBox(
width: 25,
),
Text(
username,
style: const TextStyle(fontSize: 20),
)
],
),
IconButton(
onPressed: () {
_bottomSheet(context);
},
icon: Image.asset("assets/img/user_more.png"))
],
),
),
///我的音乐库
const Text(
'我的音乐库',
style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
),
Container(
padding: const EdgeInsets.only(
left: 15, right: 15, top: 20, bottom: 20),
//我的收藏,点赞,下载
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
// 我的点赞
InkWell(
onTap: () async {
final result = await Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const MyLikesView(),
),
);
if (result == true) {
_fetchLikesCount();
}
},
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Image.asset("assets/img/artist_pic.png"),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
"我的点赞",
style: TextStyle(fontSize: 20),
),
Text(
"$likesCount",
style: const TextStyle(fontSize: 16),
),
],
),
const SizedBox(width: 80),
Image.asset("assets/img/user_next.png")
],
),
),
const SizedBox(height: 10),
// 我的收藏
InkWell(
onTap: () async {
final result = await Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
const MyCollectionView(), //进入我的收藏界面
),
);
if (result == true) {
_fetchCollectionsCount();
}
},
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Image.asset("assets/img/artist_pic.png"),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
"我的收藏",
style: TextStyle(fontSize: 20),
),
Text(
"$collectionsCount",
style: const TextStyle(fontSize: 16),
),
],
),
const SizedBox(
width: 80,
),
Image.asset(
"assets/img/user_next.png",
)
],
),
),
const SizedBox(
height: 10,
),
const SizedBox(
height: 10,
),
//我的收藏和本地下载分界
InkWell(
onTap: () async {
final result = await Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const MyDownloadView(),
),
);
if (result == true) {
Get.find<DownloadCountController>().refreshCount(downloadManager);
}
},
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Image.asset("assets/img/artist_pic.png"),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
"本地下载",
style: TextStyle(fontSize: 20),
),
Obx(() => Text(
'${downloadCountController.downloadCount}',
style: TextStyle(fontSize: 16),
)),
],
),
const SizedBox(
width: 80,
),
Image.asset(
"assets/img/user_next.png",
)
],
),
),
],
)),
///歌单
Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 歌单标题行
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'歌单 $playlistCount',
style: const TextStyle(
fontSize: 20,
fontWeight: FontWeight.w500
),
),
Row(
children: [
IconButton(
onPressed: () {
_showAddPlaylistDialog();
},
icon: Image.asset(
"assets/img/user_add.png",
width: 31,
color: const Color(0xff404040),
)
),
],
)
],
),
const SizedBox(
height: 10,
),
// 歌单列表
Padding(
padding: const EdgeInsets.symmetric(horizontal: 15),
child: Column(
children: List.generate(
playlistNames.length,
(index) => Column(
children: [
Dismissible(
key: Key(playlistid[index].toString()),
direction: DismissDirection.startToEnd, // 只允许从右向左滑动
background: Container(
alignment: Alignment.centerLeft,
padding: const EdgeInsets.only(left: 20),
color: Colors.red,
child: const Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Icon(
Icons.delete,
color: Colors.white,
),
SizedBox(width: 8),
Text(
"删除歌单",
style: TextStyle(
color: Colors.white,
fontSize: 16,
),
),
],
),
),
confirmDismiss: (direction) async {
// 显示删除确认对话框
return await _showDeleteConfirmationDialog(context, index);
},
onDismissed: (direction) async {
// 执行删除操作
UniversalBean bean = await SonglistApi().delSonglist(
Authorization: AppData().currentToken,
id: playlistid[index],
);
if (bean.code == 200) {
_showErrorMessage("删除成功");
_fetchSonglistData(); // 刷新歌单列表
} else {
_showErrorMessage("删除失败");
// 删除失败时恢复列表
_fetchSonglistData();
}
},
child: InkWell(
onTap: () {
print('点击成功');
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => MyMusicView(
songlistIdd: playlistid[index]
),
),
);
},
onLongPress: () async {
// 显示删除确认对话框
bool? result = await _showDeleteConfirmationDialog(context, index);
if (result == true) {
// 删除成功后刷新数据
UniversalBean bean = await SonglistApi().delSonglist(
Authorization: AppData().currentToken,
id: playlistid[index],
);
if (bean.code == 200) {
_showErrorMessage("删除成功");
_fetchSonglistData(); // 刷新歌单列表
} else {
_showErrorMessage("删除失败");
}
}
},
child: Row(
children: [
Image.asset("assets/img/artist_pic.png"),
const SizedBox(width: 25),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
playlistNames[index],
style: const TextStyle(fontSize: 20),
),
Text(
'${playListSongsNum[index]}',
style: const TextStyle(fontSize: 16),
),
],
),
),
Image.asset("assets/img/user_next.png"),
],
),
),
),
if (index < playlistNames.length - 1)
const SizedBox(height: 10),
],
),
),
),
),
],
),
),
const SizedBox(
height: 30,
),
const Text(
'已发布音乐',
style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
),
Container(
padding: const EdgeInsets.only(
left: 15, right: 20, top: 20, bottom: 10),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
InkWell(
onTap: () async {
final result = await Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const MyWorkView(),
),
);
if (result == true) {
_fetchUploadsCount();
}
},
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Image.asset("assets/img/artist_pic.png"),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
"我的作品",
style: TextStyle(fontSize: 20),
),
Text(
"$uploadsCount",
style: const TextStyle(fontSize: 16),
),
],
),
const SizedBox(
width: 80,
),
Image.asset(
"assets/img/user_next.png",
)
],
),
),
],
)),
const SizedBox(
height: 140,
),
],
),
),
),
),
),
);
}
///下弹框--退出,个人信息修改
Future _bottomSheet(BuildContext context) {
return showModalBottomSheet(
context: context,
backgroundColor: Colors.white,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
),
isScrollControlled: true, // 设置弹出框根据内容高度自适应
builder: (context) => Padding(
padding: const EdgeInsets.only(top: 20),
child: Column(
mainAxisSize: MainAxisSize.min, // 使Column高度适应内容
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Column(
children: [
IconButton(
onPressed: () async {
Navigator.pop(context);
bool result = await Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const UserInfo(),
),
);
if (result) {
setState(() {
avatar = AppData().currentAvatar;
username = AppData().currentUsername;
});
}
},
icon: Image.asset("assets/img/user_infor.png"),
iconSize: 60,
),
const Text("账户信息")
],
),
Column(
children: [
IconButton(
onPressed: () async {
AppData().currentToken = '';
AppData().currentUsername = '';
AppData().currentAvatar = '';
audioController.pause();
Navigator.pop(context);
await PasswordManager.instance.clearCredentials();
Get.to(const BeginView());
await LogoutApiClient().logout(
Authorization: AppData().currentToken,
);
},
icon: Image.asset("assets/img/user_out.png"),
iconSize: 60,
),
const Text("退出登录")
],
),
],
),
const SizedBox(height: 30),
],
),
),
);
}
///弹出框--添加歌单
void _showAddPlaylistDialog() {
_controller.clear();
showDialog(
context: context,
barrierDismissible: false, // 防止点击空白区域关闭对话框
builder: (BuildContext context) {
return AlertDialog(
title: const Center(
child: Text(
"新建歌单",
style: TextStyle(fontSize: 20),
),
),
content: TextFieldColor(controller: _controller, hintText: '请输入歌单名称'),
actions: [
Row(
children: [
Expanded(
child: TextButton(
onPressed: () {
Navigator.of(context).pop();
},
child: const Text(
"取消",
),
),
),
const SizedBox(width: 10),
Expanded(
child: TextButton(
onPressed: () async {
if (_controller.text.trim().isEmpty) {
_showErrorMessage("歌单名称不能为空");
return;
}
String enteredSongName = _controller.text;
UniversalBean bean = await SonglistApi().addSonglist(
songlistName: enteredSongName,
Authorization: AppData().currentToken);
if (bean.code == 200) {
_fetchSonglistData();
Navigator.of(context).pop();
_showErrorMessage("创建成功");
} else {
_showErrorMessage(bean.msg == "java.lang.RuntimeException: 重复添加歌单" ? "已存在,请不要重复添加" : "创建歌单失败");
}
},
child: const Text(
"确认",
),
),
),
],
),
],
);
},
);
}
void _showErrorMessage(String message) {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('提示'),
content: Text(message),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('确定'),
style: TextButton.styleFrom(
backgroundColor: const Color(0xff429482),
foregroundColor: Colors.white,
),
),
],
),
);
}
///删除
Future<bool> _showDeleteConfirmationDialog(
BuildContext context, int index) async {
bool confirmDelete = await showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
title: Image.asset(
"assets/img/warning.png",
width: 47,
height: 46,
),
content: const Text(
"确认删除?",
textAlign: TextAlign.center,
),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop(false);
},
style: TextButton.styleFrom(
backgroundColor: const Color(0xff429482),
minimumSize: const Size(130, 50),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5.0),
),
),
child: const Text(
"取消",
style: TextStyle(color: Colors.white),
),
),
TextButton(
onPressed: () async {
Navigator.of(context).pop(true);
UniversalBean bean = await SonglistApi().delSonglist(
Authorization: AppData().currentToken,
id: playlistid[index],
);
},
style: TextButton.styleFrom(
backgroundColor: const Color(0xff429482),
minimumSize: const Size(130, 50),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5.0),
),
),
child: const Text(
"确认",
style: TextStyle(color: Colors.white),
),
),
],
);
},
);
return confirmDelete == true;
}
}