p8wz2hgu4
/
MTMusic
forked from piaocbn2j/MTMusic
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 调整登录页面的一些样式，在注册页面加入验证码发送倒计时

Browse Source
master
Spark 1 week ago
parent 5ef4804e2f
commit bbf70c81c6
7 changed files with 577 additions and 376 deletions
Show Stats Download Patch File Download Diff File

65
lib/common/password_manager.dart
Unescape View File

@ -0,0 +1,65 @@
import 'dart:convert';
import 'package:shared_preferences/shared_preferences.dart';
class PasswordManager {
static const String PREFS_KEY = 'stored_password';
late SharedPreferences _prefs;
// 单例模式
static final PasswordManager _instance = PasswordManager._internal();
factory PasswordManager() {
return _instance;
}
PasswordManager._internal();
// 初始化
Future<void> init() async {
_prefs = await SharedPreferences.getInstance();
}
// 存储账号密码
Future<void> savePassword(String username, String password) async {
final Map<String, String> credentials = {
'username': username,
'password': password,
};
await _prefs.setString(PREFS_KEY, json.encode(credentials));
}
// 获取存储的账号密码
Map<String, String>? getStoredCredentials() {
final String? storedData = _prefs.getString(PREFS_KEY);
if (storedData != null) {
final Map<String, String> decoded = json.decode(storedData);
return {
'username': decoded['username'] as String,
'password': decoded['password'] as String,
};
}
return null;
}
// 检查是否有存储的密码
bool hasStoredPassword() {
return _prefs.containsKey(PREFS_KEY);
}
// 移除存储的账号密码
Future<void> removePassword() async {
await _prefs.remove(PREFS_KEY);
}
// 获取存储的用户名
String? getStoredUsername() {
final credentials = getStoredCredentials();
return credentials?['username'];
}
// 获取存储的密码
String? getStoredPassword() {
final credentials = getStoredCredentials();
return credentials?['password'];
}
}

116
lib/view/begin/begin_view.dart
Unescape View File

