|
|
|
@ -1,190 +1,65 @@
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:get/get.dart';
|
|
|
|
import 'package:get/get.dart';
|
|
|
|
import 'package:music_player_miao/common_widget/Song_widegt.dart';
|
|
|
|
import 'package:music_player_miao/api/api_music_likes_list.dart';
|
|
|
|
import '../../api/api_songlist.dart';
|
|
|
|
import 'package:music_player_miao/common_widget/app_data.dart';
|
|
|
|
import '../../common_widget/app_data.dart';
|
|
|
|
import 'package:music_player_miao/models/getLikeList_bean.dart';
|
|
|
|
import '../../models/getMyWorks_bean.dart';
|
|
|
|
import 'package:music_player_miao/view_model/home_view_model.dart';
|
|
|
|
import '../../view_model/home_view_model.dart';
|
|
|
|
import '../../common_widget/Song_widegt.dart';
|
|
|
|
import '../models/getMyLike_bean.dart';
|
|
|
|
import '../../common/download_manager.dart';
|
|
|
|
|
|
|
|
import '../api/api_songlist.dart';
|
|
|
|
|
|
|
|
import 'music_view.dart';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/// 我的点赞页面
|
|
|
|
class MyCollectionView extends StatefulWidget {
|
|
|
|
class MyCollectionView extends StatefulWidget {
|
|
|
|
const MyCollectionView({super.key});
|
|
|
|
const MyCollectionView({Key? key}) : super(key: key);
|
|
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
@override
|
|
|
|
State<MyCollectionView> createState() => _MyCollectionViewState();
|
|
|
|
State<MyCollectionView> createState() => _MyCollectionViewState();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
class _MyCollectionViewState extends State<MyCollectionView> {
|
|
|
|
class _MyCollectionViewState extends State<MyCollectionView> {
|
|
|
|
int MyWorkCount = 0;
|
|
|
|
// 存储已点赞歌曲的列表
|
|
|
|
List MyWorkNames = [];
|
|
|
|
List<LikeListData> likedSongs = [];
|
|
|
|
List Songid = [];
|
|
|
|
// 是否处于多选模式
|
|
|
|
List coverPath = [];
|
|
|
|
|
|
|
|
List musicPath = [];
|
|
|
|
|
|
|
|
List singerName = [];
|
|
|
|
|
|
|
|
List uploaderUserName = [];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
final listVM = Get.put(HomeViewModel());
|
|
|
|
|
|
|
|
bool _isSelectMode = false;
|
|
|
|
bool _isSelectMode = false;
|
|
|
|
bool _isSelectListMode = false;
|
|
|
|
// 记录每首歌曲是否被选中的状态
|
|
|
|
List<bool> _mySongListSelections = List.generate(2, (index) => false);
|
|
|
|
List<bool> _selectedItems = [];
|
|
|
|
List<bool> _selectedItems = List.generate(100, (index) => false);
|
|
|
|
// 获取全局状态管理器实例
|
|
|
|
|
|
|
|
final listVM = Get.put(HomeViewModel());
|
|
|
|
|
|
|
|
final downloadManager = Get.put(DownloadManager());
|
|
|
|
|
|
|
|
|
|
|
|
//从这里开始是我要修改的请求接口
|
|
|
|
|
|
|
|
@override
|
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
void initState() {
|
|
|
|
super.initState();
|
|
|
|
super.initState();
|
|
|
|
print('初始化正常');
|
|
|
|
// 页面初始化时获取点赞歌曲列表
|
|
|
|
_fetchMyLikesData();
|
|
|
|
_fetchLikedSongs();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
///获取我的作品
|
|
|
|
/// 从服务器获取用户点赞的歌曲列表
|
|
|
|
Future<void> _fetchMyLikesData() async {
|
|
|
|
Future<void> _fetchLikedSongs() async {
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
MyLikes bean2 = await SonglistApi().getMyCollection(
|
|
|
|
// 调用API获取点赞列表
|
|
|
|
|
|
|
|
LikeListBean response = await SonglistApi().getMyCollection(
|
|
|
|
Authorization: AppData().currentToken,
|
|
|
|
Authorization: AppData().currentToken,
|
|
|
|
);
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
// 如果请求成功且数据不为空，更新状态
|
|
|
|
print("bean2: $bean2");
|
|
|
|
if (response.code == 200 && response.data != null) {
|
|
|
|
print('bean2.data: ${bean2.data}');
|
|
|
|
|
|
|
|
MyWorkNames = bean2.data!.map((data) => data.name!).toList();
|
|
|
|
|
|
|
|
Songid = bean2.data!.map((data) => data.id!).toList();
|
|
|
|
|
|
|
|
coverPath = bean2.data!.map((data) => data.coverPath!).toList();
|
|
|
|
|
|
|
|
musicPath = bean2.data!.map((data) => data.musicPath!).toList();
|
|
|
|
|
|
|
|
singerName = bean2.data!.map((data) => data.singerName!).toList();
|
|
|
|
|
|
|
|
uploaderUserName = bean2.data!.map((data) => data.uploadUserName!).toList();
|
|
|
|
|
|
|
|
print('赋值开始');
|
|
|
|
|
|
|
|
MyWorkCount = MyWorkNames.length;
|
|
|
|
|
|
|
|
print('赋值结束');
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
} catch (error) {
|
|
|
|
|
|
|
|
print('Error fetching myLikes data: $error');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
//在这里结束
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
void _toggleSelectMode() {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
|
|
_isSelectMode = !_isSelectMode;
|
|
|
|
|
|
|
|
_isSelectListMode = !_isSelectListMode;
|
|
|
|
|
|
|
|
if (!_isSelectMode) {
|
|
|
|
|
|
|
|
_selectedItems = List.generate(10, (index) => false);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!_isSelectListMode) {
|
|
|
|
|
|
|
|
_mySongListSelections = List.generate(2, (index) => false);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
void _selectAll() {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
|
|
_selectedItems = List.generate(10, (index) => true);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
void _showSelectionDialog() {
|
|
|
|
|
|
|
|
showDialog(
|
|
|
|
|
|
|
|
context: context,
|
|
|
|
|
|
|
|
builder: (BuildContext context) {
|
|
|
|
|
|
|
|
return AlertDialog(
|
|
|
|
|
|
|
|
shape: RoundedRectangleBorder(
|
|
|
|
|
|
|
|
borderRadius:BorderRadius.circular(10),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
title: Row(
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
const Text("添加到",),
|
|
|
|
|
|
|
|
Text(
|
|
|
|
|
|
|
|
'(${_selectedItems.where((item) => item).length} 首)',
|
|
|
|
|
|
|
|
style: const TextStyle(
|
|
|
|
|
|
|
|
color: Color(0xff429482),
|
|
|
|
|
|
|
|
fontSize: 16
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
content:SingleChildScrollView(
|
|
|
|
|
|
|
|
physics: const BouncingScrollPhysics(),
|
|
|
|
|
|
|
|
child: Column(
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
for (int i = 0; i < _mySongListSelections.length; i++)
|
|
|
|
|
|
|
|
_buildSongListTile(i),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
actions: [
|
|
|
|
|
|
|
|
TextButton(
|
|
|
|
|
|
|
|
onPressed: () {
|
|
|
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
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: () {
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
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),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Widget _buildSongListTile(int index) {
|
|
|
|
|
|
|
|
return ListTile(
|
|
|
|
|
|
|
|
title: Text("我的歌单 $index"),
|
|
|
|
|
|
|
|
trailing:
|
|
|
|
|
|
|
|
Checkbox(
|
|
|
|
|
|
|
|
value: _mySongListSelections[index],
|
|
|
|
|
|
|
|
onChanged: (value) {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
|
|
_mySongListSelections[index] = value ?? false;
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
shape: const CircleBorder(),
|
|
|
|
|
|
|
|
activeColor: const Color(0xff429482),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
// Checkbox(
|
|
|
|
|
|
|
|
// value: _mySongListSelections[index],
|
|
|
|
|
|
|
|
// onChanged: (value) {
|
|
|
|
|
|
|
|
// setState(() {
|
|
|
|
|
|
|
|
// _mySongListSelections[index] = value!;
|
|
|
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
// },
|
|
|
|
|
|
|
|
// shape: CircleBorder(),
|
|
|
|
|
|
|
|
// activeColor: Color(0xff429482),
|
|
|
|
|
|
|
|
// ),
|
|
|
|
|
|
|
|
onTap: () {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
setState(() {
|
|
|
|
_mySongListSelections[index] = !_mySongListSelections[index];
|
|
|
|
likedSongs = response.data!;
|
|
|
|
|
|
|
|
// 初始化选中状态列表，默认全部未选中
|
|
|
|
|
|
|
|
_selectedItems = List.generate(likedSongs.length, (index) => false);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
}
|
|
|
|
);
|
|
|
|
} catch (error) {
|
|
|
|
|
|
|
|
print('Error fetching liked songs: $error');
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return Container(
|
|
|
|
return Container(
|
|
|
|
|
|
|
|
// 设置背景图片
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
image: DecorationImage(
|
|
|
|
image: DecorationImage(
|
|
|
|
image: AssetImage("assets/img/app_bg.png"),
|
|
|
|
image: AssetImage("assets/img/app_bg.png"),
|
|
|
|
@ -193,14 +68,16 @@ class _MyCollectionViewState extends State<MyCollectionView> {
|
|
|
|
),
|
|
|
|
),
|
|
|
|
child: Scaffold(
|
|
|
|
child: Scaffold(
|
|
|
|
backgroundColor: Colors.transparent,
|
|
|
|
backgroundColor: Colors.transparent,
|
|
|
|
|
|
|
|
// 自定义应用栏
|
|
|
|
appBar: AppBar(
|
|
|
|
appBar: AppBar(
|
|
|
|
backgroundColor: Colors.transparent,
|
|
|
|
backgroundColor: Colors.transparent,
|
|
|
|
centerTitle: true,
|
|
|
|
centerTitle: true,
|
|
|
|
elevation: 0,
|
|
|
|
elevation: 0,
|
|
|
|
|
|
|
|
// 根据是否是多选模式显示不同的前导图标
|
|
|
|
leading: !_isSelectMode
|
|
|
|
leading: !_isSelectMode
|
|
|
|
?IconButton(
|
|
|
|
? IconButton( // 非多选模式显示返回按钮
|
|
|
|
onPressed: () {
|
|
|
|
onPressed: () {
|
|
|
|
Get.back();
|
|
|
|
Get.back(result: true);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
icon: Image.asset(
|
|
|
|
icon: Image.asset(
|
|
|
|
"assets/img/back.png",
|
|
|
|
"assets/img/back.png",
|
|
|
|
@ -209,13 +86,23 @@ class _MyCollectionViewState extends State<MyCollectionView> {
|
|
|
|
fit: BoxFit.contain,
|
|
|
|
fit: BoxFit.contain,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
)
|
|
|
|
)
|
|
|
|
: TextButton(
|
|
|
|
: TextButton( // 多选模式显示全选按钮
|
|
|
|
onPressed: _selectAll,
|
|
|
|
onPressed: () {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
|
|
_selectedItems = List.generate(likedSongs.length, (index) => true);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
style: TextButton.styleFrom(
|
|
|
|
style: TextButton.styleFrom(
|
|
|
|
foregroundColor: Colors.black,
|
|
|
|
foregroundColor: Colors.black,
|
|
|
|
|
|
|
|
minimumSize: const Size(50, 40),
|
|
|
|
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 8),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
child: const Text(
|
|
|
|
|
|
|
|
'全选',
|
|
|
|
|
|
|
|
style: TextStyle(fontSize: 18),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
child: const Text('全选',style: TextStyle(fontSize: 18),),
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
|
|
|
|
// 根据是否是多选模式显示不同的标题
|
|
|
|
title: _isSelectMode
|
|
|
|
title: _isSelectMode
|
|
|
|
? Text(
|
|
|
|
? Text(
|
|
|
|
'已选中 ${_selectedItems.where((item) => item).length} 首歌曲',
|
|
|
|
'已选中 ${_selectedItems.where((item) => item).length} 首歌曲',
|
|
|
|
@ -224,107 +111,202 @@ class _MyCollectionViewState extends State<MyCollectionView> {
|
|
|
|
),
|
|
|
|
),
|
|
|
|
)
|
|
|
|
)
|
|
|
|
: const Text(
|
|
|
|
: const Text(
|
|
|
|
'我的收藏',
|
|
|
|
'我的点赞',
|
|
|
|
style: TextStyle(color: Colors.black),
|
|
|
|
style: TextStyle(color: Colors.black),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
|
|
|
|
// 多选模式下显示完成按钮
|
|
|
|
actions: [
|
|
|
|
actions: [
|
|
|
|
if (_isSelectMode)
|
|
|
|
if (_isSelectMode)
|
|
|
|
TextButton(
|
|
|
|
TextButton(
|
|
|
|
onPressed: (){
|
|
|
|
onPressed: () {
|
|
|
|
setState(() {
|
|
|
|
setState(() {
|
|
|
|
_isSelectMode = false;
|
|
|
|
_isSelectMode = false;
|
|
|
|
_selectedItems = List.generate(10, (index) => false);
|
|
|
|
_selectedItems = List.generate(likedSongs.length, (index) => false);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
child: const Text(
|
|
|
|
child: const Text(
|
|
|
|
"完成",
|
|
|
|
"完成",
|
|
|
|
style: TextStyle(
|
|
|
|
style: TextStyle(color: Colors.black, fontSize: 18),
|
|
|
|
color: Colors.black,
|
|
|
|
))
|
|
|
|
fontSize: 18
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
],
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
|
|
|
|
// 主体内容
|
|
|
|
body: Container(
|
|
|
|
body: Container(
|
|
|
|
padding: const EdgeInsets.only(left: 10),
|
|
|
|
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
color: Colors.white,
|
|
|
|
color: Colors.white,
|
|
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
|
|
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
child: Column(
|
|
|
|
child: Column(
|
|
|
|
children: [
|
|
|
|
children: [
|
|
|
|
Row(
|
|
|
|
// 顶部操作栏
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
|
Padding(
|
|
|
|
children: [
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 16.0),
|
|
|
|
Row(
|
|
|
|
child: Row(
|
|
|
|
children: [
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
|
IconButton(
|
|
|
|
children: [
|
|
|
|
onPressed: (){},
|
|
|
|
// 播放全部按钮组
|
|
|
|
icon: Image.asset(
|
|
|
|
Row(
|
|
|
|
"assets/img/button_play.png",
|
|
|
|
children: [
|
|
|
|
width: 20,
|
|
|
|
IconButton(
|
|
|
|
height: 20,
|
|
|
|
onPressed: likedSongs.isEmpty
|
|
|
|
|
|
|
|
? null
|
|
|
|
|
|
|
|
: () {
|
|
|
|
|
|
|
|
// TODO: 实现播放全部功能
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
icon: Image.asset(
|
|
|
|
|
|
|
|
"assets/img/button_play.png",
|
|
|
|
|
|
|
|
width: 20,
|
|
|
|
|
|
|
|
height: 20,
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
const Text(
|
|
|
|
const Text(
|
|
|
|
'播放全部',
|
|
|
|
'播放全部',
|
|
|
|
style: TextStyle(fontSize: 16),
|
|
|
|
style: TextStyle(
|
|
|
|
|
|
|
|
fontSize: 16
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
const SizedBox(width: 5),
|
|
|
|
const SizedBox(width: 5,),
|
|
|
|
Text(
|
|
|
|
const Text(
|
|
|
|
'(${likedSongs.length})',
|
|
|
|
'50',
|
|
|
|
style: const TextStyle(fontSize: 16),
|
|
|
|
style: TextStyle(
|
|
|
|
|
|
|
|
fontSize: 16
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
// 多选模式切换按钮
|
|
|
|
|
|
|
|
IconButton(
|
|
|
|
|
|
|
|
onPressed: likedSongs.isEmpty ? null : () {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
|
|
_isSelectMode = !_isSelectMode;
|
|
|
|
|
|
|
|
if (!_isSelectMode) {
|
|
|
|
|
|
|
|
_selectedItems = List.generate(likedSongs.length, (index) => false);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
icon: Image.asset(
|
|
|
|
|
|
|
|
"assets/img/list_op.png",
|
|
|
|
|
|
|
|
width: 20,
|
|
|
|
|
|
|
|
height: 20,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
IconButton(
|
|
|
|
|
|
|
|
onPressed: _toggleSelectMode,
|
|
|
|
|
|
|
|
icon: Image.asset(
|
|
|
|
|
|
|
|
"assets/img/list_op.png",
|
|
|
|
|
|
|
|
width: 20,
|
|
|
|
|
|
|
|
height: 20,
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
|
|
|
|
// 歌曲列表
|
|
|
|
Expanded(
|
|
|
|
Expanded(
|
|
|
|
child: MyWorkCount == 0
|
|
|
|
child: ListView.builder(
|
|
|
|
? Center(child: Text('你还没有点赞')) // 如果没有作品，显示提示文本
|
|
|
|
itemCount: likedSongs.length,
|
|
|
|
: ListView.builder(
|
|
|
|
padding: EdgeInsets.zero,
|
|
|
|
itemCount: MyWorkCount,
|
|
|
|
itemBuilder: (context, index) {
|
|
|
|
itemBuilder: (BuildContext context, int index) {
|
|
|
|
final song = likedSongs[index];
|
|
|
|
return Container(
|
|
|
|
return ListTile(
|
|
|
|
padding: const EdgeInsets.symmetric(vertical: 5.0),
|
|
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16.0),
|
|
|
|
child: ListTile(
|
|
|
|
// 根据是否是多选模式执行不同的点击操作
|
|
|
|
leading: _isSelectMode
|
|
|
|
onTap: _isSelectMode
|
|
|
|
? Checkbox(
|
|
|
|
? () {
|
|
|
|
value: _selectedItems[index],
|
|
|
|
setState(() {
|
|
|
|
onChanged: (value) {
|
|
|
|
_selectedItems[index] = !_selectedItems[index];
|
|
|
|
setState(() {
|
|
|
|
});
|
|
|
|
_selectedItems[index] = value!;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
: () async {
|
|
|
|
},
|
|
|
|
// 创建Song对象列表用于播放
|
|
|
|
shape: const CircleBorder(),
|
|
|
|
List<Song> songList = likedSongs.map((song) => Song(
|
|
|
|
activeColor: const Color(0xff429482),
|
|
|
|
id: song.id ?? 0,
|
|
|
|
)
|
|
|
|
title: song.name ?? '未知歌曲',
|
|
|
|
: CircleAvatar(
|
|
|
|
artist: song.singerName ?? '未知歌手',
|
|
|
|
backgroundImage: NetworkImage(coverPath[index]), // 假设封面路径是网络资源
|
|
|
|
artistPic: song.coverPath ?? '',
|
|
|
|
radius: 25,
|
|
|
|
pic: song.coverPath ?? '',
|
|
|
|
),
|
|
|
|
musicurl: song.musicPath ?? '',
|
|
|
|
title: Text('${MyWorkNames[index]} - ${singerName[index]}'), // 显示歌曲名和歌手名
|
|
|
|
likes: song.likes,
|
|
|
|
trailing: _isSelectMode
|
|
|
|
collection: song.collection,
|
|
|
|
? null
|
|
|
|
mid: song.mid,
|
|
|
|
: IconButton(
|
|
|
|
)).toList();
|
|
|
|
icon: const Icon(Icons.more_vert),
|
|
|
|
|
|
|
|
onPressed: () {
|
|
|
|
// 导航到音乐播放页面
|
|
|
|
_bottomSheet(context);
|
|
|
|
final result = await Navigator.push(
|
|
|
|
},
|
|
|
|
context,
|
|
|
|
),
|
|
|
|
MaterialPageRoute(
|
|
|
|
|
|
|
|
builder: (context) => MusicView(
|
|
|
|
|
|
|
|
songList: songList,
|
|
|
|
|
|
|
|
initialSongIndex: index,
|
|
|
|
|
|
|
|
// 歌曲状态变化回调
|
|
|
|
|
|
|
|
onSongStatusChanged: (index, isCollected, isLiked) {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
|
|
songList[index].collection = isCollected;
|
|
|
|
|
|
|
|
songList[index].likes = isLiked;
|
|
|
|
|
|
|
|
downloadManager.updateSongInfo(
|
|
|
|
|
|
|
|
songList[index].id,
|
|
|
|
|
|
|
|
isCollected,
|
|
|
|
|
|
|
|
isLiked,
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 从播放页面返回时刷新列表
|
|
|
|
|
|
|
|
if (result != null) {
|
|
|
|
|
|
|
|
_fetchLikedSongs();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
// 歌曲列表项布局
|
|
|
|
|
|
|
|
title: Row(
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
// 多选模式下显示复选框
|
|
|
|
|
|
|
|
if (_isSelectMode)
|
|
|
|
|
|
|
|
Checkbox(
|
|
|
|
|
|
|
|
value: _selectedItems[index],
|
|
|
|
|
|
|
|
onChanged: (value) {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
|
|
_selectedItems[index] = value!;
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
shape: const CircleBorder(),
|
|
|
|
|
|
|
|
activeColor: const Color(0xff429482),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
// 歌曲封面图
|
|
|
|
|
|
|
|
ClipRRect(
|
|
|
|
|
|
|
|
borderRadius: BorderRadius.circular(10),
|
|
|
|
|
|
|
|
child: Image.network(
|
|
|
|
|
|
|
|
song.coverPath ?? '',
|
|
|
|
|
|
|
|
width: 60,
|
|
|
|
|
|
|
|
height: 60,
|
|
|
|
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
|
|
|
|
errorBuilder: (context, error, stackTrace) {
|
|
|
|
|
|
|
|
return Image.asset(
|
|
|
|
|
|
|
|
"assets/img/artist_pic.png",
|
|
|
|
|
|
|
|
width: 60,
|
|
|
|
|
|
|
|
height: 60,
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
const SizedBox(width: 12),
|
|
|
|
|
|
|
|
// 歌曲信息
|
|
|
|
|
|
|
|
Expanded(
|
|
|
|
|
|
|
|
child: Column(
|
|
|
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
Text(
|
|
|
|
|
|
|
|
song.name ?? '未知歌曲',
|
|
|
|
|
|
|
|
maxLines: 1,
|
|
|
|
|
|
|
|
overflow: TextOverflow.ellipsis,
|
|
|
|
|
|
|
|
style: const TextStyle(
|
|
|
|
|
|
|
|
fontSize: 16,
|
|
|
|
|
|
|
|
color: Colors.black,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
Text(
|
|
|
|
|
|
|
|
song.singerName ?? '未知歌手',
|
|
|
|
|
|
|
|
maxLines: 1,
|
|
|
|
|
|
|
|
overflow: TextOverflow.ellipsis,
|
|
|
|
|
|
|
|
style: const TextStyle(
|
|
|
|
|
|
|
|
fontSize: 14,
|
|
|
|
|
|
|
|
color: Colors.black54,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -333,51 +315,76 @@ class _MyCollectionViewState extends State<MyCollectionView> {
|
|
|
|
],
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
|
|
|
|
// 多选模式下显示底部操作栏
|
|
|
|
bottomNavigationBar: _isSelectMode
|
|
|
|
bottomNavigationBar: _isSelectMode
|
|
|
|
? BottomAppBar(
|
|
|
|
? BottomAppBar(
|
|
|
|
child: SizedBox(
|
|
|
|
height: 140,
|
|
|
|
height: 127.0,
|
|
|
|
child: SingleChildScrollView(
|
|
|
|
child: Column(
|
|
|
|
child: Column(
|
|
|
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
|
|
children: [
|
|
|
|
children: [
|
|
|
|
Row(
|
|
|
|
// 底部操作按钮
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
|
|
Padding(
|
|
|
|
children: [
|
|
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
|
|
Row(
|
|
|
|
child: Row(
|
|
|
|
children: [
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
|
|
IconButton(
|
|
|
|
children: [
|
|
|
|
onPressed: (){
|
|
|
|
// "添加到"按钮
|
|
|
|
_showSelectionDialog();
|
|
|
|
Expanded(
|
|
|
|
|
|
|
|
child: InkWell(
|
|
|
|
|
|
|
|
onTap: () {
|
|
|
|
|
|
|
|
// TODO: 实现添加到功能
|
|
|
|
},
|
|
|
|
},
|
|
|
|
icon: Image.asset("assets/img/list_add.png"),
|
|
|
|
child: Row(
|
|
|
|
iconSize: 60,
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
SizedBox(
|
|
|
|
|
|
|
|
width: 25,
|
|
|
|
|
|
|
|
height: 25,
|
|
|
|
|
|
|
|
child: Image.asset("assets/img/add.png"),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
const SizedBox(width: 4),
|
|
|
|
|
|
|
|
const Text("添加到"),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
const Text("添加到"),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
// 分隔线
|
|
|
|
),
|
|
|
|
Container(
|
|
|
|
Container(
|
|
|
|
height: 50,
|
|
|
|
height: 50,
|
|
|
|
width: 2,
|
|
|
|
width: 2,
|
|
|
|
color: const Color(0xff429482),
|
|
|
|
color: const Color(0xff429482),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
// "删除"按钮
|
|
|
|
Row(
|
|
|
|
Expanded(
|
|
|
|
children: [
|
|
|
|
child: InkWell(
|
|
|
|
IconButton(
|
|
|
|
onTap: () {
|
|
|
|
onPressed: (){},
|
|
|
|
// TODO: 实现批量删除功能
|
|
|
|
icon: Image.asset("assets/img/list_download.png"),
|
|
|
|
},
|
|
|
|
iconSize: 60,
|
|
|
|
child: Row(
|
|
|
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
SizedBox(
|
|
|
|
|
|
|
|
width: 22,
|
|
|
|
|
|
|
|
height: 22,
|
|
|
|
|
|
|
|
child: Image.asset("assets/img/delete.png"),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
const SizedBox(width: 4),
|
|
|
|
|
|
|
|
const Text("删除"),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
const Text("下载"),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
|
|
|
|
// 取消按钮
|
|
|
|
ElevatedButton(
|
|
|
|
ElevatedButton(
|
|
|
|
onPressed: () {
|
|
|
|
onPressed: () {
|
|
|
|
setState(() {
|
|
|
|
setState(() {
|
|
|
|
_isSelectMode = false;
|
|
|
|
_isSelectMode = false;
|
|
|
|
_selectedItems = List.generate(10, (index) => false);
|
|
|
|
_selectedItems = List.generate(likedSongs.length, (index) => false);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
style: ElevatedButton.styleFrom(
|
|
|
|
style: ElevatedButton.styleFrom(
|
|
|
|
@ -388,11 +395,10 @@ class _MyCollectionViewState extends State<MyCollectionView> {
|
|
|
|
borderRadius: BorderRadius.zero,
|
|
|
|
borderRadius: BorderRadius.zero,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
child: const Text('取消',
|
|
|
|
child: const Text(
|
|
|
|
style: TextStyle(
|
|
|
|
'取消',
|
|
|
|
color: Colors.black,
|
|
|
|
style: TextStyle(color: Colors.black, fontSize: 16),
|
|
|
|
fontSize: 16
|
|
|
|
),
|
|
|
|
),),
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
@ -402,111 +408,4 @@ class _MyCollectionViewState extends State<MyCollectionView> {
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
Future _bottomSheet(BuildContext context){
|
|
|
|
|
|
|
|
return showModalBottomSheet(
|
|
|
|
|
|
|
|
context: context,
|
|
|
|
|
|
|
|
backgroundColor: Colors.white,
|
|
|
|
|
|
|
|
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
|
|
|
|
|
|
|
|
builder: (context) =>Container(
|
|
|
|
|
|
|
|
height: 210,
|
|
|
|
|
|
|
|
padding: const EdgeInsets.only(top: 20),
|
|
|
|
|
|
|
|
child: Column(
|
|
|
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
Row(
|
|
|
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
Column(
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
IconButton(
|
|
|
|
|
|
|
|
onPressed: (){},
|
|
|
|
|
|
|
|
icon: Image.asset("assets/img/list_add.png"),
|
|
|
|
|
|
|
|
iconSize: 60,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
const Text("加入歌单")
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
Column(
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
IconButton(
|
|
|
|
|
|
|
|
onPressed: (){},
|
|
|
|
|
|
|
|
icon: Image.asset("assets/img/list_download.png"),
|
|
|
|
|
|
|
|
iconSize: 60,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
const Text("下载")
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
Column(
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
IconButton(
|
|
|
|
|
|
|
|
onPressed: (){},
|
|
|
|
|
|
|
|
icon: Image.asset("assets/img/list_collection.png"),
|
|
|
|
|
|
|
|
iconSize: 60,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
const Text("收藏")
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
Column(
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
IconButton(
|
|
|
|
|
|
|
|
onPressed: (){},
|
|
|
|
|
|
|
|
icon: Image.asset("assets/img/list_good.png"),
|
|
|
|
|
|
|
|
iconSize: 60,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
const Text("点赞")
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
Column(
|
|
|
|
|
|
|
|
children: [
|
|
|
|
|
|
|
|
IconButton(
|
|
|
|
|
|
|
|
onPressed: (){},
|
|
|
|
|
|
|
|
icon: Image.asset("assets/img/list_comment.png"),
|
|
|
|
|
|
|
|
iconSize: 60,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
const Text("评论")
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
const SizedBox(height: 10,),
|
|
|
|
|
|
|
|
ElevatedButton(
|
|
|
|
|
|
|
|
onPressed: () {
|
|
|
|
|
|
|
|
// Get.to(()=>const MusicView());
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
style: ElevatedButton.styleFrom(
|
|
|
|
|
|
|
|
backgroundColor: const Color(0xffE6F4F1),
|
|
|
|
|
|
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
|
|
|
|
|
|
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
|
|
|
|
|
|
|
shape: const RoundedRectangleBorder(
|
|
|
|
|
|
|
|
borderRadius: BorderRadius.zero,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
child: const Text(
|
|
|
|
|
|
|
|
"查看详情页",
|
|
|
|
|
|
|
|
style: TextStyle(color:Colors.black,fontSize: 18),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
ElevatedButton(
|
|
|
|
|
|
|
|
onPressed: () =>Navigator.pop(context),
|
|
|
|
|
|
|
|
style: ElevatedButton.styleFrom(
|
|
|
|
|
|
|
|
backgroundColor: const Color(0xff429482),
|
|
|
|
|
|
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
|
|
|
|
|
|
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
|
|
|
|
|
|
|
shape: const RoundedRectangleBorder(
|
|
|
|
|
|
|
|
borderRadius: BorderRadius.zero,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
child: const Text(
|
|
|
|
|
|
|
|
"取消",
|
|
|
|
|
|
|
|
style: TextStyle(color:Colors.black,fontSize: 18),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
Spark
8 months ago
