fix: 修复登录bug, 添加登录/注册页面点击任意非文本框失焦

master
Spark 2 weeks ago
parent e908f62d86
commit 04e09c2507

@ -0,0 +1,201 @@
// audio_player_controller.dart
import 'dart:async';
import 'package:get/get.dart';
import 'package:just_audio/just_audio.dart';
import '../common_widget/Song_widegt.dart';
import '../models/getMusicList_bean.dart';
import '../common/download_manager.dart';
import '../common_widget/app_data.dart';
import '../api/api_music_list.dart';
class AudioPlayerController extends GetxController {
final audioPlayer = AudioPlayer();
final downloadManager = Get.find<DownloadManager>();
final appData = AppData();
// Observable values
final currentSongIndex = 0.obs;
final duration = Duration.zero.obs;
final position = Duration.zero.obs;
final isPlaying = false.obs;
final isLoading = false.obs;
final isRotating = false.obs;
final isDisposed = false.obs;
// Current song info
final artistName = ''.obs;
final musicName = ''.obs;
final likesStatus = false.obs;
final collectionsStatus = false.obs;
// Song lists
final songList = <Song>[].obs;
final ids = <int>[].obs;
final songUrls = <String>[].obs;
final artists = <String>[].obs;
final musicNames = <String>[].obs;
final likes = <bool>[].obs;
final collections = <bool>[].obs;
StreamSubscription? _positionSubscription;
StreamSubscription? _durationSubscription;
StreamSubscription? _playerStateSubscription;
void initWithSongs(List<Song> songs, int initialIndex) {
songList.value = songs;
currentSongIndex.value = initialIndex;
_initializeSongLists();
_initializePlayer();
}
void _initializeSongLists() {
for (int i = 0; i < songList.length; i++) {
ids.add(songList[i].id);
songUrls.add(songList[i].musicurl ?? '');
artists.add(songList[i].artist);
musicNames.add(songList[i].title);
likes.add(songList[i].likes ?? false);
collections.add(songList[i].collection ?? false);
}
_updateCurrentSongInfo();
}
void _initializePlayer() {
// Position updates
_positionSubscription = audioPlayer.positionStream.listen((pos) {
position.value = pos;
});
// Duration updates
_durationSubscription = audioPlayer.durationStream.listen((dur) {
duration.value = dur ?? Duration.zero;
});
// Player state updates
_playerStateSubscription = audioPlayer.playerStateStream.listen((state) {
// isPlaying.value = state.playing;
if (state.processingState == ProcessingState.completed) {
playNext();
}
});
// Initial load
_loadAndPlayCurrentSong();
}
void _updateCurrentSongInfo() {
artistName.value = artists[currentSongIndex.value];
musicName.value = musicNames[currentSongIndex.value];
likesStatus.value = likes[currentSongIndex.value];
collectionsStatus.value = collections[currentSongIndex.value];
}
Future<void> toggleLike() async {
final currentIndex = currentSongIndex.value;
likesStatus.value = !likesStatus.value;
likes[currentIndex] = likesStatus.value;
}
Future<void> toggleCollection() async {
final currentIndex = currentSongIndex.value;
collectionsStatus.value = !collectionsStatus.value;
collections[currentIndex] = collectionsStatus.value;
}
Future<void> _loadAndPlayCurrentSong() async {
isLoading.value = true;
position.value = Duration.zero;
duration.value = Duration.zero;
_updateCurrentSongInfo();
await _checkAndUpdateSongStatus(currentSongIndex.value);
try {
await audioPlayer.stop();
final localSong = downloadManager.getLocalSong(currentSongIndex.value);
final audioSource = localSong != null
? AudioSource.file(localSong.musicurl!)
: AudioSource.uri(Uri.parse(songUrls[currentSongIndex.value]));
await audioPlayer.setAudioSource(audioSource, preload: true);
duration.value = await audioPlayer.duration ?? Duration.zero;
await audioPlayer.play();
} catch (e) {
print('Error loading audio source: $e');
} finally {
isLoading.value = false;
}
}
Future<void> _checkAndUpdateSongStatus(int index) async {
if (songList[index].likes == null || songList[index].collection == null) {
try {
MusicListBean musicListBean = await GetMusic().getMusicById(
id: ids[index],
Authorization: appData.currentToken,
);
if (musicListBean.code == 200) {
likes[index] = musicListBean.likeOrNot!;
collections[index] = musicListBean.collectOrNot!;
if (index == currentSongIndex.value) {
likesStatus.value = musicListBean.likeOrNot!;
collectionsStatus.value = musicListBean.collectOrNot!;
}
}
} catch (e) {
print('Error fetching song status: $e');
}
}
}
void playOrPause() async {
if (audioPlayer.playing) {
isPlaying.value = false;
await audioPlayer.pause();
} else {
await audioPlayer.play();
isPlaying.value = true;
}
}
void playNext() {
if (currentSongIndex.value < songList.length - 1) {
currentSongIndex.value++;
} else {
currentSongIndex.value = 0;
}
_loadAndPlayCurrentSong();
}
void playPrevious() {
if (currentSongIndex.value > 0) {
currentSongIndex.value--;
} else {
currentSongIndex.value = songList.length - 1;
}
_loadAndPlayCurrentSong();
}
void seekTo(Duration position) async {
await audioPlayer.seek(position);
}
void changeSong(int index) {
currentSongIndex.value = index;
_loadAndPlayCurrentSong();
}
@override
void onClose() {
isDisposed.value = true;
_positionSubscription?.cancel();
_durationSubscription?.cancel();
_playerStateSubscription?.cancel();
audioPlayer.dispose();
super.onClose();
}
}

