lxm
1 year ago
4 changed files with 579 additions and 626 deletions
@ -0,0 +1,261 @@ |
|||||
|
import 'package:flutter/material.dart'; |
||||
|
import 'package:get/get.dart'; |
||||
|
import '../controllers/agent_controller.dart'; |
||||
|
|
||||
|
/// 构建音乐项目 |
||||
|
Widget buildMusicItem(BuildContext context, String id, String name, String url, |
||||
|
String singer, String image) { |
||||
|
final controller = Get.find<AgentController>(); // 获取控制器 |
||||
|
final isDarkMode = Theme.of(context).brightness == Brightness.dark; |
||||
|
|
||||
|
Map<String, String> song = { |
||||
|
'id': id, |
||||
|
'url': url, |
||||
|
'title': name, |
||||
|
'artist': singer, |
||||
|
'coverUrl': image, |
||||
|
}; |
||||
|
controller.musicStatus(); //刷新状态 |
||||
|
return Container( |
||||
|
padding: const EdgeInsets.all(14), |
||||
|
decoration: BoxDecoration( |
||||
|
color: isDarkMode ? Color(0xFF1E1E1E) : Colors.white, |
||||
|
borderRadius: BorderRadius.circular(12), |
||||
|
boxShadow: [ |
||||
|
BoxShadow( |
||||
|
color: Colors.black.withOpacity(isDarkMode ? 0.2 : 0.03), |
||||
|
blurRadius: 3, |
||||
|
spreadRadius: 1, |
||||
|
offset: const Offset(0, 1), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
child: Row( |
||||
|
children: [ |
||||
|
Container( |
||||
|
width: 50, |
||||
|
height: 50, |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.grey[100], |
||||
|
borderRadius: BorderRadius.circular(8), |
||||
|
image: image.isNotEmpty |
||||
|
? DecorationImage( |
||||
|
image: NetworkImage(image), |
||||
|
fit: BoxFit.cover, |
||||
|
) |
||||
|
: null, |
||||
|
), |
||||
|
child: image.isEmpty |
||||
|
? Icon( |
||||
|
Icons.music_note, |
||||
|
size: 18, |
||||
|
color: Theme.of(context).primaryColor, |
||||
|
) |
||||
|
: null, |
||||
|
), |
||||
|
const SizedBox(width: 12), |
||||
|
Expanded( |
||||
|
child: Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Text( |
||||
|
name, |
||||
|
style: TextStyle( |
||||
|
fontSize: 13, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
color: Colors.grey[800], |
||||
|
), |
||||
|
overflow: TextOverflow.ellipsis, |
||||
|
), |
||||
|
SizedBox(height: 2), |
||||
|
Text( |
||||
|
singer, |
||||
|
style: TextStyle( |
||||
|
fontSize: 12, |
||||
|
color: Colors.grey[600], |
||||
|
), |
||||
|
overflow: TextOverflow.ellipsis, |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
Obx(() { |
||||
|
final isThisPlaying = |
||||
|
controller.isPlaying.value && controller.currentUrl.value == url; |
||||
|
|
||||
|
return IconButton( |
||||
|
onPressed: () { |
||||
|
if (controller.isPlaying.value) { |
||||
|
if (controller.currentUrl.value == url) { |
||||
|
controller.musicPause(); |
||||
|
} else { |
||||
|
controller.musicPlay(song); |
||||
|
} |
||||
|
} else { |
||||
|
if (controller.currentUrl.value == url) { |
||||
|
controller.musicResume(); |
||||
|
} else { |
||||
|
controller.musicPlay(song); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
icon: Icon( |
||||
|
isThisPlaying ? Icons.pause_circle : Icons.play_circle, |
||||
|
color: Theme.of(context).primaryColor, |
||||
|
), |
||||
|
padding: EdgeInsets.zero, |
||||
|
constraints: BoxConstraints(), |
||||
|
iconSize: 36, |
||||
|
); |
||||
|
}), |
||||
|
], |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
/// 构建音乐内容卡片 |
||||
|
Widget buildMusicContent( |
||||
|
BuildContext context, List<Map<String, dynamic>> playlist) { |
||||
|
final isDarkMode = Theme.of(context).brightness == Brightness.dark; |
||||
|
|
||||
|
return Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Text( |
||||
|
'以下是一些推荐的音乐:', |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white.withOpacity(0.9) : Colors.black87, |
||||
|
fontSize: 14, |
||||
|
height: 1.4, |
||||
|
fontWeight: FontWeight.w400, |
||||
|
), |
||||
|
), |
||||
|
const SizedBox(height: 12), |
||||
|
// Container( |
||||
|
// padding: const EdgeInsets.all(12), |
||||
|
// decoration: BoxDecoration( |
||||
|
// color: Colors.white, |
||||
|
// borderRadius: BorderRadius.circular(12), |
||||
|
// boxShadow: [ |
||||
|
// BoxShadow( |
||||
|
// color: Colors.black.withOpacity(0.03), |
||||
|
// blurRadius: 3, |
||||
|
// spreadRadius: 1, |
||||
|
// offset: const Offset(0, 1), |
||||
|
// ), |
||||
|
// ], |
||||
|
// ), |
||||
|
// child: |
||||
|
Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Row( |
||||
|
children: [ |
||||
|
Icon( |
||||
|
Icons.music_note, |
||||
|
size: 16, |
||||
|
color: Theme.of(context).primaryColor.withOpacity(0.7), |
||||
|
), |
||||
|
const SizedBox(width: 6), |
||||
|
Text( |
||||
|
'播放列表'.tr, |
||||
|
style: TextStyle( |
||||
|
fontSize: 13, |
||||
|
fontWeight: FontWeight.w600, |
||||
|
color: Theme.of(context).brightness == Brightness.dark |
||||
|
? Colors.grey[300] |
||||
|
: Colors.grey[700], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
const SizedBox(height: 10), |
||||
|
|
||||
|
// 动态生成音乐条目 |
||||
|
...playlist.asMap().entries.take(4).map((entry) { |
||||
|
final index = entry.key; |
||||
|
final item = entry.value; |
||||
|
final id = item["id"]?.toString() ?? ""; |
||||
|
final name = item["name"] ?? "未知歌曲"; |
||||
|
final url = item["url"] ?? ""; |
||||
|
final singer = item["sgener"] ?? "未知歌手"; |
||||
|
final image = item["image"] ?? ""; |
||||
|
return Column( |
||||
|
children: [ |
||||
|
buildMusicItem(context, id, name, url, singer, image), |
||||
|
if (index != playlist.length - 1) |
||||
|
Divider( |
||||
|
height: 1, |
||||
|
thickness: 1, |
||||
|
color: Theme.of(context).brightness == Brightness.dark |
||||
|
? Colors.grey[800] |
||||
|
: Colors.grey[100], |
||||
|
), |
||||
|
], |
||||
|
); |
||||
|
}).toList(), |
||||
|
const SizedBox(height: 8), |
||||
|
Center( |
||||
|
child: TextButton( |
||||
|
onPressed: () {}, |
||||
|
style: TextButton.styleFrom( |
||||
|
minimumSize: Size.zero, |
||||
|
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 8), |
||||
|
tapTargetSize: MaterialTapTargetSize.shrinkWrap, |
||||
|
), |
||||
|
child: Text( |
||||
|
'查看更多推荐', |
||||
|
style: TextStyle( |
||||
|
fontSize: 12, |
||||
|
color: Theme.of(context).primaryColor, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
//), |
||||
|
//const SizedBox(height: 10), |
||||
|
// Row( |
||||
|
// mainAxisSize: MainAxisSize.min, |
||||
|
// children: [ |
||||
|
// Expanded( |
||||
|
// child: OutlinedButton.icon( |
||||
|
// onPressed: () {}, |
||||
|
// icon: Icon(Icons.play_arrow, size: 16), |
||||
|
// label: Text('播放全部'), |
||||
|
// style: OutlinedButton.styleFrom( |
||||
|
// foregroundColor: Theme.of(context).primaryColor, |
||||
|
// side: BorderSide( |
||||
|
// color: Theme.of(context).primaryColor.withOpacity(0.5)), |
||||
|
// padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4), |
||||
|
// shape: RoundedRectangleBorder( |
||||
|
// borderRadius: BorderRadius.circular(16), |
||||
|
// ), |
||||
|
// textStyle: TextStyle(fontSize: 12), |
||||
|
// ), |
||||
|
// ), |
||||
|
// ), |
||||
|
// SizedBox(width: 8), |
||||
|
// Expanded( |
||||
|
// child: OutlinedButton.icon( |
||||
|
// onPressed: () {}, |
||||
|
// icon: Icon(Icons.shuffle, size: 16), |
||||
|
// label: Text('随机播放'), |
||||
|
// style: OutlinedButton.styleFrom( |
||||
|
// foregroundColor: Colors.grey[700], |
||||
|
// side: BorderSide(color: Colors.grey[400]!), |
||||
|
// padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4), |
||||
|
// shape: RoundedRectangleBorder( |
||||
|
// borderRadius: BorderRadius.circular(16), |
||||
|
// ), |
||||
|
// textStyle: TextStyle(fontSize: 12), |
||||
|
// ), |
||||
|
// ), |
||||
|
// ), |
||||
|
// ], |
||||
|
// ), |
||||
|
], |
||||
|
); |
||||
|
} |
||||
@ -0,0 +1,313 @@ |
|||||
|
import 'package:common_utils/common_utils.dart'; |
||||
|
import 'package:flutter/material.dart'; |
||||
|
|
||||
|
/// 构建天气内容卡片 |
||||
|
Widget buildWeatherContent(BuildContext context, String city, |
||||
|
Map<String, dynamic> now, List<Map<String, dynamic>> days) { |
||||
|
final isDarkMode = Theme.of(context).brightness == Brightness.dark; |
||||
|
|
||||
|
return Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Text( |
||||
|
'查询天气情况:', |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white.withOpacity(0.9) : Colors.black87, |
||||
|
fontSize: 14, |
||||
|
height: 1.4, |
||||
|
fontWeight: FontWeight.w400, |
||||
|
), |
||||
|
), |
||||
|
const SizedBox(height: 12), |
||||
|
Container( |
||||
|
padding: const EdgeInsets.all(16), |
||||
|
decoration: BoxDecoration( |
||||
|
gradient: isDarkMode |
||||
|
? LinearGradient( |
||||
|
begin: Alignment.topLeft, |
||||
|
end: Alignment.bottomRight, |
||||
|
colors: [Color(0xFF1E40AF), Color(0xFF1E3A8A)], |
||||
|
) |
||||
|
: LinearGradient( |
||||
|
begin: Alignment.topLeft, |
||||
|
end: Alignment.bottomRight, |
||||
|
colors: [Color(0xFF60A5FA), Color(0xFF3B82F6)], |
||||
|
), |
||||
|
borderRadius: BorderRadius.circular(12), |
||||
|
boxShadow: [ |
||||
|
BoxShadow( |
||||
|
color: Colors.black.withOpacity(isDarkMode ? 0.3 : 0.1), |
||||
|
blurRadius: 8, |
||||
|
offset: const Offset(0, 2), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
child: Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Text( |
||||
|
"${city} ${now["date"]}", |
||||
|
style: const TextStyle( |
||||
|
fontSize: 16, |
||||
|
fontWeight: FontWeight.w600, |
||||
|
color: Colors.white, |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 4), |
||||
|
Text( |
||||
|
now["weatherCondition"], |
||||
|
style: TextStyle( |
||||
|
fontSize: 14, |
||||
|
color: Colors.white.withOpacity(0.9), |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 8), |
||||
|
Row( |
||||
|
children: [ |
||||
|
Text( |
||||
|
"${now["temperature"]}°", |
||||
|
style: const TextStyle( |
||||
|
fontSize: 36, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
color: Colors.white, |
||||
|
), |
||||
|
), |
||||
|
SizedBox(width: 8), |
||||
|
Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Text( |
||||
|
'最高: ${now["maxTemperature"]}°', |
||||
|
style: TextStyle( |
||||
|
fontSize: 12, |
||||
|
color: Colors.white.withOpacity(0.9), |
||||
|
), |
||||
|
), |
||||
|
Text( |
||||
|
'最低: ${now["minTemperature"]}°', |
||||
|
style: TextStyle( |
||||
|
fontSize: 12, |
||||
|
color: Colors.white.withOpacity(0.9), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
const Icon( |
||||
|
Icons.wb_sunny, |
||||
|
size: 48, |
||||
|
color: Colors.white, |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
SizedBox(height: 16), |
||||
|
Container( |
||||
|
height: 1, |
||||
|
color: Colors.white.withOpacity(isDarkMode ? 0.15 : 0.2), |
||||
|
), |
||||
|
SizedBox(height: 16), |
||||
|
const Text( |
||||
|
'未来预报', |
||||
|
style: TextStyle( |
||||
|
fontSize: 14, |
||||
|
fontWeight: FontWeight.w600, |
||||
|
color: Colors.white, |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 8), |
||||
|
Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
|
children: List.generate( |
||||
|
days.length, |
||||
|
(index) { |
||||
|
String dateStr = days[index]['date']; |
||||
|
DateTime? date = DateUtil.getDateTime(dateStr); |
||||
|
IconData weatherIcon = |
||||
|
getWeatherIcon(days[index]['weatherCondition']); |
||||
|
String weekday = DateUtil.getWeekday(date, |
||||
|
languageCode: "zh", short: true); |
||||
|
String temp = "${days[index]['temperature']}°"; |
||||
|
return _buildForecastDay( |
||||
|
weekday, |
||||
|
weatherIcon, |
||||
|
temp, |
||||
|
); |
||||
|
}, |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 16), |
||||
|
Container( |
||||
|
padding: EdgeInsets.symmetric(vertical: 8, horizontal: 12), |
||||
|
decoration: BoxDecoration( |
||||
|
color: isDarkMode |
||||
|
? Colors.white.withOpacity(0.15) |
||||
|
: Colors.white.withOpacity(0.2), |
||||
|
borderRadius: BorderRadius.circular(8), |
||||
|
), |
||||
|
child: const Row( |
||||
|
children: [ |
||||
|
Icon( |
||||
|
Icons.info_outline, |
||||
|
size: 16, |
||||
|
color: Colors.white, |
||||
|
), |
||||
|
SizedBox(width: 8), |
||||
|
Flexible( |
||||
|
child: Text( |
||||
|
'今日紫外线指数较高，外出请做好防晒', |
||||
|
style: TextStyle( |
||||
|
fontSize: 12, |
||||
|
color: Colors.white, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
/// 构建单日天气预报 |
||||
|
Widget _buildForecastDay(String day, IconData icon, String temp) { |
||||
|
return Column( |
||||
|
children: [ |
||||
|
Text( |
||||
|
day, |
||||
|
style: TextStyle( |
||||
|
fontSize: 12, |
||||
|
color: Colors.white.withOpacity(0.9), |
||||
|
), |
||||
|
), |
||||
|
SizedBox(height: 4), |
||||
|
Icon( |
||||
|
icon, |
||||
|
size: 20, |
||||
|
color: Colors.white, |
||||
|
), |
||||
|
SizedBox(height: 4), |
||||
|
Text( |
||||
|
temp, |
||||
|
style: TextStyle( |
||||
|
fontSize: 12, |
||||
|
fontWeight: FontWeight.w500, |
||||
|
color: Colors.white, |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
/// 获取天气图标 |
||||
|
IconData getWeatherIcon(String description) { |
||||
|
description = description.trim(); |
||||
|
|
||||
|
if (["晴", "少云", "晴间多云"].contains(description)) { |
||||
|
return Icons.wb_sunny; |
||||
|
} |
||||
|
|
||||
|
if (["多云", "阴"].contains(description)) { |
||||
|
return Icons.cloud; |
||||
|
} |
||||
|
|
||||
|
if (description.contains("雾") || |
||||
|
["雾", "浓雾", "强浓雾", "轻雾", "大雾", "特强浓雾", "霾", "中度霾", "重度霾", "严重霾"] |
||||
|
.contains(description)) { |
||||
|
return Icons.blur_on; |
||||
|
} |
||||
|
|
||||
|
if (description.contains("风") || |
||||
|
[ |
||||
|
"有风", |
||||
|
"平静", |
||||
|
"微风", |
||||
|
"和风", |
||||
|
"清风", |
||||
|
"强风/劲风", |
||||
|
"疾风", |
||||
|
"大风", |
||||
|
"烈风", |
||||
|
"风暴", |
||||
|
"狂爆风", |
||||
|
"飓风", |
||||
|
"热带风暴" |
||||
|
].contains(description)) { |
||||
|
return Icons.air; |
||||
|
} |
||||
|
|
||||
|
if (description.contains("雨") || |
||||
|
[ |
||||
|
"阵雨", |
||||
|
"雷阵雨", |
||||
|
"雷阵雨并伴有冰雹", |
||||
|
"小雨", |
||||
|
"中雨", |
||||
|
"大雨", |
||||
|
"暴雨", |
||||
|
"大暴雨", |
||||
|
"特大暴雨", |
||||
|
"强阵雨", |
||||
|
"强雷阵雨", |
||||
|
"极端降雨", |
||||
|
"毛毛雨/细雨", |
||||
|
"雨", |
||||
|
"小雨-中雨", |
||||
|
"中雨-大雨", |
||||
|
"大雨-暴雨", |
||||
|
"暴雨-大暴雨", |
||||
|
"大暴雨-特大暴雨" |
||||
|
].contains(description)) { |
||||
|
return Icons.grain; // 或使用 community icon 包：weather_icons 中的 rain |
||||
|
} |
||||
|
|
||||
|
if (description.contains("雪") || |
||||
|
[ |
||||
|
"雨雪天气", |
||||
|
"雨夹雪", |
||||
|
"阵雨夹雪", |
||||
|
"冻雨", |
||||
|
"雪", |
||||
|
"阵雪", |
||||
|
"小雪", |
||||
|
"中雪", |
||||
|
"大雪", |
||||
|
"暴雪", |
||||
|
"小雪-中雪", |
||||
|
"中雪-大雪", |
||||
|
"大雪-暴雪" |
||||
|
].contains(description)) { |
||||
|
return Icons.ac_unit; |
||||
|
} |
||||
|
|
||||
|
if (["浮尘", "扬沙", "沙尘暴", "强沙尘暴"].contains(description)) { |
||||
|
return Icons.filter_drama; |
||||
|
} |
||||
|
|
||||
|
if (["龙卷风"].contains(description)) { |
||||
|
return Icons.waves; |
||||
|
} |
||||
|
|
||||
|
if (["热"].contains(description)) { |
||||
|
return Icons.local_fire_department; |
||||
|
} |
||||
|
|
||||
|
if (["冷"].contains(description)) { |
||||
|
return Icons.ac_unit; |
||||
|
} |
||||
|
|
||||
|
// 默认或未知天气 |
||||
|
return Icons.help_outline; |
||||
|
} |
||||
Loading…
Reference in new issue