You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

485 lines
16 KiB

import 'package:common_utils/common_utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.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(
'weatherQuery'.tr, // 翻译键代表的中文文本内容:查询天气情况:
style: TextStyle(
color:
isDarkMode ? Colors.white.withValues(alpha: 0.9) : Colors.black87,
fontSize: 14.sp,
height: 1.4,
fontWeight: FontWeight.w400,
),
),
SizedBox(height: 12.h),
Container(
padding: EdgeInsets.all(16.w),
decoration: BoxDecoration(
gradient: isDarkMode
? const LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [Color(0xFF1E40AF), Color(0xFF1E3A8A)],
)
: const LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [Color(0xFF60A5FA), Color(0xFF3B82F6)],
),
borderRadius: BorderRadius.circular(12.r),
boxShadow: [
BoxShadow(
color: Colors.black.withValues(alpha: 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: TextStyle(
fontSize: 16.sp,
fontWeight: FontWeight.w600,
color: Colors.white,
),
),
SizedBox(height: 4),
Text(
_getWeatherDescriptionTranslation(now["dayweather"]),
style: TextStyle(
fontSize: 14.sp,
color: Colors.white.withValues(alpha: 0.9),
),
),
SizedBox(height: 8.h),
Row(
children: [
Text(
"${now["daytemp"]}°",
style: TextStyle(
fontSize: 36.sp,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
SizedBox(width: 8.w),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'${'highest'.tr}: ${now["daytemp"]}°', // 翻译键代表的中文文本内容:最高
style: TextStyle(
fontSize: 12.sp,
color: Colors.white.withValues(alpha: 0.9),
),
),
Text(
'${'lowest'.tr}: ${now["nighttemp"]}°', // 翻译键代表的中文文本内容:最低
style: TextStyle(
fontSize: 12.sp,
color: Colors.white.withValues(alpha: 0.9),
),
),
],
),
],
),
],
),
Icon(
getWeatherIcon(now['dayweather']),
size: 48.sp,
color: Colors.white,
),
],
),
SizedBox(height: 16.h),
Container(
height: 1,
color: Colors.white.withValues(alpha: isDarkMode ? 0.15 : 0.2),
),
SizedBox(height: 16.h),
Text(
'futureForecast'.tr, // 翻译键代表的中文文本内容:未来预报
style: TextStyle(
fontSize: 14.sp,
fontWeight: FontWeight.w600,
color: Colors.white,
),
),
SizedBox(height: 8.h),
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]['dayweather']);
// 获取星期几的翻译键
String weekdayKey = _getWeekdayTranslationKey(date);
String weekday = weekdayKey.tr; // 翻译键代表的中文文本内容:对应的星期几
String temp = "${days[index]['daytemp']}°";
return _buildForecastDay(
weekday,
weatherIcon,
temp,
);
},
),
),
SizedBox(height: 16.h),
_buildWeatherTip(context, now, isDarkMode),
],
),
),
],
);
}
/// 获取天气描述的翻译
String _getWeatherDescriptionTranslation(String weatherDescription) {
final description = weatherDescription.trim();
// 天气描述映射表
final Map<String, String> weatherMap = {
// 晴天类
'晴': 'sunny'.tr, // 翻译键代表的中文文本内容:晴
'少云': 'partlyCloudy'.tr, // 翻译键代表的中文文本内容:少云
'晴间多云': 'partlySunny'.tr, // 翻译键代表的中文文本内容:晴间多云
// 多云类
'多云': 'cloudy'.tr, // 翻译键代表的中文文本内容:多云
'阴': 'overcast'.tr, // 翻译键代表的中文文本内容:阴
// 雨天类
'阵雨': 'shower'.tr, // 翻译键代表的中文文本内容:阵雨
'雷阵雨': 'thundershower'.tr, // 翻译键代表的中文文本内容:雷阵雨
'小雨': 'lightRain'.tr, // 翻译键代表的中文文本内容:小雨
'中雨': 'moderateRain'.tr, // 翻译键代表的中文文本内容:中雨
'大雨': 'heavyRain'.tr, // 翻译键代表的中文文本内容:大雨
'暴雨': 'rainstorm'.tr, // 翻译键代表的中文文本内容:暴雨
// 雪天类
'阵雪': 'snowShower'.tr, // 翻译键代表的中文文本内容:阵雪
'小雪': 'lightSnow'.tr, // 翻译键代表的中文文本内容:小雪
'中雪': 'moderateSnow'.tr, // 翻译键代表的中文文本内容:中雪
'大雪': 'heavySnow'.tr, // 翻译键代表的中文文本内容:大雪
'暴雪': 'blizzard'.tr, // 翻译键代表的中文文本内容:暴雪
// 雾霾类
'雾': 'fog'.tr, // 翻译键代表的中文文本内容:雾
'霾': 'haze'.tr, // 翻译键代表的中文文本内容:霾
// 风类
'大风': 'strongWind'.tr, // 翻译键代表的中文文本内容:大风
};
// 返回翻译后的描述,如果没有找到对应翻译则返回原文
return weatherMap[description] ?? description;
}
/// 获取星期几的翻译键
String _getWeekdayTranslationKey(DateTime? date) {
if (date == null) return 'unknown';
switch (date.weekday) {
case 1:
return 'monday'; // 翻译键代表的中文文本内容:周一
case 2:
return 'tuesday'; // 翻译键代表的中文文本内容:周二
case 3:
return 'wednesday'; // 翻译键代表的中文文本内容:周三
case 4:
return 'thursday'; // 翻译键代表的中文文本内容:周四
case 5:
return 'friday'; // 翻译键代表的中文文本内容:周五
case 6:
return 'saturday'; // 翻译键代表的中文文本内容:周六
case 7:
return 'sunday'; // 翻译键代表的中文文本内容:周日
default:
return 'unknown';
}
}
/// 构建智能天气提示
Widget _buildWeatherTip(
BuildContext context, Map<String, dynamic> now, bool isDarkMode) {
final weatherTip = _generateWeatherTip(now);
return Container(
padding: EdgeInsets.symmetric(vertical: 8.h, horizontal: 12.w),
decoration: BoxDecoration(
color: isDarkMode
? Colors.white.withValues(alpha: 0.15)
: Colors.white.withValues(alpha: 0.2),
borderRadius: BorderRadius.circular(8.r),
),
child: Row(
children: [
Icon(
weatherTip.icon,
size: 16.sp,
color: Colors.white,
),
SizedBox(width: 8.w),
Flexible(
child: Text(
weatherTip.message,
style: TextStyle(
fontSize: 12.sp,
color: Colors.white,
),
),
),
],
),
);
}
/// 天气提示数据类
class WeatherTip {
final IconData icon;
final String message;
const WeatherTip({required this.icon, required this.message});
}
/// 根据天气数据生成智能提示
WeatherTip _generateWeatherTip(Map<String, dynamic> now) {
final dayWeather = (now['dayweather'] as String? ?? '').trim();
final dayTemp = int.tryParse(now['daytemp']?.toString() ?? '0') ?? 0;
final nightTemp = int.tryParse(now['nighttemp']?.toString() ?? '0') ?? 0;
// 高温提示 (>= 35°C)
if (dayTemp >= 35) {
return WeatherTip(
icon: Icons.local_fire_department,
message: 'hotWeatherTip'.tr, // 翻译键代表的中文文本内容:今日高温炎热,请注意防暑降温,多喝水避免中暑
);
}
// 低温提示 (<= 5°C)
if (dayTemp <= 5) {
return WeatherTip(
icon: Icons.ac_unit,
message: 'coldWeatherTip'.tr, // 翻译键代表的中文文本内容:今日气温较低,外出请注意保暖,小心感冒
);
}
// 雨天提示
if (dayWeather.contains('雨') ||
['阵雨', '雷阵雨', '小雨', '中雨', '大雨', '暴雨']
.any((rain) => dayWeather.contains(rain))) {
return WeatherTip(
icon: Icons.umbrella,
message: 'rainyWeatherTip'.tr, // 翻译键代表的中文文本内容:今日有雨,外出请携带雨具,注意出行安全
);
}
// 雪天提示
if (dayWeather.contains('雪') ||
['阵雪', '小雪', '中雪', '大雪', '暴雪'].any((snow) => dayWeather.contains(snow))) {
return WeatherTip(
icon: Icons.ac_unit,
message: 'snowyWeatherTip'.tr, // 翻译键代表的中文文本内容:今日有雪,路面湿滑请注意安全,做好保暖措施
);
}
// 雾霾提示
if (dayWeather.contains('雾') ||
dayWeather.contains('霾') ||
['雾', '浓雾', '霾', '中度霾', '重度霾'].any((fog) => dayWeather.contains(fog))) {
return WeatherTip(
icon: Icons.blur_on,
message: 'foggyWeatherTip'.tr, // 翻译键代表的中文文本内容:今日有雾霾,能见度较低,外出请佩戴口罩
);
}
// 大风提示
if (dayWeather.contains('风') ||
['大风', '强风', '疾风', '烈风'].any((wind) => dayWeather.contains(wind))) {
return WeatherTip(
icon: Icons.air,
message: 'windyWeatherTip'.tr, // 翻译键代表的中文文本内容:今日风力较大,外出请注意安全,固定好物品
);
}
// 晴天紫外线提示 (温度 >= 25°C)
if (['晴', '少云', '晴间多云'].any((sunny) => dayWeather.contains(sunny)) &&
dayTemp >= 25) {
return WeatherTip(
icon: Icons.wb_sunny,
message: 'sunnyWeatherTip'.tr, // 翻译键代表的中文文本内容:今日阳光充足紫外线较强,外出请做好防晒
);
}
// 温差大提示 (>= 10°C)
if ((dayTemp - nightTemp).abs() >= 10) {
return WeatherTip(
icon: Icons.thermostat,
message: 'temperatureDifferenceTip'.tr, // 翻译键代表的中文文本内容:今日昼夜温差较大,请适时增减衣物
);
}
// 默认舒适天气提示
return WeatherTip(
icon: Icons.wb_sunny_outlined,
message: 'comfortableWeatherTip'.tr, // 翻译键代表的中文文本内容:今日天气适宜,是外出活动的好时光
);
}
/// 构建单日天气预报
Widget _buildForecastDay(String day, IconData icon, String temp) {
return Column(
children: [
Text(
day,
style: TextStyle(
fontSize: 12.sp,
color: Colors.white.withValues(alpha: 0.9),
),
),
SizedBox(height: 4.h),
Icon(
icon,
size: 20.sp,
color: Colors.white,
),
SizedBox(height: 4.h),
Text(
temp,
style: TextStyle(
fontSize: 12.sp,
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;
}