lxh2875931338
708ab91ccb
原因有两层： 1) Song 模型没有封面路径，播放时只带 url/title/artist， 播放页只能等元数据服务返回 artwork 字节后才显示； 2) 元数据回来后用新 Song 覆盖当前歌曲时丢了 artworkPath， 即使带上了也会被冲掉。 - Song 增加 artworkPath 字段 - PlaybackController / 首页收藏 / playPlaylist 构造 Song 时带上 - 播放页：artwork 字节优先，其次直接读 artwork_path 文件 - 迷你播放器同样加 FileImage 兜底 - 元数据更新重建 Song 时保留 artworkPath 真机验证：点击播放后封面立即出现，不再先显示音符占位。
980 lines
33 KiB
Dart
980 lines
33 KiB
Dart
import 'dart:async';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:provider/provider.dart';
|
||
import '../services/audio_service.dart';
|
||
import '../services/favorite_events.dart';
|
||
import '../services/metadata_events.dart';
|
||
import '../services/webdav_service.dart';
|
||
import '../widgets/magnetic_scroll_physics.dart';
|
||
import 'webdav_setup_page.dart';
|
||
import 'settings_page.dart';
|
||
import '../database/song_database.dart';
|
||
import '../models/playlist_summary.dart';
|
||
import '../repositories/playlist_repository.dart';
|
||
import 'playlist_detail_page.dart';
|
||
import '../widgets/song_artwork.dart';
|
||
import 'webdav_file_list_page.dart';
|
||
import '../constants/ui_constants.dart';
|
||
import '../base/base_state.dart';
|
||
|
||
// ==================================================
|
||
// 歌曲数据模型
|
||
// ==================================================
|
||
class SongItem {
|
||
final String path;
|
||
final String fileName;
|
||
final String? title;
|
||
final String? artist;
|
||
final String? artworkPath;
|
||
final String sourceTag;
|
||
final String metadataState;
|
||
|
||
SongItem({
|
||
required this.path,
|
||
required this.fileName,
|
||
this.title,
|
||
this.artist,
|
||
this.artworkPath,
|
||
required this.sourceTag,
|
||
this.metadataState = 'unknown',
|
||
});
|
||
|
||
String get displayTitle => (metadataState == 'success' && title != null)
|
||
? title!
|
||
: fileName.replaceAll(RegExp(r'\.[^.]*$'), '');
|
||
|
||
String get displaySubtitle {
|
||
if (metadataState == 'success' && artist != null && artist!.isNotEmpty) {
|
||
return artist!;
|
||
}
|
||
return sourceTag.isNotEmpty ? sourceTag : '未知艺术家';
|
||
}
|
||
}
|
||
|
||
// ==================================================
|
||
// 通用可点击组件
|
||
// ==================================================
|
||
class _ClickableTile extends StatefulWidget {
|
||
final Widget child;
|
||
final VoidCallback onTap;
|
||
|
||
const _ClickableTile({
|
||
required this.child,
|
||
required this.onTap,
|
||
});
|
||
|
||
@override
|
||
State<_ClickableTile> createState() => _ClickableTileState();
|
||
}
|
||
|
||
class _ClickableTileState extends State<_ClickableTile>
|
||
with SingleTickerProviderStateMixin {
|
||
late final AnimationController _controller;
|
||
late final Animation<double> _scale;
|
||
|
||
static const Duration _duration = Duration(milliseconds: 120);
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_controller = AnimationController(vsync: this, duration: _duration);
|
||
_scale = Tween<double>(begin: 1.0, end: 0.95).animate(
|
||
CurvedAnimation(parent: _controller, curve: Curves.easeOut),
|
||
);
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_controller.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
void _handleTapDown(TapDownDetails details) {
|
||
_controller.forward();
|
||
}
|
||
|
||
void _handleTapUp(TapUpDetails details) {
|
||
_controller.reverse();
|
||
widget.onTap();
|
||
}
|
||
|
||
void _handleTapCancel() {
|
||
_controller.reverse();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return RepaintBoundary(
|
||
child: GestureDetector(
|
||
onTapDown: _handleTapDown,
|
||
onTapUp: _handleTapUp,
|
||
onTapCancel: _handleTapCancel,
|
||
child: AnimatedBuilder(
|
||
animation: _controller,
|
||
builder: (context, child) {
|
||
return Transform.scale(
|
||
scale: _scale.value,
|
||
child: child,
|
||
);
|
||
},
|
||
child: widget.child,
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
// ==================================================
|
||
// Sticky Header 委托
|
||
// ==================================================
|
||
class _StickyHeaderDelegate extends SliverPersistentHeaderDelegate {
|
||
final Widget child;
|
||
|
||
_StickyHeaderDelegate({required this.child});
|
||
|
||
@override
|
||
double get minExtent => 48;
|
||
@override
|
||
double get maxExtent => 48;
|
||
|
||
@override
|
||
Widget build(
|
||
BuildContext context, double shrinkOffset, bool overlapsContent) {
|
||
return child;
|
||
}
|
||
|
||
@override
|
||
bool shouldRebuild(_StickyHeaderDelegate oldDelegate) {
|
||
return child != oldDelegate.child;
|
||
}
|
||
}
|
||
|
||
// ==================================================
|
||
// 主页
|
||
// ==================================================
|
||
class HomePage extends StatefulWidget {
|
||
const HomePage({super.key});
|
||
|
||
@override
|
||
State<HomePage> createState() => _HomePageState();
|
||
}
|
||
|
||
class _HomePageState extends BaseState<HomePage> {
|
||
List<SongItem> _favorites = [];
|
||
bool _isLoading = true;
|
||
|
||
/// 0 = 我的收藏，1 = 歌单列表（左右滑动切换）
|
||
int _homeTab = 0;
|
||
final PageController _homePageController = PageController();
|
||
StreamSubscription<MetadataUpdate>? _metaSub;
|
||
StreamSubscription<String>? _favSub;
|
||
List<PlaylistSummary> _playlistSummaries = [];
|
||
|
||
// ========== 滚动控制 ==========
|
||
late final ScrollController _scrollController;
|
||
final GlobalKey _mediaLibraryKey = GlobalKey();
|
||
double _mediaLibraryHeight = 0.0;
|
||
|
||
// 高度测量重试控制
|
||
int _heightMeasureRetryCount = 0;
|
||
static const int _maxHeightMeasureRetries = 10;
|
||
|
||
// ========== 计算属性 ==========
|
||
double get _progress {
|
||
if (_mediaLibraryHeight <= 0) return 0.0;
|
||
final offset =
|
||
_scrollController.hasClients ? _scrollController.offset : 0.0;
|
||
return (offset / _mediaLibraryHeight).clamp(0.0, 1.0);
|
||
}
|
||
|
||
double get _mediaOpacity {
|
||
final p = _progress;
|
||
if (p <= 0.3) {
|
||
return 1.0 - (p / 0.3) * 0.95;
|
||
} else {
|
||
return 0.05 * (1 - (p - 0.3) / 0.7);
|
||
}
|
||
}
|
||
|
||
double get _listReveal {
|
||
if (_progress <= 0.7) return 0.0;
|
||
return (_progress - 0.7) / 0.3;
|
||
}
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_scrollController = ScrollController()..addListener(_onScroll);
|
||
_metaSub = MetadataEvents().stream.listen(_onMetadataUpdate);
|
||
_favSub = FavoriteEvents().stream.listen((_) => _onFavoriteChanged());
|
||
_initWebDAV();
|
||
|
||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||
_measureMediaLibraryHeight();
|
||
});
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_metaSub?.cancel();
|
||
_favSub?.cancel();
|
||
_homePageController.dispose();
|
||
_scrollController.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
void _measureMediaLibraryHeight() {
|
||
final renderBox =
|
||
_mediaLibraryKey.currentContext?.findRenderObject() as RenderBox?;
|
||
if (renderBox != null) {
|
||
final height = renderBox.size.height;
|
||
if (height > 0 && height != _mediaLibraryHeight) {
|
||
safeSetState(() {
|
||
_mediaLibraryHeight = height;
|
||
_heightMeasureRetryCount = 0;
|
||
});
|
||
print('✅ 媒体库高度测量成功: $height');
|
||
}
|
||
} else {
|
||
_heightMeasureRetryCount++;
|
||
if (_heightMeasureRetryCount < _maxHeightMeasureRetries) {
|
||
Future.delayed(
|
||
const Duration(milliseconds: 200), _measureMediaLibraryHeight);
|
||
} else {
|
||
print('⚠️ 媒体库高度测量失败，使用默认值 280px');
|
||
safeSetState(() {
|
||
_mediaLibraryHeight = 280.0;
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
/// 任何位置收藏/取消收藏后，重新拉一次收藏列表
|
||
Future<void> _onFavoriteChanged() async {
|
||
await _loadFavoritesFromDb();
|
||
if (mounted) safeSetState(() {});
|
||
}
|
||
|
||
/// 元数据补全后，按 path 更新收藏列表里的对应行
|
||
void _onMetadataUpdate(MetadataUpdate update) {
|
||
final index = _favorites.indexWhere((item) => item.path == update.path);
|
||
if (index < 0 || !mounted) return;
|
||
|
||
final row = update.row;
|
||
final title = (row['title'] as String?)?.trim() ?? '';
|
||
final artist = (row['artist'] as String?)?.trim() ?? '';
|
||
final artwork = (row['artwork_path'] as String?)?.trim() ?? '';
|
||
|
||
final old = _favorites[index];
|
||
safeSetState(() {
|
||
_favorites[index] = SongItem(
|
||
path: old.path,
|
||
fileName: old.fileName,
|
||
title: title.isNotEmpty ? title : old.title,
|
||
artist: artist.isNotEmpty ? artist : old.artist,
|
||
artworkPath: artwork.isNotEmpty ? artwork : old.artworkPath,
|
||
sourceTag: old.sourceTag,
|
||
metadataState: (title.isNotEmpty || old.title != null)
|
||
? 'success'
|
||
: 'unknown',
|
||
);
|
||
});
|
||
}
|
||
void _onScroll() {
|
||
if (mounted) safeSetState(() {});
|
||
}
|
||
|
||
Future<void> _initWebDAV() async {
|
||
safeSetState(() => _isLoading = true);
|
||
try {
|
||
await WebDAVService.instance.loadCredentials();
|
||
await _loadFavoritesFromDb();
|
||
await _loadPlaylistSummaries();
|
||
} catch (e) {
|
||
_favorites = [];
|
||
} finally {
|
||
if (mounted) safeSetState(() => _isLoading = false);
|
||
}
|
||
}
|
||
|
||
/// 收藏列表直接绑定 favorites 表 + songs 元数据
|
||
Future<void> _loadFavoritesFromDb() async {
|
||
final db = SongDatabase();
|
||
final favRows = await db.getFavorites();
|
||
final paths = favRows
|
||
.map((row) => row['song_id'] as String?)
|
||
.whereType<String>()
|
||
.toList();
|
||
final meta = await db.getSongsByPaths(paths);
|
||
|
||
final items = <SongItem>[];
|
||
for (final path in paths) {
|
||
final row = meta[path];
|
||
final title = (row?['title'] as String?)?.trim() ?? '';
|
||
final artist = (row?['artist'] as String?)?.trim() ?? '';
|
||
final hasTitle = title.isNotEmpty;
|
||
|
||
// path 是百分号编码的（播放时必须保持），显示前要解码，
|
||
// 否则没有元数据的收藏会显示成 "13%E6%A5%BC..." 这种不可读串。
|
||
final rawName = path.split('/').last;
|
||
String displayName;
|
||
try {
|
||
displayName = Uri.decodeComponent(rawName);
|
||
} catch (_) {
|
||
displayName = rawName;
|
||
}
|
||
|
||
// 取上级目录名，作为没有标签时的副标题（加括号区分"这是文件夹"）
|
||
final segments = path.split('/').where((s) => s.isNotEmpty).toList();
|
||
String folderName = '';
|
||
if (segments.length >= 2) {
|
||
try {
|
||
folderName = Uri.decodeComponent(segments[segments.length - 2]);
|
||
} catch (_) {
|
||
folderName = segments[segments.length - 2];
|
||
}
|
||
}
|
||
|
||
items.add(SongItem(
|
||
path: path,
|
||
fileName: displayName,
|
||
title: hasTitle ? title : null,
|
||
artist: artist.isNotEmpty ? artist : null,
|
||
artworkPath: (row?['artwork_path'] as String?)?.trim().isNotEmpty == true
|
||
? (row!['artwork_path'] as String).trim()
|
||
: null,
|
||
sourceTag: folderName.isNotEmpty ? '($folderName)' : '',
|
||
metadataState: hasTitle ? 'success' : 'unknown',
|
||
));
|
||
}
|
||
_favorites = items;
|
||
}
|
||
|
||
void _playSong(SongItem song) async {
|
||
try {
|
||
// 先校验登录，再开始播放。
|
||
// 以前这里是：playSong() 不 await，紧跟着又 PlaybackService().play() 一次，
|
||
// 同一个 Player 会被 open 两次，media_kit 串行化时第二次会顶掉第一次，
|
||
// 表现就是"媒体加载了但没有声音"。
|
||
final headers = await WebDAVService.instance.getAuthHeaders();
|
||
|
||
if (headers.isEmpty) {
|
||
if (mounted) {
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
const SnackBar(
|
||
content: Text('请先登录 WebDAV'),
|
||
backgroundColor: Colors.orange,
|
||
),
|
||
);
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (!mounted) return;
|
||
|
||
final url = WebDAVService.instance.getFileUrl(song.path);
|
||
final audioService = context.read<AudioService>();
|
||
await audioService.playSong(Song(
|
||
id: song.path,
|
||
title: song.displayTitle,
|
||
artist: song.displaySubtitle,
|
||
artworkPath: song.artworkPath,
|
||
url: url,
|
||
));
|
||
} catch (e) {
|
||
if (mounted) {
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
SnackBar(
|
||
content: Text('播放失败: $e'),
|
||
backgroundColor: Colors.red,
|
||
),
|
||
);
|
||
}
|
||
}
|
||
}
|
||
|
||
Future<void> _loadPlaylistSummaries() async {
|
||
try {
|
||
final list = await PlaylistRepository().getSummaries();
|
||
if (!mounted) return;
|
||
setState(() => _playlistSummaries = list);
|
||
} catch (e) {
|
||
debugPrint('⚠️ [Home] 读取歌单失败: $e');
|
||
}
|
||
}
|
||
|
||
Widget _buildHomeTabIndicator() {
|
||
Widget seg(int index) {
|
||
final active = _homeTab == index;
|
||
return GestureDetector(
|
||
onTap: () => safeSetState(() => _homeTab = index),
|
||
behavior: HitTestBehavior.opaque,
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 2),
|
||
child: AnimatedContainer(
|
||
duration: const Duration(milliseconds: 220),
|
||
curve: Curves.easeOutCubic,
|
||
width: active ? 26 : 7,
|
||
height: 7,
|
||
decoration: BoxDecoration(
|
||
color: active ? Colors.white : Colors.white24,
|
||
borderRadius: BorderRadius.circular(4),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
return Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
seg(0),
|
||
const SizedBox(width: 6),
|
||
seg(1),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildFavoritesTab() {
|
||
if (_isLoading) {
|
||
return const Center(
|
||
child: CircularProgressIndicator(color: Color(0xFFB8D4D0)),
|
||
);
|
||
}
|
||
if (_favorites.isEmpty) {
|
||
return Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.favorite_border, size: 48, color: Colors.grey[600]),
|
||
const SizedBox(height: 16),
|
||
Text(
|
||
'还没有收藏歌曲\n在音乐库中点击 ♡ 添加',
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
color: Colors.grey[500],
|
||
height: 1.6,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
return ListView.builder(
|
||
padding: const EdgeInsets.fromLTRB(
|
||
20, 0, 20, UIConstants.miniPlayerBottomSpace),
|
||
itemCount: _favorites.length,
|
||
itemBuilder: (context, index) {
|
||
final song = _favorites[index];
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 2),
|
||
child: ListTile(
|
||
contentPadding: EdgeInsets.zero,
|
||
visualDensity: VisualDensity.compact,
|
||
minVerticalPadding: 0,
|
||
leading: SongArtwork(
|
||
filePath: song.artworkPath,
|
||
size: 44,
|
||
fallbackIcon: Icons.music_note,
|
||
),
|
||
title: Text(
|
||
song.displayTitle,
|
||
style: const TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.w400,
|
||
color: Colors.white,
|
||
),
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
subtitle: Text(
|
||
song.displaySubtitle,
|
||
style: TextStyle(fontSize: 13, color: Colors.grey[400]),
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
trailing: IconButton(
|
||
icon: const Icon(
|
||
Icons.favorite,
|
||
color: Color(0xFFE05C5C),
|
||
size: 20,
|
||
),
|
||
onPressed: () async {
|
||
await SongDatabase().removeFavorite(song.path);
|
||
await _loadFavoritesFromDb();
|
||
if (mounted) safeSetState(() {});
|
||
},
|
||
),
|
||
onTap: () => _playFavorites(index),
|
||
),
|
||
);
|
||
},
|
||
);
|
||
}
|
||
|
||
Widget _buildPlaylistsTab() {
|
||
if (_isLoading) {
|
||
return const Center(
|
||
child: CircularProgressIndicator(color: Color(0xFFB8D4D0)),
|
||
);
|
||
}
|
||
if (_playlistSummaries.isEmpty) {
|
||
return Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.queue_music, size: 48, color: Colors.grey[600]),
|
||
const SizedBox(height: 16),
|
||
Text(
|
||
'还没有歌单\n在文件列表长按歌曲即可加入',
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
color: Colors.grey[500],
|
||
height: 1.6,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
return ListView.builder(
|
||
padding: const EdgeInsets.fromLTRB(
|
||
20, 0, 20, UIConstants.miniPlayerBottomSpace),
|
||
itemCount: _playlistSummaries.length,
|
||
itemBuilder: (context, index) {
|
||
final playlist = _playlistSummaries[index];
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 2),
|
||
child: ListTile(
|
||
contentPadding: EdgeInsets.zero,
|
||
visualDensity: VisualDensity.compact,
|
||
leading: Container(
|
||
width: 44,
|
||
height: 44,
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF1E2A28),
|
||
borderRadius: BorderRadius.circular(10),
|
||
),
|
||
child: const Icon(
|
||
Icons.queue_music,
|
||
color: Color(0xFFB8D4D0),
|
||
size: 22,
|
||
),
|
||
),
|
||
title: Text(
|
||
playlist.name,
|
||
style: const TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.w400,
|
||
color: Colors.white,
|
||
),
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
subtitle: Text(
|
||
'${playlist.songCount} 首',
|
||
style: TextStyle(fontSize: 13, color: Colors.grey[400]),
|
||
),
|
||
onTap: () async {
|
||
await Navigator.push(
|
||
context,
|
||
MaterialPageRoute(
|
||
builder: (_) => PlaylistDetailPage(
|
||
playlistId: playlist.id,
|
||
playlistName: playlist.name,
|
||
),
|
||
),
|
||
);
|
||
await _loadPlaylistSummaries();
|
||
if (mounted) safeSetState(() {});
|
||
},
|
||
),
|
||
);
|
||
},
|
||
);
|
||
}
|
||
|
||
/// 收藏列表整队入队：点哪首就从哪首开始，队列是整个收藏列表
|
||
Future<void> _playFavorites(int index) async {
|
||
if (_favorites.isEmpty) return;
|
||
try {
|
||
final headers = await WebDAVService.instance.getAuthHeaders();
|
||
if (headers.isEmpty) {
|
||
if (mounted) {
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
const SnackBar(
|
||
content: Text('请先登录 WebDAV'),
|
||
backgroundColor: Colors.orange,
|
||
),
|
||
);
|
||
}
|
||
return;
|
||
}
|
||
|
||
final songs = _favorites
|
||
.map((item) => Song(
|
||
id: item.path,
|
||
title: item.displayTitle,
|
||
artist: item.displaySubtitle,
|
||
artworkPath: item.artworkPath,
|
||
url: WebDAVService.instance.getFileUrl(item.path),
|
||
))
|
||
.toList();
|
||
|
||
if (!mounted) return;
|
||
debugPrint('⭐ [Home] 收藏整队入队：${songs.length} 首，从第 $index 首开始');
|
||
await context.read<AudioService>().setQueue(songs, startIndex: index);
|
||
} catch (e) {
|
||
if (mounted) {
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
SnackBar(content: Text('播放失败: $e'), backgroundColor: Colors.red),
|
||
);
|
||
}
|
||
}
|
||
}
|
||
|
||
// ⭐ 退出/重新登录对话框
|
||
void _showReauthDialog() {
|
||
showDialog(
|
||
context: context,
|
||
builder: (context) => AlertDialog(
|
||
backgroundColor: const Color(0xFF1A1F1E),
|
||
title: const Text(
|
||
'重新登录 WebDAV',
|
||
style: TextStyle(color: Colors.white),
|
||
),
|
||
content: const Text(
|
||
'退出当前账号并重新登录？',
|
||
style: TextStyle(color: Colors.grey),
|
||
),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () => Navigator.pop(context),
|
||
child: const Text('取消'),
|
||
),
|
||
TextButton(
|
||
onPressed: () async {
|
||
Navigator.pop(context);
|
||
await WebDAVService.instance.clearCredentials();
|
||
safeSetState(() {
|
||
_favorites = [];
|
||
_isLoading = false;
|
||
});
|
||
if (mounted) {
|
||
// 用 push 保留 HomePage 在栈底；登录成功后 Setup 会 popUntil 回到这里
|
||
await Navigator.push(
|
||
context,
|
||
MaterialPageRoute(
|
||
builder: (_) => const WebDAVSetupPage(),
|
||
),
|
||
);
|
||
if (mounted) {
|
||
await _initWebDAV();
|
||
safeSetState(() {});
|
||
}
|
||
}
|
||
},
|
||
child: const Text(
|
||
'重新登录',
|
||
style: TextStyle(color: Colors.redAccent),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
void _resetSnapState() {
|
||
if (_scrollController.hasClients) {
|
||
_scrollController.jumpTo(0.0);
|
||
}
|
||
safeSetState(() {});
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final isConnected = WebDAVService.instance.isConnected;
|
||
final username = WebDAVService.instance.username ?? '点击连接';
|
||
|
||
return Scaffold(
|
||
backgroundColor: const Color(0xFF0E1211),
|
||
body: Column(
|
||
children: [
|
||
SafeArea(
|
||
bottom: false,
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
const Text(
|
||
'清听',
|
||
style: TextStyle(
|
||
fontSize: 24,
|
||
fontWeight: FontWeight.w600,
|
||
color: Colors.white,
|
||
),
|
||
),
|
||
IconButton(
|
||
icon: const Icon(Icons.menu, color: Colors.white54),
|
||
onPressed: () {
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(
|
||
builder: (_) => const SettingsPage(),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
Expanded(
|
||
child: CustomScrollView(
|
||
controller: _scrollController,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
slivers: [
|
||
SliverToBoxAdapter(
|
||
child: Opacity(
|
||
opacity: _mediaOpacity,
|
||
child: Container(
|
||
key: _mediaLibraryKey,
|
||
padding: const EdgeInsets.symmetric(horizontal: 20),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
const Text(
|
||
'媒体库',
|
||
style: TextStyle(
|
||
fontSize: 20,
|
||
fontWeight: FontWeight.w500,
|
||
color: Color(0xFFB8D4D0),
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
_ClickableTile(
|
||
onTap: () async {
|
||
if (WebDAVService.instance.isConnected) {
|
||
await Navigator.push(
|
||
context,
|
||
MaterialPageRoute(
|
||
builder: (_) => const WebDAVFileListPage(),
|
||
),
|
||
);
|
||
await _loadFavoritesFromDb();
|
||
_resetSnapState();
|
||
safeSetState(() {});
|
||
} else {
|
||
final result = await Navigator.push(
|
||
context,
|
||
MaterialPageRoute(
|
||
builder: (_) => const WebDAVSetupPage(),
|
||
),
|
||
);
|
||
safeSetState(() {});
|
||
if (result == true) {
|
||
await WebDAVService.instance
|
||
.loadCredentials();
|
||
safeSetState(() {});
|
||
}
|
||
}
|
||
},
|
||
child: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// 左侧云朵图标（固定 56px）
|
||
const Padding(
|
||
padding: EdgeInsets.only(left: 8.0),
|
||
child: Icon(
|
||
Icons.cloud_outlined,
|
||
color: Color(0xFFB8D4D0),
|
||
size: 56,
|
||
),
|
||
),
|
||
const SizedBox(width: 16),
|
||
// 右侧所有内容
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment:
|
||
CrossAxisAlignment.start,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
// 第一行：WebDAV + 状态 + 退出按钮
|
||
Row(
|
||
children: [
|
||
const Text(
|
||
'WebDAV',
|
||
style: TextStyle(
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.w500,
|
||
color: Colors.white,
|
||
),
|
||
),
|
||
const SizedBox(width: 16),
|
||
Text(
|
||
isConnected ? '● 已连接' : '● 未连接',
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: isConnected
|
||
? const Color(0xFF4CAF50)
|
||
: Colors.grey[500],
|
||
fontWeight: FontWeight.w400,
|
||
),
|
||
),
|
||
const Spacer(),
|
||
if (isConnected)
|
||
Padding(
|
||
padding:
|
||
const EdgeInsets.only(top: 2),
|
||
child: GestureDetector(
|
||
onTap: _showReauthDialog,
|
||
child: const Icon(
|
||
Icons.logout,
|
||
color: Colors.grey,
|
||
size: 18,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 4),
|
||
// 第二行：用户名
|
||
Text(
|
||
isConnected ? username : '点击连接',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: isConnected
|
||
? Colors.grey[400]
|
||
: Colors.grey[600],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Row(
|
||
children: [
|
||
Expanded(
|
||
child: _ClickableTile(
|
||
onTap: () {},
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(
|
||
vertical: 10),
|
||
child: Row(
|
||
mainAxisAlignment:
|
||
MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.music_note,
|
||
size: 24,
|
||
color: const Color(0xFFB8D4D0)),
|
||
const SizedBox(width: 8),
|
||
const Text(
|
||
'本地音乐',
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w400,
|
||
color: Colors.white70,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(width: 16),
|
||
Expanded(
|
||
child: _ClickableTile(
|
||
onTap: () {},
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(
|
||
vertical: 10),
|
||
child: Row(
|
||
mainAxisAlignment:
|
||
MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.history,
|
||
size: 24,
|
||
color: const Color(0xFFB8D4D0)),
|
||
const SizedBox(width: 8),
|
||
const Text(
|
||
'最近播放',
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w400,
|
||
color: Colors.white70,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 16),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
SliverPersistentHeader(
|
||
pinned: true,
|
||
delegate: _StickyHeaderDelegate(
|
||
child: Container(
|
||
height: 48,
|
||
color: const Color(0xFF0E1211),
|
||
padding: const EdgeInsets.symmetric(horizontal: 20),
|
||
child: Row(
|
||
children: [
|
||
Icon(
|
||
_homeTab == 0
|
||
? Icons.favorite
|
||
: Icons.queue_music,
|
||
color: const Color(0xFFB8D4D0),
|
||
size: 20,
|
||
),
|
||
const SizedBox(width: 8),
|
||
Text(
|
||
_homeTab == 0 ? '我的收藏' : '歌单列表',
|
||
style: const TextStyle(
|
||
fontSize: 20,
|
||
fontWeight: FontWeight.w500,
|
||
color: Color(0xFFB8D4D0),
|
||
),
|
||
),
|
||
const Spacer(),
|
||
_buildHomeTabIndicator(),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
SliverFillRemaining(
|
||
hasScrollBody: true,
|
||
child: PageView(
|
||
controller: _homePageController,
|
||
onPageChanged: (index) =>
|
||
safeSetState(() => _homeTab = index),
|
||
children: [
|
||
_buildFavoritesTab(),
|
||
_buildPlaylistsTab(),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|