827 lines
28 KiB
Dart
827 lines
28 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:unionapp/pages/music/music_page.dart';
|
|
import '../../service/recommendation_helper.dart';
|
|
import '../../service/song_service.dart';
|
|
import '../../tool/gradientText.dart';
|
|
import '../user/userpage.dart';
|
|
import '../scorelist.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../../providers/user_provider.dart';
|
|
import '../../model/song_model.dart';
|
|
|
|
class HomePage extends StatelessWidget {
|
|
final Function(int)? onSwitchTab;
|
|
|
|
const HomePage({super.key, this.onSwitchTab});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final userProvider = context.watch<UserProvider>();
|
|
|
|
return Scaffold(
|
|
backgroundColor: Colors.transparent,
|
|
body: SafeArea(
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// ====================== 顶部 Header ======================
|
|
SizedBox(
|
|
width: double.infinity,
|
|
height: 100,
|
|
child: Stack(
|
|
children: [
|
|
const Padding(
|
|
padding: EdgeInsets.only(left: 30, top: 60),
|
|
child: Text(
|
|
"Tool",
|
|
style: TextStyle(fontSize: 32, fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
Positioned(
|
|
right: 20,
|
|
top: 25,
|
|
child: Row(
|
|
children: [
|
|
GradientText(
|
|
data: userProvider.username,
|
|
style: const TextStyle(fontSize: 19, fontWeight: FontWeight.bold),
|
|
gradientLayers: [
|
|
GradientLayer(
|
|
gradient: const LinearGradient(
|
|
colors: [Colors.pinkAccent, Colors.orangeAccent],
|
|
),
|
|
blendMode: BlendMode.srcIn,
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(width: 8),
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(0),
|
|
child: SizedBox(
|
|
width: 54,
|
|
height: 54,
|
|
child: userProvider.avatarUrl.isNotEmpty
|
|
? Image.network(
|
|
userProvider.avatarUrl,
|
|
fit: BoxFit.cover,
|
|
)
|
|
: Container(
|
|
color: Colors.grey[200],
|
|
child: const Icon(Icons.person, size: 30),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 30),
|
|
|
|
// ====================== 横向卡片区域 ======================
|
|
SizedBox(
|
|
height: 180,
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
padding: const EdgeInsets.symmetric(horizontal: 25, vertical: 10).copyWith(bottom: 30),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
_buildCardWithTitle(
|
|
context: context,
|
|
title: "用户中心",
|
|
icon: Icons.person_outline,
|
|
targetIndex: 3,
|
|
gradient: const LinearGradient(
|
|
colors: [Colors.black, Colors.grey],
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
),
|
|
shadowColor: Colors.black38,
|
|
),
|
|
const SizedBox(width: 20),
|
|
|
|
_buildCardWithTitle(
|
|
context: context,
|
|
title: "歌曲列表",
|
|
icon: Icons.music_note_outlined,
|
|
targetPage: const MusicPage(),
|
|
gradient: const LinearGradient(
|
|
colors: [Color(0xFFff9a9e), Color(0xFFfecfef)],
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
),
|
|
shadowColor: const Color(0xFFff9a9e).withOpacity(0.6),
|
|
),
|
|
const SizedBox(width: 20),
|
|
|
|
_buildCardWithTitle(
|
|
context: context,
|
|
title: "成绩管理",
|
|
icon: Icons.score,
|
|
targetIndex: 1,
|
|
gradient: const LinearGradient(
|
|
colors: [Color(0xFF84fab0), Color(0xFF8fd3f4)],
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
),
|
|
shadowColor: const Color(0xFF84fab0).withOpacity(0.6),
|
|
),
|
|
const SizedBox(width: 20),
|
|
|
|
_buildCardWithTitle(
|
|
context: context,
|
|
title: "娱乐功能",
|
|
icon: Icons.kebab_dining_sharp,
|
|
targetPage: const ScoreListPage(),
|
|
gradient: const LinearGradient(
|
|
colors: [Colors.lightBlueAccent, Colors.blueAccent],
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
),
|
|
shadowColor: Colors.lightBlue.withOpacity(0.6),
|
|
),
|
|
const SizedBox(width: 20),
|
|
|
|
_buildCardWithTitle(
|
|
context: context,
|
|
title: "评分列表",
|
|
icon: Icons.star,
|
|
targetPage: const ScoreListPage(),
|
|
gradient: const LinearGradient(
|
|
colors: [Colors.redAccent, Colors.pinkAccent],
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
),
|
|
shadowColor: Colors.red.withOpacity(0.6),
|
|
),
|
|
const SizedBox(width: 20),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
// ====================== 海报 ======================
|
|
const PosterImage(imageUrl: 'https://cdn.godserver.cn/post/post%20unionapp1.png'),
|
|
const SizedBox(height: 20),
|
|
|
|
// ====================== 用户数据展示卡片 ======================
|
|
const _UserInfoCard(),
|
|
const SizedBox(height: 30),
|
|
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// 左侧：智能推荐乐曲（占 6 份宽度）
|
|
Expanded(
|
|
flex: 6,
|
|
child: const _RecommendedSongsSection(),
|
|
),
|
|
const SizedBox(width: 20), // 左右间距
|
|
// 右侧：快捷按钮区域（占 4 份宽度）
|
|
Expanded(
|
|
flex: 6,
|
|
child: _buildQuickActionButtons(), // 快捷按钮组件
|
|
),
|
|
const SizedBox(width: 10), // 左右间距
|
|
],
|
|
),
|
|
const SizedBox(height: 30),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
// 右侧快捷按钮区域（你可以自由修改图标、文字、点击事件）
|
|
Widget _buildQuickActionButtons() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Text(
|
|
"快捷操作",
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: 15),
|
|
// 按钮网格
|
|
GridView.count(
|
|
shrinkWrap: true,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
crossAxisCount: 2, // 一行 2 个按钮
|
|
crossAxisSpacing: 12,
|
|
mainAxisSpacing: 12,
|
|
childAspectRatio: 1.0,
|
|
children: [
|
|
_quickActionItem(
|
|
icon: Icons.download,
|
|
label: "更新成绩",
|
|
gradient: LinearGradient(
|
|
colors: [Colors.lightBlueAccent.withAlpha(10), Colors.pinkAccent.withOpacity(0.1)],
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
),
|
|
color: Colors.pinkAccent.shade100,
|
|
onTap: () {},
|
|
),
|
|
_quickActionItem(
|
|
icon: Icons.stars_outlined,
|
|
label: "ADX",
|
|
color: Colors.white,
|
|
gradient: LinearGradient(
|
|
colors: [Colors.blueAccent, Colors.pinkAccent.shade100],
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.topRight,
|
|
),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.blueAccent.withOpacity(0.3),
|
|
blurRadius: 8,
|
|
offset: const Offset(2, 4),
|
|
),
|
|
],
|
|
onTap: () {},
|
|
),
|
|
|
|
// 橙色渐变
|
|
_quickActionItem(
|
|
icon: Icons.generating_tokens,
|
|
label: "ReiSasol",
|
|
color: Colors.white,
|
|
gradient: LinearGradient(
|
|
colors: [Colors.orangeAccent, Colors.pink],
|
|
begin: Alignment.center,
|
|
end: Alignment.bottomLeft,
|
|
),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.orange.withOpacity(0.3),
|
|
blurRadius: 8,
|
|
offset: const Offset(2, 4),
|
|
),
|
|
],
|
|
onTap: () {},
|
|
),
|
|
_quickActionItem(
|
|
icon: Icons.link,
|
|
label: "友站",
|
|
color: Colors.white,
|
|
gradient: LinearGradient(
|
|
colors: [Colors.grey[600]!, Colors.grey[400]!],
|
|
),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.grey.withOpacity(0.2),
|
|
blurRadius: 6,
|
|
offset: const Offset(1, 2),
|
|
),
|
|
],
|
|
onTap: () {},
|
|
),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
|
|
// 修改后的组件方法
|
|
Widget _quickActionItem({
|
|
required IconData icon,
|
|
required String label,
|
|
required Color color,
|
|
required VoidCallback onTap,
|
|
// 新增：渐变背景（可选）
|
|
Gradient? gradient,
|
|
// 新增：阴影（可选）
|
|
List<BoxShadow>? boxShadow,
|
|
}) {
|
|
return InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(16),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
// 优先级：渐变 > 纯色背景
|
|
color: gradient == null ? Colors.black.withOpacity(0.1) : null,
|
|
gradient: gradient,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: boxShadow,
|
|
),
|
|
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 8), // 优化内边距
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(icon, color: color, size: 28),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
label,
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
color: color,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
Widget _buildCardWithTitle({
|
|
required BuildContext context,
|
|
required String title,
|
|
required IconData icon,
|
|
int? targetIndex,
|
|
Widget? targetPage,
|
|
required LinearGradient gradient,
|
|
required Color shadowColor,
|
|
}) {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () {
|
|
if (targetIndex != null && onSwitchTab != null) {
|
|
onSwitchTab!(targetIndex);
|
|
} else if (targetPage != null) {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(builder: (context) => targetPage),
|
|
);
|
|
}
|
|
},
|
|
child: _buildCustomCardBody(
|
|
gradient: gradient,
|
|
shadowColor: shadowColor,
|
|
icon: icon,
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Text(
|
|
title,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: 0.5,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildCustomCardBody({
|
|
required LinearGradient gradient,
|
|
required Color shadowColor,
|
|
required IconData icon,
|
|
}) {
|
|
return Container(
|
|
width: 100,
|
|
height: 100,
|
|
decoration: BoxDecoration(
|
|
gradient: gradient,
|
|
borderRadius: BorderRadius.circular(24),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: shadowColor,
|
|
blurRadius: 15,
|
|
spreadRadius: 3,
|
|
offset: const Offset(4, 6),
|
|
),
|
|
],
|
|
),
|
|
child: Center(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(10),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withOpacity(0.25),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Icon(
|
|
icon,
|
|
size: 36,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// ====================== 用户数据卡片 ======================
|
|
class _UserInfoCard extends StatelessWidget {
|
|
const _UserInfoCard();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final userProvider = Provider.of<UserProvider>(context);
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 17.0),
|
|
child: Container(
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(10),
|
|
color: Colors.white,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.lightBlueAccent.shade100,
|
|
blurRadius: 4,
|
|
offset: const Offset(0, 2),
|
|
spreadRadius: 3,
|
|
),
|
|
],
|
|
),
|
|
padding: const EdgeInsets.all(20),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(0),
|
|
child: SizedBox(
|
|
width: 60,
|
|
height: 60,
|
|
child: userProvider.avatarUrl.isNotEmpty
|
|
? Image.network(
|
|
userProvider.avatarUrl,
|
|
fit: BoxFit.cover,
|
|
)
|
|
: Container(
|
|
color: Colors.grey[200],
|
|
child: const Icon(Icons.person, size: 30),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 18),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
GradientText(
|
|
data:"用户名：${userProvider.username} ",
|
|
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
|
gradientLayers: [
|
|
GradientLayer(
|
|
gradient: const LinearGradient(
|
|
colors: [Colors.blueAccent, Colors.green],
|
|
),
|
|
blendMode: BlendMode.srcIn,
|
|
),
|
|
],
|
|
),
|
|
GradientText(
|
|
data:"Ra:${userProvider.user?.rating} Points:${userProvider.user?.points}",
|
|
style: const TextStyle(fontSize: 12, fontWeight: FontWeight.bold),
|
|
gradientLayers: [
|
|
GradientLayer(
|
|
gradient: const LinearGradient(
|
|
colors: [Colors.deepPurple, Colors.purple],
|
|
),
|
|
blendMode: BlendMode.srcIn,
|
|
),
|
|
],
|
|
),
|
|
const Divider(height: 5, thickness: 1),
|
|
Text(
|
|
userProvider.username == "未登录"
|
|
? "状态：未登录"
|
|
: "状态：已登录",
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
color: userProvider.username == "未登录"
|
|
? Colors.red
|
|
: Colors.green,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// ====================== 🎵 修复完成：推荐乐曲组件 ======================
|
|
class _RecommendedSongsSection extends StatelessWidget {
|
|
const _RecommendedSongsSection();
|
|
|
|
Future<Map<String, dynamic>> _loadData(UserProvider userProvider) async {
|
|
// 加载歌曲 + 用户数据
|
|
final allSongs = await SongService.getAllSongs();
|
|
List<dynamic> userMusicList = [];
|
|
final token = userProvider.token;
|
|
|
|
try {
|
|
final scoreData = await SongService.getUserAllScores(
|
|
token!,
|
|
name: userProvider.selectedCnUserName,
|
|
);
|
|
if (scoreData.containsKey('userScoreAll_')) {
|
|
userMusicList = scoreData['userScoreAll_']['userMusicList'] ?? [];
|
|
} else if (scoreData.containsKey('userMusicList')) {
|
|
userMusicList = scoreData['userMusicList'] ?? [];
|
|
}
|
|
} catch (e) {
|
|
}
|
|
|
|
final int currentRating = userProvider.user?.rating ?? 0;
|
|
final int estimatedB35Min = (currentRating / 50).toInt();
|
|
|
|
final recommended = RecommendationHelper.getSmartRecommendations(
|
|
allSongs: allSongs,
|
|
userMusicList: userMusicList,
|
|
userRating: currentRating, // 传入非空 int
|
|
b35MinRating: estimatedB35Min, // 传入非空 int
|
|
count: 6,
|
|
);
|
|
|
|
return {
|
|
'songs': recommended,
|
|
};
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final userProvider = context.read<UserProvider>();
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Row(
|
|
children: [
|
|
SizedBox(width: 8),
|
|
Text(
|
|
"随几首",
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 15),
|
|
FutureBuilder<Map<String, dynamic>>(
|
|
future: _loadData(userProvider),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.connectionState == ConnectionState.waiting) {
|
|
return const Center(child: CircularProgressIndicator());
|
|
}
|
|
if (snapshot.hasError || !snapshot.hasData) {
|
|
return const Center(child: Text("加载推荐失败"));
|
|
}
|
|
|
|
final List<SongModel> songs = snapshot.data!['songs'] ?? [];
|
|
if (songs.isEmpty) {
|
|
return const Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.all(20.0),
|
|
child: Text("暂无推荐歌曲，快去游玩更多曲目吧！"),
|
|
),
|
|
);
|
|
}
|
|
|
|
return SizedBox(
|
|
height: 200,
|
|
child: ListView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: songs.length,
|
|
itemBuilder: (context, index) {
|
|
return _SongItemCard(song: songs[index]);
|
|
},
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SongItemCard extends StatelessWidget {
|
|
final SongModel song;
|
|
|
|
const _SongItemCard({required this.song});
|
|
|
|
String _getCoverUrl(int musicId) {
|
|
int displayId = musicId % 10000;
|
|
// 注意：这里逻辑可能需要根据你的实际资源调整，通常 DX 歌曲 ID > 10000
|
|
if (musicId >= 10000) {
|
|
String idStr = displayId.toString().padLeft(6, '0');
|
|
return "https://u.mai2.link/jacket/UI_Jacket_$idStr.jpg";
|
|
} else {
|
|
return "https://cdn.godserver.cn/resource/static/mai/cover/$displayId.png";
|
|
}
|
|
}
|
|
|
|
// 获取难度颜色
|
|
Color _getLevelColor(int levelIndex) {
|
|
switch (levelIndex) {
|
|
case 0: return Colors.green; // Basic
|
|
case 1: return Colors.blue; // Advanced
|
|
case 2: return Colors.yellow[700]!; // Expert
|
|
case 3: return Colors.red; // Master
|
|
case 4: return Colors.purple; // Re:Master
|
|
default: return Colors.grey;
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// 假设我们要显示 Master (3) 和 Re:Master (4) 的难度
|
|
// 你需要从 song.sd 或 song.dx 中解析出具体的 level_value (定数)
|
|
double? masterLv = _getLevelValue(song, 3);
|
|
double? reMasterLv = _getLevelValue(song, 4);
|
|
|
|
return Container(
|
|
width: 140,
|
|
margin: const EdgeInsets.only(right: 12),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(12),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.grey.withOpacity(0.15),
|
|
blurRadius: 8,
|
|
offset: const Offset(0, 4),
|
|
),
|
|
],
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// ✅ 1. 图片优化：增加 loadingBuilder 和 cacheWidth
|
|
ClipRRect(
|
|
borderRadius: const BorderRadius.vertical(top: Radius.circular(12)),
|
|
child: SizedBox(
|
|
height: 120,
|
|
width: double.infinity,
|
|
child: Image.network(
|
|
_getCoverUrl(song.id),
|
|
fit: BoxFit.cover,
|
|
// 关键优化：指定缓存宽度，减少内存占用和解码时间
|
|
cacheWidth: 280,
|
|
loadingBuilder: (context, child, loadingProgress) {
|
|
if (loadingProgress == null) return child;
|
|
return Container(
|
|
color: Colors.grey[200],
|
|
child: Center(child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
value: loadingProgress.expectedTotalBytes != null
|
|
? loadingProgress.cumulativeBytesLoaded /
|
|
loadingProgress.expectedTotalBytes!
|
|
: null,
|
|
)),
|
|
);
|
|
},
|
|
errorBuilder: (_, __, ___) {
|
|
return Container(
|
|
color: Colors.grey[200],
|
|
child: const Icon(Icons.music_note, size: 40, color: Colors.grey),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
// 标题
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8),
|
|
child: Text(
|
|
song.title ?? "未知歌曲",
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w600),
|
|
),
|
|
),
|
|
|
|
// 艺术家 (修复了重复显示的问题)
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8),
|
|
child: Text(
|
|
song.artist ?? "未知艺术家",
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(fontSize: 11, color: Colors.grey[600]),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 6),
|
|
|
|
// ✅ 2. 底部难度标签
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
child: Row(
|
|
children: [
|
|
if (masterLv != null)
|
|
_buildLevelTag("MAS", masterLv, Colors.purple),
|
|
if (reMasterLv != null) ...[
|
|
const SizedBox(width: 4),
|
|
_buildLevelTag("ReM", reMasterLv, Colors.deepPurple),
|
|
]
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildLevelTag(String prefix, double level, Color color) {
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 2),
|
|
decoration: BoxDecoration(
|
|
color: color.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(color: color.withOpacity(0.5), width: 0.5),
|
|
),
|
|
child: Text(
|
|
"$prefix ${level.toStringAsFixed(1)}",
|
|
style: TextStyle(
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.bold,
|
|
color: color,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// 辅助方法：获取定数
|
|
double? _getLevelValue(SongModel song, int levelIndex) {
|
|
Map ?diffMap = song.dx;
|
|
if (diffMap==null|| diffMap.isEmpty) {
|
|
diffMap = song.sd;
|
|
}
|
|
|
|
var data = diffMap?["$levelIndex"] ?? diffMap?[levelIndex];
|
|
if (data is Map && data["level_value"] != null) {
|
|
return (data["level_value"] as num).toDouble();
|
|
}
|
|
return null;
|
|
}
|
|
}
|
|
|
|
class PosterImage extends StatelessWidget {
|
|
final String imageUrl;
|
|
|
|
const PosterImage({Key? key, required this.imageUrl}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20.0),
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(
|
|
),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.purpleAccent.withOpacity(0.14),
|
|
blurRadius: 12,
|
|
offset: const Offset(0, 10),
|
|
spreadRadius: 10,
|
|
),
|
|
],
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: Image.network(
|
|
imageUrl,
|
|
fit: BoxFit.cover,
|
|
loadingBuilder: (context, child, loadingProgress) {
|
|
if (loadingProgress == null) return child;
|
|
return Center(
|
|
child: CircularProgressIndicator(
|
|
value: loadingProgress.expectedTotalBytes != null
|
|
? loadingProgress.cumulativeBytesLoaded /
|
|
loadingProgress.expectedTotalBytes!
|
|
: null,
|
|
),
|
|
);
|
|
},
|
|
errorBuilder: (context, error, stackTrace) {
|
|
return const Center(
|
|
child: Icon(Icons.broken_image, size: 50, color: Colors.grey),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
} |