@ -7,5 +7,7 @@ class AppData extends GetxController{
String get currentToken => box.read('currentToken'); String get currentToken => box.read('currentToken');
String get currentUsername => box.read('currentUsername') ?? '游客'; String get currentUsername => box.read('currentUsername') ?? '游客';
String get currentAvatar=> box.read('currentAvatar') ?? 'http://b.hiphotos.baidu.com/image/pic/item/e824b899a9014c08878b2c4c0e7b02087af4f4a3.jpg'; String get currentAvatar=> box.read('currentAvatar') ?? 'http://b.hiphotos.baidu.com/image/pic/item/e824b899a9014c08878b2c4c0e7b02087af4f4a3.jpg';
set currentToken(String token) => box.write('currentToken', token);
set currentUsername(String username) => box.write('currentUsername', username);
set currentAvatar(String avatar) => box.write('currentAvatar', avatar);
} }

@ -17,17 +17,22 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
@override @override
void initState() { void initState() {
tabController = TabController( tabController = TabController(initialIndex: 0, length: 2, vsync: this);
initialIndex: 0, tabController.addListener(() {
length: 2, if (!tabController.indexIsChanging) {
vsync: this FocusScope.of(context).unfocus();
); }
});
super.initState(); super.initState();
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return GestureDetector(
onTap: () {
FocusScope.of(context).unfocus();
},
child: 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"),
@ -45,7 +50,8 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
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(
@ -55,8 +61,7 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
style: TextStyle( style: TextStyle(
color: Colors.black, color: Colors.black,
fontSize: 20, fontSize: 20,
fontWeight: FontWeight.w500 fontWeight: FontWeight.w500),
),
), ),
Row( Row(
children: [ children: [
@ -65,16 +70,14 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
style: TextStyle( style: TextStyle(
color: Colors.black, color: Colors.black,
fontSize: 20, fontSize: 20,
fontWeight: FontWeight.w500 fontWeight: FontWeight.w500),
),
), ),
Text( Text(
"喵听", "喵听",
style: TextStyle( style: TextStyle(
color: Colors.black, color: Colors.black,
fontSize: 32, fontSize: 32,
fontWeight: FontWeight.w800 fontWeight: FontWeight.w800),
),
), ),
], ],
), ),
@ -102,12 +105,14 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
child: TabBar( child: TabBar(
controller: tabController, controller: tabController,
unselectedLabelColor: const Color(0xffCDCDCD), unselectedLabelColor: const Color(0xffCDCDCD),
// onTap: (_) {
// FocusScope.of(context).unfocus();
// },
labelColor: Colors.black, labelColor: Colors.black,
indicatorSize: TabBarIndicatorSize.tab, indicatorSize: TabBarIndicatorSize.tab,
indicator: BoxDecoration( indicator: BoxDecoration(
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
color: MColor.LGreen color: MColor.LGreen),
),
tabs: [ tabs: [
Container( Container(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
@ -150,6 +155,6 @@ class _BeginViewState extends State<BeginView> with TickerProviderStateMixin {
), ),
), ),
), ),
); ));
} }
} }