@ -29,7 +29,7 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
decoration: BoxDecoration( decoration: const BoxDecoration(
image: DecorationImage( image: DecorationImage(
image: AssetImage("assets/img/app_bg.png"), image: AssetImage("assets/img/app_bg.png"),
fit: BoxFit.cover, fit: BoxFit.cover,
@ -37,11 +37,16 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
), ),
child: Scaffold( child: Scaffold(
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
body: SingleChildScrollView( resizeToAvoidBottomInset: false,
body: ScrollConfiguration(
behavior: ScrollBehavior().copyWith(
physics: const NeverScrollableScrollPhysics(),
),
child: Column( child: Column(
children: [ children: [
// 顶部欢迎部分
Padding( Padding(
padding: const EdgeInsets.only(top: 110,left: 40,right: 40), padding: const EdgeInsets.only(top: 110, left: 40, right: 40),
child: Row( child: Row(
children: [ children: [
const Column( const Column(
@ -76,71 +81,68 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
), ),
], ],
), ),
const SizedBox(width: 25,), const SizedBox(width: 25),
Image.asset("assets/img/app_logo.png", width: 80), Image.asset("assets/img/app_logo.png", width: 80),
], ],
), ),
), ),
SizedBox(
height: MediaQuery.of(context).size.height,
child: Stack(
children: [
Align(
child: SizedBox(
height: MediaQuery.of(context).size.height/1.06,
child: Column(
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 30.0),
child: Material(
color: Colors.white,
elevation: 3,
borderRadius: BorderRadius.circular(10),
child: TabBar(
controller: tabController,
unselectedLabelColor: Color(0xffCDCDCD),
labelColor: Colors.black,
indicator:BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: MColor.LGreen
),
tabs: [
Container(
padding: EdgeInsets.all(8.0),
// color: Colors.pink,
child: Text(
'登录',
style: TextStyle(
fontSize: 20,
),
),
),
Container( const SizedBox(height: 20), // 添加一些间距
padding: EdgeInsets.all(8.0),
child: Text( // 剩余部分使用 Expanded
'注册', Expanded(
style: TextStyle( child: Column(
fontSize: 20, children: [
), // TabBar部分
), Padding(
), padding: const EdgeInsets.symmetric(horizontal: 30.0),
], child: Material(
color: Colors.white,
elevation: 3,
borderRadius: BorderRadius.circular(10),
child: TabBar(
controller: tabController,
unselectedLabelColor: const Color(0xffCDCDCD),
labelColor: Colors.black,
indicatorSize: TabBarIndicatorSize.tab,
indicator: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: MColor.LGreen
),
tabs: [
Container(
padding: const EdgeInsets.all(8.0),
child: const Text(
'登录',
style: TextStyle(
fontSize: 20,
),
),
),
Container(
padding: const EdgeInsets.all(8.0),
child: const Text(
'注册',
style: TextStyle(
fontSize: 20,
), ),
), ),
), ),
Expanded(
child: TabBarView(
controller: tabController,
children: [
LoginV(),
SignUpView(),
],
)
)
], ],
), ),
), ),
),
// TabBarView部分
Expanded(
child: TabBarView(
controller: tabController,
physics: const NeverScrollableScrollPhysics(),
children: const [
LoginV(),
SignUpView(),
],
),
) )
], ],
), ),

59
lib/view/begin/login_v.dart
Unescape View File

@ -4,15 +4,13 @@ import 'package:flutter/cupertino.dart';
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/app_data.dart'; import 'package:music_player_miao/common_widget/app_data.dart';
import 'package:music_player_miao/models/search_bean.dart';
import 'package:music_player_miao/view/main_tab_view/main_tab_view.dart'; import 'package:music_player_miao/view/main_tab_view/main_tab_view.dart';
import '../../api/api_client.dart'; import '../../api/api_client.dart';
import '../../api/api_songlist.dart';
import '../../common/color_extension.dart'; import '../../common/color_extension.dart';
import '../../common/password_manager.dart';
import '../../models/getInfo_bean.dart'; import '../../models/getInfo_bean.dart';
import '../../models/login_bean.dart'; import '../../models/login_bean.dart';
import '../../models/songlist_bean.dart';
import '../../widget/my_text_field.dart'; import '../../widget/my_text_field.dart';
class LoginV extends StatefulWidget { class LoginV extends StatefulWidget {
@ -29,6 +27,7 @@ class _LoginVState extends State<LoginV> {
bool signInRequired = false; bool signInRequired = false;
IconData iconPassword = CupertinoIcons.eye_fill; IconData iconPassword = CupertinoIcons.eye_fill;
bool obscurePassword = true; bool obscurePassword = true;
final passwordManager = Get.put(PasswordManager());
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -86,19 +85,59 @@ class _LoginVState extends State<LoginV> {
password: passwordController.text, password: passwordController.text,
); );
if (bean.code == 200) { if (bean.code == 200) {
passwordManager.savePassword(nameController.text, passwordController.text);
Get.to(() => const MainTabView()); Get.to(() => const MainTabView());
_showDialog(context, ScaffoldMessenger.of(context).showSnackBar(
title: 'assets/img/correct.png', SnackBar(
message: '登录成功!'); content: const Center(
child: Text(
'登录成功!',
style: TextStyle(
color: Colors.black,
fontSize: 16.0, // 设置字体大小
fontWeight: FontWeight.w500, // 可选：设置字体粗细
),
),
),
duration: const Duration(seconds: 3),
behavior: SnackBarBehavior.floating,
backgroundColor: Colors.white,
elevation: 3,
width: 200, // 设置固定宽度
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
);
GetInfoBean bean1 = await GetInfoApiClient() GetInfoBean bean1 = await GetInfoApiClient()
.getInfo( .getInfo(
Authorization: AppData().currentToken); Authorization: AppData().currentToken);
} else {
throw Exception("账号或密码错误");
} }
} catch (error) { } catch (error) {
String errorMessage = error.toString(); ScaffoldMessenger.of(context).showSnackBar(
_showDialog(context, SnackBar(
title: 'assets/img/warning.png', content: Center(
message: errorMessage); child: Text(
'${error.toString().replaceAll ('Exception: ', '')} ！',
style: TextStyle(
color: Colors.red,
fontSize: 16.0, // 设置字体大小
fontWeight: FontWeight.w500, // 可选：设置字体粗细
),
),
),
duration: const Duration(seconds: 3),
behavior: SnackBarBehavior.floating,
backgroundColor: Colors.white,
elevation: 3,
width: 200, // 设置固定宽度
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
);
} }
}, },
style: TextButton.styleFrom( style: TextButton.styleFrom(

150
lib/view/begin/setup_view.dart
Unescape View File

@ -1,5 +1,7 @@
// ignore_for_file: use_build_context_synchronously // ignore_for_file: use_build_context_synchronously
import 'dart:async';
import 'package:flutter/cupertino.dart'; import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
@ -28,6 +30,38 @@ class _SignUpViewState extends State<SignUpView> {
bool obscurePassword = true; bool obscurePassword = true;
bool signUpRequired = false; bool signUpRequired = false;
// 添加计时器相关变量
Timer? _timer;
int _countDown = 60;
bool _canSendCode = true;
@override
void dispose() {
_timer?.cancel(); // 页面销毁时取消计时器
super.dispose();
}
// 开始倒计时
void startTimer() {
setState(() {
_canSendCode = false;
_countDown = 60;
});
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
if (_countDown == 0) {
setState(() {
_canSendCode = true;
timer.cancel();
});
} else {
setState(() {
_countDown--;
});
}
});
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Form( return Form(
@ -160,27 +194,75 @@ class _SignUpViewState extends State<SignUpView> {
}), }),
), ),
SizedBox( SizedBox(
width: MediaQuery.of(context).size.width * 0.3, width: MediaQuery.of(context).size.width * 0.313,
height: MediaQuery.of(context).size.width * 0.13, height: MediaQuery.of(context).size.width * 0.13,
child: ElevatedButton( child: ElevatedButton(
style: ElevatedButton.styleFrom( style: ElevatedButton.styleFrom(
backgroundColor: MColor.LGreen), backgroundColor: _canSendCode ? MColor.LGreen : Colors.grey[300],
onPressed: () async { shape: RoundedRectangleBorder(
UniversalBean bean = borderRadius: BorderRadius.circular(8.0),
await SetupApiClient().verification( ),
email: emailController.text, ),
onPressed: _canSendCode
? () async {
UniversalBean bean = await SetupApiClient().verification(
email: emailController.text,
);
if (bean.code == 200) {
startTimer(); // 发送成功后开始倒计时
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Center(
child: Text(
'验证码已成功发送！',
style: TextStyle(color: Colors.black),
),
),
duration: const Duration(seconds: 2),
behavior: SnackBarBehavior.floating,
backgroundColor: Colors.white,
elevation: 3,
width: 200,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
);
} else {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Center(
child: Text(
'邮箱为空或格式不正确！',
style: TextStyle(
color: Colors.black,
fontSize: 16.0, // 设置字体大小
fontWeight: FontWeight.w500, // 可选：设置字体粗细
),
),
),
duration: const Duration(seconds: 2),
behavior: SnackBarBehavior.floating,
backgroundColor: Colors.white,
elevation: 3,
width: 220,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
); );
_showSuccessDialog(context, }
title: bean.code == 200 }
? 'assets/img/correct.png' : null,
: 'assets/img/warning.png', child: Text(
errorMessage: _canSendCode ? "获取验证码" : "${_countDown}s后重试",
bean.code == 200 ? '验证码已成功发送！' : '邮箱格式不正确！'); style: TextStyle(
}, color: _canSendCode ? Colors.black45 : Colors.grey,
child: const Text( fontSize: 16,
"获取验证码", ),
style: TextStyle(color: Colors.black45, fontSize: 16), ),
)), ),
), ),
], ],
), ),
@ -198,18 +280,26 @@ class _SignUpViewState extends State<SignUpView> {
), ),
); );
} }
UniversalBean bean = await SetupApiClient().register( if (nameController.text.isNotEmpty &&
email: emailController.text, emailController.text.isNotEmpty &&
password: passwordController.text, passwordController.text.isNotEmpty &&
username: nameController.text, confirmPSWController.text.isNotEmpty &&
verificationCode: confirmController.text); confirmController.text.isNotEmpty) {
_showSuccessDialog(context, UniversalBean bean = await SetupApiClient().register(
title: bean.code == 200 email: emailController.text,
? 'assets/img/correct.png' password: passwordController.text,
: 'assets/img/warning.png', username: nameController.text,
errorMessage: verificationCode: confirmController.text);
bean.code == 200 ? '注册成功，一键登录' : '登录失败，验证码错误'); _showSuccessDialog(context,
if (bean.code == 200) Get.to(const MainTabView()); title: bean.code == 200
? 'assets/img/correct.png'
: 'assets/img/warning.png',
errorMessage:
bean.code == 200
? '注册成功，一键登录'
: '注册失败，验证码错误');
if (bean.code == 200) Get.to(const MainTabView());
}
}, },
style: TextButton.styleFrom( style: TextButton.styleFrom(
elevation: 3.0, elevation: 3.0,

78
lib/view/user/my_download_view.dart
Unescape View File

@ -209,7 +209,8 @@ class _MyDownloadViewState extends State<MyDownloadView> {
onPressed: () { onPressed: () {
setState(() { setState(() {
_isSelectMode = false; _isSelectMode = false;
_selectedItems = List.generate(_songs.length, (index) => false); _selectedItems =
List.generate(_songs.length, (index) => false);
}); });
}, },
child: const Text( child: const Text(
@ -232,25 +233,32 @@ class _MyDownloadViewState extends State<MyDownloadView> {
Row( Row(
children: [ children: [
IconButton( IconButton(
onPressed: _songs.isEmpty ? null : () { onPressed: _songs.isEmpty
Navigator.push( ? null
context, : () {
MaterialPageRoute( Navigator.push(
builder: (context) => MusicView( context,
songList: _songs, MaterialPageRoute(
initialSongIndex: 0, builder: (context) => MusicView(
onSongStatusChanged: (index, isCollected, isLiked) { songList: _songs,
setState(() { initialSongIndex: 0,
// 更新父组件中的数据 onSongStatusChanged:
_songs[index].collection = isCollected; (index, isCollected, isLiked) {
_songs[index].likes = isLiked; setState(() {
downloadManager.updateSongInfo(_songs[index].id, isCollected, isLiked); // 更新父组件中的数据
}); _songs[index].collection =
}, isCollected;
), _songs[index].likes = isLiked;
), downloadManager.updateSongInfo(
); _songs[index].id,
}, isCollected,
isLiked);
});
},
),
),
);
},
icon: Image.asset( icon: Image.asset(
"assets/img/button_play.png", "assets/img/button_play.png",
width: 20, width: 20,
@ -320,20 +328,22 @@ class _MyDownloadViewState extends State<MyDownloadView> {
} }
: () { : () {
// 非选择模式下跳转到播放页面 // 非选择模式下跳转到播放页面
Navigator.push( Navigator.push(
context, context,
MaterialPageRoute( MaterialPageRoute(
builder: (context) => MusicView( builder: (context) => MusicView(
songList: _songs, songList: _songs,
initialSongIndex: index, initialSongIndex: index,
onSongStatusChanged: (index, isCollected, isLiked) { onSongStatusChanged:
setState(() { (index, isCollected, isLiked) {
// 更新父组件中的数据 setState(() {
_songs[index].collection = isCollected; // 更新父组件中的数据
_songs[index].likes = isLiked; _songs[index].collection =
}); isCollected;
}, _songs[index].likes = isLiked;
), });
},
),
), ),
); );
}, },

481
lib/view/user/my_music_view.dart
Unescape View File

@ -1,4 +1,3 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import '../../common_widget/app_data.dart'; import '../../common_widget/app_data.dart';
@ -13,20 +12,21 @@ List<T> flatten<T>(Iterable<Iterable<T>> iterable) {
class MyMusicView extends StatefulWidget { class MyMusicView extends StatefulWidget {
final int? songlistIdd; final int? songlistIdd;
const MyMusicView({Key? key, this.songlistIdd}) : super(key: key); const MyMusicView({Key? key, this.songlistIdd}) : super(key: key);
@override @override
State<MyMusicView> createState() => _MyMusicViewState(); State<MyMusicView> createState() => _MyMusicViewState();
} }
class _MyMusicViewState extends State<MyMusicView> { class _MyMusicViewState extends State<MyMusicView> {
int songsNum = 0; int songsNum = 0;
List songlistId =[]; List songlistId = [];
List musicDetail = []; List musicDetail = [];
List name = []; List name = [];
List coverPath = []; List coverPath = [];
List musicPath = []; List musicPath = [];
List singerName =[]; List singerName = [];
List uploadUserName = []; List uploadUserName = [];
final listVM = Get.put(HomeViewModel()); final listVM = Get.put(HomeViewModel());
@ -34,7 +34,6 @@ class _MyMusicViewState extends State<MyMusicView> {
final List<bool> _mySongListSelections = List.generate(2, (index) => false); final List<bool> _mySongListSelections = List.generate(2, (index) => false);
List<bool> _selectedItems = List.generate(10, (index) => false); List<bool> _selectedItems = List.generate(10, (index) => false);
//修改从这开始 //修改从这开始
@override @override
void initState() { void initState() {
@ -86,8 +85,8 @@ class _MyMusicViewState extends State<MyMusicView> {
print('Error fetching myworks data: $error'); print('Error fetching myworks data: $error');
} }
} }
//在这里结束
//在这里结束
void _toggleSelectMode() { void _toggleSelectMode() {
setState(() { setState(() {
@ -110,21 +109,20 @@ class _MyMusicViewState extends State<MyMusicView> {
builder: (BuildContext context) { builder: (BuildContext context) {
return AlertDialog( return AlertDialog(
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius:BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
title: Row( title: Row(
children: [ children: [
const Text("添加到",), const Text(
"添加到",
),
Text( Text(
'(${_selectedItems.where((item) => item).length} 首)', '(${_selectedItems.where((item) => item).length} 首)',
style: const TextStyle( style: const TextStyle(color: Color(0xff429482), fontSize: 16),
color: Color(0xff429482),
fontSize: 16
),
) )
], ],
), ),
content:SingleChildScrollView( content: SingleChildScrollView(
physics: const BouncingScrollPhysics(), physics: const BouncingScrollPhysics(),
child: Column( child: Column(
children: [ children: [
@ -151,8 +149,7 @@ class _MyMusicViewState extends State<MyMusicView> {
), ),
), ),
TextButton( TextButton(
onPressed: () { onPressed: () {},
},
style: TextButton.styleFrom( style: TextButton.styleFrom(
backgroundColor: const Color(0xff429482), backgroundColor: const Color(0xff429482),
minimumSize: const Size(130, 50), minimumSize: const Size(130, 50),
@ -192,7 +189,6 @@ class _MyMusicViewState extends State<MyMusicView> {
); );
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
@ -209,52 +205,54 @@ class _MyMusicViewState extends State<MyMusicView> {
centerTitle: true, centerTitle: true,
elevation: 0, elevation: 0,
leading: !_isSelectMode leading: !_isSelectMode
?IconButton( ? IconButton(
onPressed: () { onPressed: () {
Get.back(result: true); Get.back(result: true);
}, },
icon: Image.asset( icon: Image.asset(
"assets/img/back.png", "assets/img/back.png",
width: 25, width: 25,
height: 25, height: 25,
fit: BoxFit.contain, fit: BoxFit.contain,
), ),
) )
: TextButton( : TextButton(
onPressed: _selectAll, onPressed: _selectAll,
style: TextButton.styleFrom( style: TextButton.styleFrom(
foregroundColor: Colors.black, foregroundColor: Colors.black,
), minimumSize: const Size(50, 40), // 设置最小宽度，确保文字有足够空间
child: const Text('全选',style: TextStyle(fontSize: 18),), padding:
), const EdgeInsets.symmetric(horizontal: 8), // 添加水平内边距
),
child: const Text(
'全选',
style: TextStyle(fontSize: 18),
),
),
title: _isSelectMode title: _isSelectMode
? Text( ? Text(
'已选中 ${_selectedItems.where((item) => item).length} 首歌曲', '已选中 ${_selectedItems.where((item) => item).length} 首歌曲',
style: const TextStyle( style: const TextStyle(
color: Colors.black, color: Colors.black,
), ),
) )
: 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(10, (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(
@ -271,7 +269,7 @@ class _MyMusicViewState extends State<MyMusicView> {
Row( Row(
children: [ children: [
IconButton( IconButton(
onPressed: (){}, onPressed: () {},
icon: Image.asset( icon: Image.asset(
"assets/img/button_play.png", "assets/img/button_play.png",
width: 20, width: 20,
@ -280,16 +278,14 @@ class _MyMusicViewState extends State<MyMusicView> {
), ),
const Text( const Text(
'播放全部', '播放全部',
style: TextStyle( style: TextStyle(fontSize: 16),
fontSize: 16 ),
), const SizedBox(
width: 5,
), ),
const SizedBox(width: 5,),
const Text( const Text(
'50', '50',
style: TextStyle( style: TextStyle(fontSize: 16),
fontSize: 16
),
), ),
], ],
), ),
@ -307,220 +303,221 @@ class _MyMusicViewState extends State<MyMusicView> {
child: songsNum == 0 child: songsNum == 0
? Center(child: Text('该歌单为空')) // 如果没有作品，显示提示文本 ? Center(child: Text('该歌单为空')) // 如果没有作品，显示提示文本
: ListView.builder( : ListView.builder(
itemCount: songsNum, itemCount: songsNum,
itemBuilder: (BuildContext context, int index) { itemBuilder: (BuildContext context, int index) {
return Container( return Container(
padding: const EdgeInsets.symmetric(vertical: 5.0), padding: const EdgeInsets.symmetric(vertical: 5.0),
child: ListTile( child: ListTile(
leading: _isSelectMode leading: _isSelectMode
? Checkbox( ? Checkbox(
value: _selectedItems[index], value: _selectedItems[index],
onChanged: (value) { onChanged: (value) {
setState(() { setState(() {
_selectedItems[index] = value!; _selectedItems[index] = value!;
}); });
}, },
shape: const CircleBorder(), shape: const CircleBorder(),
activeColor: const Color(0xff429482), activeColor: const Color(0xff429482),
) )
: CircleAvatar( : CircleAvatar(
backgroundImage: NetworkImage(coverPath[index]), // 假设封面路径是网络资源 backgroundImage:
radius: 25, NetworkImage(coverPath[index]),
), // 假设封面路径是网络资源
title: Text('${name[index]} - ${singerName[index]}'), // 显示歌曲名和歌手名 radius: 25,
trailing: _isSelectMode ),
? null title:
: IconButton( Text('${name[index]} - ${singerName[index]}'),
icon: const Icon(Icons.more_vert), // 显示歌曲名和歌手名
onPressed: () { trailing: _isSelectMode
_bottomSheet(context); ? null
}, : IconButton(
), icon: const Icon(Icons.more_vert),
onPressed: () {
_bottomSheet(context);
},
),
),
);
},
), ),
);
},
),
), ),
], ],
), ),
), ),
bottomNavigationBar: _isSelectMode bottomNavigationBar: _isSelectMode
? BottomAppBar( ? BottomAppBar(
child: SizedBox( child: SizedBox(
height: 127.0, height: 127.0,
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch, crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
Row( Row(
mainAxisAlignment: MainAxisAlignment.spaceAround, mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [ children: [
Row( Row(
children: [ children: [
IconButton( IconButton(
onPressed: (){ onPressed: () {
_showSelectionDialog(); _showSelectionDialog();
}, },
icon: Image.asset("assets/img/list_add.png"), icon: Image.asset("assets/img/list_add.png"),
iconSize: 60, iconSize: 60,
),
const Text("添加到"),
],
),
Container(
height: 50,
width: 2,
color: const Color(0xff429482),
),
Row(
children: [
IconButton(
onPressed: () {},
icon:
Image.asset("assets/img/list_download.png"),
iconSize: 60,
),
const Text("下载"),
],
),
],
),
ElevatedButton(
onPressed: () {
setState(() {
_isSelectMode = false;
_selectedItems =
List.generate(10, (index) => false);
});
},
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xff429482),
padding: const EdgeInsets.symmetric(vertical: 14),
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.zero,
),
), ),
const Text("添加到"), child: const Text(
], '取消',
), style: TextStyle(color: Colors.black, fontSize: 16),
Container(
height: 50,
width: 2,
color: const Color(0xff429482),
),
Row(
children: [
IconButton(
onPressed: (){},
icon: Image.asset("assets/img/list_download.png"),
iconSize: 60,
), ),
const Text("下载"), ),
], ],
),
],
),
ElevatedButton(
onPressed: () {
setState(() {
_isSelectMode = false;
_selectedItems = List.generate(10, (index) => false);
});
},
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xff429482),
padding: const EdgeInsets.symmetric(vertical: 14),
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.zero,
),
), ),
child: const Text('取消',
style: TextStyle(
color: Colors.black,
fontSize: 16
),),
), ),
], )
),
),
)
: null, : null,
), ),
); );
} }
Future _bottomSheet(BuildContext context){
Future _bottomSheet(BuildContext context) {
return showModalBottomSheet( return showModalBottomSheet(
context: context, context: context,
backgroundColor: Colors.white, backgroundColor: Colors.white,
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(30))), shape: const RoundedRectangleBorder(
builder: (context) =>Container( borderRadius: BorderRadius.vertical(top: Radius.circular(30))),
height: 210, builder: (context) => Container(
padding: const EdgeInsets.only(top: 20), height: 210,
child: Column( padding: const EdgeInsets.only(top: 20),
crossAxisAlignment: CrossAxisAlignment.stretch, child: Column(
children: [ crossAxisAlignment: CrossAxisAlignment.stretch,
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: [
Column( Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: [
IconButton( Column(
onPressed: (){}, children: [
icon: Image.asset("assets/img/list_remove.png"), IconButton(
iconSize: 60, onPressed: () {},
icon: Image.asset("assets/img/list_remove.png"),
iconSize: 60,
),
const Text("从歌单移除")
],
), ),
const Text("从歌单移除") Column(
], children: [
), IconButton(
Column( onPressed: () {},
children: [ icon: Image.asset("assets/img/list_download.png"),
IconButton( iconSize: 60,
onPressed: (){}, ),
icon: Image.asset("assets/img/list_download.png"), const Text("下载")
iconSize: 60, ],
), ),
const Text("下载") Column(
], children: [
), IconButton(
Column( onPressed: () {},
children: [ icon: Image.asset("assets/img/list_collection.png"),
IconButton( iconSize: 60,
onPressed: (){}, ),
icon: Image.asset("assets/img/list_collection.png"), const Text("收藏")
iconSize: 60, ],
),
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 Text("收藏")
], ],
), ),
Column( const SizedBox(
children: [ height: 10,
IconButton( ),
onPressed: (){}, ElevatedButton(
icon: Image.asset("assets/img/list_good.png"), onPressed: () {
iconSize: 60, // 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,
), ),
const Text("点赞") ),
], child: const Text(
"查看详情页",
style: TextStyle(color: Colors.black, fontSize: 18),
),
), ),
Column( ElevatedButton(
children: [ onPressed: () => Navigator.pop(context),
IconButton( style: ElevatedButton.styleFrom(
onPressed: (){}, backgroundColor: const Color(0xff429482),
icon: Image.asset("assets/img/list_comment.png"), padding: const EdgeInsets.symmetric(vertical: 8),
iconSize: 60, tapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.zero,
), ),
const Text("评论") ),
], child: const Text(
"取消",
style: TextStyle(color: Colors.black, fontSize: 18),
),
), ),
], ],
), ),
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),
),
),
],
),
)
);
} }
} }

4
lib/view/user/user_view.dart
Unescape View File

@ -384,12 +384,10 @@ class _UserViewState extends State<UserView> {
IconButton( IconButton(
onPressed: () async { onPressed: () async {
Navigator.pop(context); Navigator.pop(context);
Get.to(const BeginView());
UniversalBean bean = await LogoutApiClient().logout( UniversalBean bean = await LogoutApiClient().logout(
Authorization: AppData().currentToken, Authorization: AppData().currentToken,
); );
if (bean.code == 200) {
Get.to(const BeginView());
}
}, },
icon: Image.asset("assets/img/user_out.png"), icon: Image.asset("assets/img/user_out.png"),
iconSize: 60, iconSize: 60,

Write Preview
Loading…
Cancel
Save