lxh2875931338/QingTing-Player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

部分界面调整，把底部的播放控件完整前置

Browse Source
This commit is contained in:
lxh2875931338
2026-08-18 22:57:29 +08:00
parent e96da3fb04
commit c05398d76f
7 changed files with 708 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/pages/webdav_file_list_page.dart
+137 -20
View File
@@ -1,11 +1,10 @@
// lib/pages/webdav_file_list_page.dart
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../services/webdav_service.dart';
import '../services/playback_service.dart';
import '../services/audio_service.dart';
import 'dart:async';
import 'dart:convert';
class WebDAVFileListPage extends StatefulWidget {
final String currentPath;
@@ -27,7 +26,7 @@ class _WebDAVFileListPageState extends State<WebDAVFileListPage> {
try {
return Uri.decodeComponent(input);
} catch (_) {
return input; // 解码失败时返回原始字符串
return input;
}
}
@@ -38,6 +37,9 @@ class _WebDAVFileListPageState extends State<WebDAVFileListPage> {
_loadDirectory();
}
// ============================================================
// 加载目录
// ============================================================
Future<void> _loadDirectory() async {
setState(() {
_isLoading = true;
@@ -59,6 +61,9 @@ class _WebDAVFileListPageState extends State<WebDAVFileListPage> {
}
}
// ============================================================
// 进入子目录
// ============================================================
void _enterDirectory(WebDAVItem dir) {
Navigator.push(
context,
@@ -68,19 +73,19 @@ class _WebDAVFileListPageState extends State<WebDAVFileListPage> {
);
}
// ============================================================
// ⭐ 核心：播放歌曲 + 自动构建队列
// ============================================================
void _playSong(WebDAVItem file) async {
try {
final url = WebDAVService.instance.getFileUrl(file.path);
// 1. 获取当前目录所有音乐文件（过滤掉目录）
final musicFiles = _items.where((item) => !item.isDirectory).toList();
// ✅ 动态获取认证头（从 SharedPreferences 读取）
final headers = await WebDAVService.instance.getAuthHeaders();
if (headers.isEmpty) {
print('⚠️ 未获取到认证头，请检查 WebDAV 登录状态');
if (musicFiles.isEmpty) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('请先登录 WebDAV'),
content: Text('当前目录没有音乐文件'),
backgroundColor: Colors.orange,
),
);
@@ -88,18 +93,57 @@ class _WebDAVFileListPageState extends State<WebDAVFileListPage> {
return;
}
print('🎵 [文件列表] 播放 URL: $url');
print('📋 [文件列表] 认证头已设置: ${headers.keys}');
// 2. 获取认证头
final headers = await WebDAVService.instance.getAuthHeaders();
final song = Song(
id: file.path,
title: file.name.replaceAll(RegExp(r'\.[^.]*$'), ''),
artist: '未知艺术家',
url: url,
);
context.read<AudioService>().playSong(song);
// 3. 构建播放队列（所有音乐文件）
final queue = musicFiles.map((item) {
final itemUrl = WebDAVService.instance.getFileUrl(item.path);
return Song(
id: item.path,
title: item.name.replaceAll(RegExp(r'\.[^.]*$'), ''),
artist: '未知艺术家',
url: itemUrl,
);
}).toList();
await PlaybackService().play(url, headers: headers);
// 4. 找到当前点击歌曲在队列中的位置
final startIndex = queue.indexWhere((s) => s.id == file.path);
if (startIndex == -1) {
// 极端情况：队列构建有问题，退化为单曲播放
final url = WebDAVService.instance.getFileUrl(file.path);
final song = Song(
id: file.path,
title: file.name.replaceAll(RegExp(r'\.[^.]*$'), ''),
artist: '未知艺术家',
url: url,
);
context.read<AudioService>().setQueue([song], startIndex: 0);
await PlaybackService().play(url, headers: headers);
return;
}
// 5. 设置队列并播放
final audioService = context.read<AudioService>();
audioService.setQueue(queue, startIndex: startIndex);
// 6. 播放（AudioService 内部已经调用了 PlaybackService，但为了确保认证头传递）
// 这里再显式调用一下，确保认证头正确
final targetUrl = queue[startIndex].url!;
await PlaybackService().play(targetUrl, headers: headers);
// 7. 更新 AudioService 的播放状态（确保 UI 同步）
// setQueue 已经调用了 _playCurrent()，所以这里不需要重复调用
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('正在播放: ${file.name}'),
backgroundColor: const Color(0xFF4CAF50),
duration: const Duration(seconds: 1),
),
);
}
} catch (e) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
@@ -112,6 +156,67 @@ class _WebDAVFileListPageState extends State<WebDAVFileListPage> {
}
}
// ============================================================
// 全部播放（从第一首开始）
// ============================================================
void _playAll() async {
try {
final musicFiles = _items.where((item) => !item.isDirectory).toList();
if (musicFiles.isEmpty) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('当前目录没有音乐文件'),
backgroundColor: Colors.orange,
),
);
}
return;
}
final headers = await WebDAVService.instance.getAuthHeaders();
final queue = musicFiles.map((item) {
final itemUrl = WebDAVService.instance.getFileUrl(item.path);
return Song(
id: item.path,
title: item.name.replaceAll(RegExp(r'\.[^.]*$'), ''),
artist: '未知艺术家',
url: itemUrl,
);
}).toList();
final audioService = context.read<AudioService>();
audioService.setQueue(queue, startIndex: 0);
final targetUrl = queue[0].url!;
await PlaybackService().play(targetUrl, headers: headers);
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('开始播放全部 (${queue.length}首)'),
backgroundColor: const Color(0xFF4CAF50),
duration: const Duration(seconds: 1),
),
);
}
} catch (e) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('播放失败: $e'),
backgroundColor: Colors.red,
),
);
}
}
}
// ============================================================
// 显示路径
// ============================================================
String _getDisplayPath() {
if (_currentPath == '/' || _currentPath.isEmpty) return '根目录';
@@ -123,6 +228,9 @@ class _WebDAVFileListPageState extends State<WebDAVFileListPage> {
return '... / ${parts.sublist(parts.length - 2).join(' / ')}';
}
// ============================================================
// Build
// ============================================================
@override
Widget build(BuildContext context) {
return Scaffold(
@@ -140,6 +248,12 @@ class _WebDAVFileListPageState extends State<WebDAVFileListPage> {
onPressed: () => Navigator.pop(context),
),
actions: [
// 全部播放按钮
IconButton(
icon: const Icon(Icons.playlist_play),
onPressed: _playAll,
tooltip: '全部播放',
),
IconButton(
icon: const Icon(Icons.refresh),
onPressed: _loadDirectory,
@@ -211,6 +325,9 @@ class _WebDAVFileListPageState extends State<WebDAVFileListPage> {
);
}
// ============================================================
// 构建列表项
// ============================================================
Widget _buildListItem(WebDAVItem item) {
final displayName = _safeDecode(item.name);