@ -27,6 +27,16 @@ class _LoginVState extends State<LoginV> {
IconData iconPassword = CupertinoIcons.eye_fill; IconData iconPassword = CupertinoIcons.eye_fill;
bool obscurePassword = true; bool obscurePassword = true;
final _passwordFocusNode = FocusNode();
final _nameFocusNode = FocusNode();
@override
void dispose() {
_passwordFocusNode.dispose();
_nameFocusNode.dispose();
super.dispose();
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Form( return Form(
@ -39,6 +49,7 @@ class _LoginVState extends State<LoginV> {
child: MyTextField( child: MyTextField(
controller: nameController, controller: nameController,
hintText: '请输入账号', hintText: '请输入账号',
focusNode: _nameFocusNode,
obscureText: false, obscureText: false,
keyboardType: TextInputType.emailAddress, keyboardType: TextInputType.emailAddress,
prefixIcon: Image.asset("assets/img/login_user.png"))), prefixIcon: Image.asset("assets/img/login_user.png"))),
@ -49,6 +60,7 @@ class _LoginVState extends State<LoginV> {
child: MyTextField( child: MyTextField(
controller: passwordController, controller: passwordController,
hintText: '请输入密码', hintText: '请输入密码',
focusNode: _passwordFocusNode,
obscureText: obscurePassword, obscureText: obscurePassword,
keyboardType: TextInputType.visiblePassword, keyboardType: TextInputType.visiblePassword,
prefixIcon: Image.asset("assets/img/login_lock.png"), prefixIcon: Image.asset("assets/img/login_lock.png"),
@ -78,6 +90,8 @@ class _LoginVState extends State<LoginV> {
child: TextButton( child: TextButton(
onPressed: () async { onPressed: () async {
try { try {
_nameFocusNode.unfocus();
_passwordFocusNode.unfocus();
Get.dialog( Get.dialog(
Center( Center(
child: CircularProgressIndicator( child: CircularProgressIndicator(
@ -99,11 +113,10 @@ class _LoginVState extends State<LoginV> {
SnackBar( SnackBar(
content: const Center( content: const Center(
child: Text( child: Text(
'登录成功!', '登录成功',
style: TextStyle( style: TextStyle(
color: Colors.black, color: Colors.black,
fontSize: 16.0, // fontSize: 16.0, //
fontWeight: FontWeight.w500, //
), ),
), ),
), ),
@ -111,7 +124,8 @@ class _LoginVState extends State<LoginV> {
behavior: SnackBarBehavior.floating, behavior: SnackBarBehavior.floating,
backgroundColor: Colors.white, backgroundColor: Colors.white,
elevation: 3, elevation: 3,
width: 200, // width: 200,
//
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
@ -121,7 +135,6 @@ class _LoginVState extends State<LoginV> {
.getInfo( .getInfo(
Authorization: AppData().currentToken); Authorization: AppData().currentToken);
} else { } else {
Get.back();
throw Exception("账号或密码错误"); throw Exception("账号或密码错误");
} }
} catch (error) { } catch (error) {
@ -131,11 +144,10 @@ class _LoginVState extends State<LoginV> {
SnackBar( SnackBar(
content: Center( content: Center(
child: Text( child: Text(
'${error.toString().replaceAll ('Exception: ', '')} ', error.toString().replaceAll ('Exception: ', ''),
style: TextStyle( style: const TextStyle(
color: Colors.red, color: Colors.black,
fontSize: 16.0, // fontSize: 16.0, //
fontWeight: FontWeight.w500, //
), ),
), ),
), ),
@ -143,7 +155,11 @@ class _LoginVState extends State<LoginV> {
behavior: SnackBarBehavior.floating, behavior: SnackBarBehavior.floating,
backgroundColor: Colors.white, backgroundColor: Colors.white,
elevation: 3, elevation: 3,
width: 200, // margin: EdgeInsets.only(
bottom: 50, // 50
right: (MediaQuery.of(context).size.width - 200) / 2, //
left: (MediaQuery.of(context).size.width - 200) / 2,
),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),

@ -30,6 +30,12 @@ class _SignUpViewState extends State<SignUpView> {
bool obscurePassword = true; bool obscurePassword = true;
bool signUpRequired = false; bool signUpRequired = false;
final _nameFocusNode = FocusNode();
final _passwordFocusNode = FocusNode();
final _emailFocusNode = FocusNode();
final _confirmPSWFocusNode = FocusNode();
final _confirmFocusNode = FocusNode();
// //
Timer? _timer; Timer? _timer;
int _countDown = 60; int _countDown = 60;
@ -75,6 +81,7 @@ class _SignUpViewState extends State<SignUpView> {
child: MyTextField( child: MyTextField(
controller: nameController, controller: nameController,
hintText: '请输入用户名', hintText: '请输入用户名',
focusNode: _nameFocusNode,
obscureText: false, obscureText: false,
keyboardType: TextInputType.emailAddress, keyboardType: TextInputType.emailAddress,
prefixIcon: Image.asset("assets/img/login_user.png"), prefixIcon: Image.asset("assets/img/login_user.png"),
@ -94,6 +101,7 @@ class _SignUpViewState extends State<SignUpView> {
controller: emailController, controller: emailController,
hintText: '请输入邮箱名', hintText: '请输入邮箱名',
obscureText: false, obscureText: false,
focusNode: _emailFocusNode,
keyboardType: TextInputType.name, keyboardType: TextInputType.name,
prefixIcon: Image.asset("assets/img/setup_email.png"), prefixIcon: Image.asset("assets/img/setup_email.png"),
validator: (val) { validator: (val) {
@ -110,6 +118,7 @@ class _SignUpViewState extends State<SignUpView> {
controller: passwordController, controller: passwordController,
hintText: '请输入密码', hintText: '请输入密码',
obscureText: obscurePassword, obscureText: obscurePassword,
focusNode: _passwordFocusNode,
keyboardType: TextInputType.visiblePassword, keyboardType: TextInputType.visiblePassword,
prefixIcon: Image.asset("assets/img/login_lock.png"), prefixIcon: Image.asset("assets/img/login_lock.png"),
suffixIcon: IconButton( suffixIcon: IconButton(
@ -144,6 +153,7 @@ class _SignUpViewState extends State<SignUpView> {
controller: confirmPSWController, controller: confirmPSWController,
hintText: '请确认密码', hintText: '请确认密码',
obscureText: obscurePassword, obscureText: obscurePassword,
focusNode: _confirmPSWFocusNode,
keyboardType: TextInputType.visiblePassword, keyboardType: TextInputType.visiblePassword,
prefixIcon: Image.asset("assets/img/login_lock.png"), prefixIcon: Image.asset("assets/img/login_lock.png"),
suffixIcon: IconButton( suffixIcon: IconButton(
@ -184,6 +194,7 @@ class _SignUpViewState extends State<SignUpView> {
controller: confirmController, controller: confirmController,
hintText: '请输入验证码', hintText: '请输入验证码',
obscureText: false, obscureText: false,
focusNode: _confirmFocusNode,
keyboardType: TextInputType.name, keyboardType: TextInputType.name,
prefixIcon: Image.asset("assets/img/setup_confirm.png"), prefixIcon: Image.asset("assets/img/setup_confirm.png"),
validator: (val) { validator: (val) {
@ -205,6 +216,11 @@ class _SignUpViewState extends State<SignUpView> {
), ),
onPressed: _canSendCode onPressed: _canSendCode
? () async { ? () async {
_nameFocusNode.unfocus();
_emailFocusNode.unfocus();
_passwordFocusNode.unfocus();
_confirmPSWFocusNode.unfocus();
_confirmFocusNode.unfocus();
UniversalBean bean = await SetupApiClient().verification( UniversalBean bean = await SetupApiClient().verification(
email: emailController.text, email: emailController.text,
); );
@ -213,9 +229,9 @@ class _SignUpViewState extends State<SignUpView> {
startTimer(); // startTimer(); //
ScaffoldMessenger.of(context).showSnackBar( ScaffoldMessenger.of(context).showSnackBar(
SnackBar( SnackBar(
content: Center( content: const Center(
child: Text( child: Text(
'验证码已成功发送!', '验证码发送成功',
style: TextStyle(color: Colors.black), style: TextStyle(color: Colors.black),
), ),
), ),
@ -223,7 +239,11 @@ class _SignUpViewState extends State<SignUpView> {
behavior: SnackBarBehavior.floating, behavior: SnackBarBehavior.floating,
backgroundColor: Colors.white, backgroundColor: Colors.white,
elevation: 3, elevation: 3,
width: 200, margin: EdgeInsets.only(
bottom: 50, // 50
right: (MediaQuery.of(context).size.width - 200) / 2, //
left: (MediaQuery.of(context).size.width - 200) / 2,
),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
@ -232,13 +252,12 @@ class _SignUpViewState extends State<SignUpView> {
} else { } else {
ScaffoldMessenger.of(context).showSnackBar( ScaffoldMessenger.of(context).showSnackBar(
SnackBar( SnackBar(
content: Center( content: const Center(
child: Text( child: Text(
'邮箱为空或格式不正确!', '请检查邮箱',
style: TextStyle( style: TextStyle(
color: Colors.black, color: Colors.black,
fontSize: 16.0, // fontSize: 16.0, //
fontWeight: FontWeight.w500, //
), ),
), ),
), ),
@ -246,7 +265,12 @@ class _SignUpViewState extends State<SignUpView> {
behavior: SnackBarBehavior.floating, behavior: SnackBarBehavior.floating,
backgroundColor: Colors.white, backgroundColor: Colors.white,
elevation: 3, elevation: 3,
width: 220, // width: 220,
margin: EdgeInsets.only(
bottom: 50, // 50
right: (MediaQuery.of(context).size.width - 200) / 2, //
left: (MediaQuery.of(context).size.width - 200) / 2,
),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
@ -271,6 +295,11 @@ class _SignUpViewState extends State<SignUpView> {
width: MediaQuery.of(context).size.width * 0.85, width: MediaQuery.of(context).size.width * 0.85,
child: TextButton( child: TextButton(
onPressed: () async { onPressed: () async {
_nameFocusNode.unfocus();
_emailFocusNode.unfocus();
_passwordFocusNode.unfocus();
_confirmPSWFocusNode.unfocus();
_confirmFocusNode.unfocus();
if (_formKey.currentState?.validate() == false) { if (_formKey.currentState?.validate() == false) {
const Text( const Text(
'', '',

@ -5,6 +5,101 @@ import 'package:music_player_miao/view/user/user_view.dart';
import '../home_view.dart'; import '../home_view.dart';
import '../release_view.dart'; import '../release_view.dart';
//
class MiniPlayer extends StatelessWidget {
const MiniPlayer({super.key});
@override
Widget build(BuildContext context) {
return Container(
height: 50, //
decoration: BoxDecoration(
color: Colors.white,
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.1),
blurRadius: 4,
offset: const Offset(0, -1),
),
],
),
child: Row(
children: [
//
Container(
width: 50,
height: 50,
color: Colors.grey[200],
child: Image.asset(
'assets/img/artist_pic.png',
fit: BoxFit.cover,
),
),
//
Expanded(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 12),
child: Row(
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'背对背拥抱',
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 2),
Text(
'林俊杰',
style: TextStyle(
fontSize: 12,
color: Colors.grey[600],
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
],
),
),
//
Row(
mainAxisSize: MainAxisSize.min,
children: [
IconButton(
icon: const Icon(Icons.play_arrow),
onPressed: () {},
padding: EdgeInsets.zero,
constraints: const BoxConstraints(),
iconSize: 24,
),
const SizedBox(width: 16),
IconButton(
icon: const Icon(Icons.playlist_play),
onPressed: () {},
padding: EdgeInsets.zero,
constraints: const BoxConstraints(),
iconSize: 24,
),
const SizedBox(width: 8),
],
),
],
),
),
),
],
),
);
}
}
class MainTabView extends StatefulWidget { class MainTabView extends StatefulWidget {
const MainTabView({super.key}); const MainTabView({super.key});
@override @override
@ -38,7 +133,13 @@ class _MainTabViewState extends State<MainTabView> with SingleTickerProviderStat
return Scaffold( return Scaffold(
resizeToAvoidBottomInset: false, resizeToAvoidBottomInset: false,
key: scaffoldKey, key: scaffoldKey,
body: TabBarView( body: Stack(
children: [
// TabBarView
Column(
children: [
Expanded(
child: TabBarView(
controller: controller, controller: controller,
children: const [ children: const [
HomeView(), HomeView(),
@ -47,21 +148,33 @@ class _MainTabViewState extends State<MainTabView> with SingleTickerProviderStat
UserView() UserView()
], ],
), ),
bottomNavigationBar: Container( ),
],
),
//
Positioned(
left: 0,
right: 0,
bottom: 0,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const MiniPlayer(),
Container(
color: Colors.white, color: Colors.white,
child: TabBar( child: TabBar(
controller: controller, controller: controller,
indicatorColor: Colors.transparent, indicatorColor: Colors.transparent,
labelColor: Colors.black, labelColor: Colors.black,
labelStyle: const TextStyle(fontSize: 12), // labelStyle: const TextStyle(fontSize: 12),
unselectedLabelColor: const Color(0xffCDCDCD), unselectedLabelColor: const Color(0xffCDCDCD),
unselectedLabelStyle: const TextStyle(fontSize: 12), // unselectedLabelStyle: const TextStyle(fontSize: 12),
tabs: [ tabs: [
Tab( Tab(
height: 60, // height: 60,
icon: Image.asset( icon: Image.asset(
selectTab == 0 ? "assets/img/home_tab.png" : "assets/img/home_tab_un.png", selectTab == 0 ? "assets/img/home_tab.png" : "assets/img/home_tab_un.png",
width: 32, // width: 32,
height: 32, height: 32,
), ),
text: "首页", text: "首页",
@ -96,6 +209,11 @@ class _MainTabViewState extends State<MainTabView> with SingleTickerProviderStat
], ],
), ),
), ),
],
),
),
],
),
); );
} }
} }

@ -0,0 +1,507 @@
// music_view_test.dart
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../common/audio_player_controller.dart';
import '../common/download_manager.dart';
import '../common_widget/Song_widegt.dart';
import '../common_widget/app_data.dart';
import 'comment_view.dart';
class MusicView extends StatefulWidget {
final List<Song> songList;
final int initialSongIndex;
final Function(int index, bool isCollected, bool isLiked)?
onSongStatusChanged;
const MusicView({
super.key,
required this.songList,
required this.initialSongIndex,
this.onSongStatusChanged,
});
@override
State<MusicView> createState() => _MusicViewState();
}
class _MusicViewState extends State<MusicView>
with SingleTickerProviderStateMixin {
// late AnimationController _rotationController;
final AudioPlayerController playerController =
Get.put(AudioPlayerController());
final downloadManager = Get.find<DownloadManager>();
final AppData appData = AppData();
@override
void initState() {
super.initState();
playerController.initWithSongs(widget.songList, widget.initialSongIndex);
}
@override
void dispose() {
super.dispose();
}
String formatDuration(Duration duration) {
String twoDigits(int n) => n.toString().padLeft(2, "0");
String twoDigitMinutes = twoDigits(duration.inMinutes.remainder(60));
String twoDigitSeconds = twoDigits(duration.inSeconds.remainder(60));
return "$twoDigitMinutes:$twoDigitSeconds";
}
Widget _buildProgressSlider() {
return Obx(() {
final max = playerController.duration.value.inSeconds.toDouble() == 0
? 0.1
: playerController.duration.value.inSeconds.toDouble();
final current =
playerController.position.value.inSeconds.toDouble().clamp(0, max);
return SliderTheme(
data: const SliderThemeData(
trackHeight: 3.0,
thumbShape: RoundSliderThumbShape(enabledThumbRadius: 7.0),
overlayShape: RoundSliderOverlayShape(overlayRadius: 12.0),
),
child: Slider(
min: 0,
max: max,
value: current.toDouble(),
onChanged: (value) {
playerController.seekTo(Duration(seconds: value.toInt()));
},
activeColor: const Color(0xff429482),
inactiveColor: const Color(0xffE3F0ED),
),
);
});
}
Widget _buildPlayButton() {
return Obx(() {
return SizedBox(
width: 52,
height: 52,
child: Center(
child: playerController.isLoading.value
? const CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(Color(0xff429482)),
strokeWidth: 3.0,
)
: IconButton(
padding: EdgeInsets.zero,
constraints: const BoxConstraints(
minWidth: 52,
minHeight: 52,
maxWidth: 52,
maxHeight: 52,
),
onPressed: playerController.playOrPause,
icon: !playerController.isPlaying.value
? Image.asset(
"assets/img/music_play.png",
width: 52,
height: 52,
)
: Image.asset(
"assets/img/music_pause.png",
width: 52,
height: 52,
),
),
),
);
});
}
// Widget _buildRotatingAlbumCover() {
// return Obx(() {
// final currentSong =
// widget.songList[playerController.currentSongIndex.value];
// return RotationTransition(
// turns: _rotationController,
// child: Stack(
// alignment: Alignment.center,
// children: [
// Positioned(
// child: ClipRRect(
// child: Image.network(
// currentSong.artistPic,
// width: 225,
// height: 225,
// fit: BoxFit.cover,
// ),
// ),
// ),
// ClipRRect(
// child: Image.asset(
// "assets/img/music_Ellipse.png",
// width: 350,
// height: 350,
// fit: BoxFit.cover,
// ),
// ),
// ],
// ),
// );
// });
// }
Widget _buildRotatingAlbumCover() {
return Obx(() {
final currentSong =
widget.songList[playerController.currentSongIndex.value];
// RotationTransition
return Stack(
alignment: Alignment.center,
children: [
Positioned(
child: ClipRRect(
child: Image.network(
currentSong.artistPic,
width: 225,
height: 225,
fit: BoxFit.cover,
),
),
),
ClipRRect(
child: Image.asset(
"assets/img/music_Ellipse.png",
width: 350,
height: 350,
fit: BoxFit.cover,
),
),
],
);
});
}
void _showPlaylist() {
showModalBottomSheet(
context: context,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(30)),
),
builder: (BuildContext context) {
return Container(
padding: const EdgeInsets.only(top: 15),
constraints: BoxConstraints(
maxHeight: MediaQuery.of(context).size.height * 0.45,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
const Center(
child: Text(
"播放列表",
style: TextStyle(fontSize: 20),
),
),
const SizedBox(height: 10),
Expanded(
child: Obx(() => ListView.builder(
itemCount: playerController.musicNames.length,
itemBuilder: (BuildContext context, int index) {
final isCurrentlyPlaying =
playerController.currentSongIndex.value == index;
return ListTile(
tileColor: isCurrentlyPlaying
? const Color(0xffE3F0ED)
: null,
title: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Padding(
padding: const EdgeInsets.only(left: 20),
child: Text(
playerController.musicNames[index],
style: const TextStyle(fontSize: 18),
),
),
Padding(
padding: const EdgeInsets.only(right: 20),
child: Image.asset(
"assets/img/songs_run.png",
width: 25,
),
),
],
),
onTap: () {
playerController.changeSong(index);
Navigator.pop(context);
},
);
},
)),
),
],
),
);
},
);
}
@override
Widget build(BuildContext context) {
return 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(top: 45, left: 10, right: 10),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
IconButton(
onPressed: () {
Get.back();
},
icon: Image.asset(
"assets/img/back.png",
width: 25,
height: 25,
fit: BoxFit.contain,
),
),
Row(
children: [
IconButton(
onPressed: () {},
icon: Image.asset(
"assets/img/music_add.png",
width: 30,
height: 30,
),
),
Obx(() => IconButton(
onPressed: downloadManager.isDownloading(
playerController.ids[playerController
.currentSongIndex.value]) ||
downloadManager.isCompleted(
playerController.ids[playerController
.currentSongIndex.value])
? null
: () async {
await downloadManager.startDownload(
song: widget.songList[playerController
.currentSongIndex.value],
context: context,
);
},
icon: Obx(() {
if (downloadManager.isDownloading(
playerController.ids[playerController
.currentSongIndex.value])) {
return Stack(
alignment: Alignment.center,
children: [
SizedBox(
width: 32,
height: 32,
child: CircularProgressIndicator(
value: downloadManager.getProgress(
playerController.ids[
playerController
.currentSongIndex.value]),
backgroundColor: Colors.grey[200],
valueColor:
const AlwaysStoppedAnimation<
Color>(Color(0xff429482)),
strokeWidth: 3.0,
),
),
Text(
'${(downloadManager.getProgress(playerController.ids[playerController.currentSongIndex.value]) * 100).toInt()}',
style: const TextStyle(fontSize: 12),
),
],
);
}
return Image.asset(
downloadManager.isCompleted(
playerController.ids[playerController
.currentSongIndex.value])
? "assets/img/music_download_completed.png"
: "assets/img/music_download.png",
width: 30,
height: 30,
);
}),
)),
],
),
],
),
const SizedBox(height: 80),
Center(child: _buildRotatingAlbumCover()),
const SizedBox(height: 60),
Obx(() => Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
playerController.musicName.value,
style: const TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
Text(
playerController.artistName.value,
style: const TextStyle(fontSize: 20),
),
],
),
Row(
children: [
IconButton(
onPressed: () async {
playerController.toggleLike();
final currentIndex =
playerController.currentSongIndex.value;
widget.onSongStatusChanged?.call(
currentIndex,
playerController.collections[currentIndex],
playerController.likes[currentIndex],
);
},
icon: Image.asset(
playerController.likesStatus.value
? "assets/img/music_good.png"
: "assets/img/music_good_un.png",
width: 29,
height: 29,
),
),
IconButton(
onPressed: () async {
playerController.toggleCollection();
final currentIndex =
playerController.currentSongIndex.value;
widget.onSongStatusChanged?.call(
currentIndex,
playerController.collections[currentIndex],
playerController.likes[currentIndex],
);
},
icon: Image.asset(
playerController.collectionsStatus.value
? "assets/img/music_star.png"
: "assets/img/music_star_un.png",
width: 29,
height: 29,
),
),
IconButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => CommentView(
id: playerController.ids[playerController
.currentSongIndex.value],
song: playerController.musicName.value,
singer: playerController.artistName.value,
cover: widget
.songList[playerController
.currentSongIndex.value]
.artistPic,
),
),
);
},
icon: Image.asset(
"assets/img/music_commend_un.png",
width: 29,
height: 29,
),
),
],
),
],
)),
const SizedBox(height: 80),
Obx(() => Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
formatDuration(playerController.position.value),
style: const TextStyle(color: Colors.black),
),
Expanded(child: _buildProgressSlider()),
Text(
formatDuration(playerController.duration.value),
style: const TextStyle(color: Colors.black),
),
],
)),
const SizedBox(height: 30),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
IconButton(
onPressed: () {},
icon: Image.asset(
"assets/img/music_random.png",
width: 35,
height: 35,
),
),
Row(
children: [
IconButton(
onPressed: playerController.playPrevious,
icon: Image.asset(
"assets/img/music_back.png",
width: 42,
height: 42,
),
),
const SizedBox(width: 10),
_buildPlayButton(),
const SizedBox(width: 10),
IconButton(
onPressed: playerController.playNext,
icon: Image.asset(
"assets/img/music_next.png",
width: 42,
height: 42,
),
),
],
),
IconButton(
onPressed: _showPlaylist,
icon: Image.asset(
"assets/img/music_more.png",
width: 35,
height: 35,
),
),
],
),
],
),
),
),
),
);
}
}

@ -423,6 +423,9 @@ class _UserViewState extends State<UserView> with AutomaticKeepAliveClientMixin
UniversalBean bean = await LogoutApiClient().logout( UniversalBean bean = await LogoutApiClient().logout(
Authorization: AppData().currentToken, Authorization: AppData().currentToken,
); );
AppData().currentToken = '';
AppData().currentUsername = '';
AppData().currentAvatar = '';
}, },
icon: Image.asset("assets/img/user_out.png"), icon: Image.asset("assets/img/user_out.png"),
iconSize: 60, iconSize: 60,

Loading…
Cancel
Save