lxm
2 years ago
12 changed files with 525 additions and 76 deletions
@ -0,0 +1,107 @@ |
|||||
|
import 'package:flutter/material.dart'; |
||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
|
import 'package:get/get.dart'; |
||||
|
|
||||
|
import '../controllers/chat_controller.dart'; |
||||
|
|
||||
|
class ChatMusicCard extends GetView<ChatController> { |
||||
|
final Map? data; |
||||
|
final bool isDarkMode; |
||||
|
|
||||
|
const ChatMusicCard(this.data, this.isDarkMode, {super.key}); |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
final Map musiccards = data?['musiccards'].first; |
||||
|
final Map musicaudio = data?['musicaudio']; |
||||
|
|
||||
|
return Row( |
||||
|
children: [ |
||||
|
Container( |
||||
|
width: 60.w, |
||||
|
height: 60.w, |
||||
|
clipBehavior: Clip.hardEdge, |
||||
|
decoration: BoxDecoration( |
||||
|
borderRadius: BorderRadius.circular(6.r), |
||||
|
), |
||||
|
child: Image.network( |
||||
|
musiccards['image'], |
||||
|
fit: BoxFit.cover, |
||||
|
), |
||||
|
), |
||||
|
10.horizontalSpace, |
||||
|
Expanded( |
||||
|
child: Text( |
||||
|
musiccards['name'], |
||||
|
overflow: TextOverflow.ellipsis, |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
fontSize: 16.sp, |
||||
|
height: 1.5, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
10.horizontalSpace, |
||||
|
Obx( |
||||
|
() => controller.audiourl == musicaudio['audiourl'] && |
||||
|
controller.isPlay.value |
||||
|
? GestureDetector( |
||||
|
onTap: () { |
||||
|
controller.pause(); |
||||
|
}, |
||||
|
child: Stack( |
||||
|
alignment: Alignment.center, |
||||
|
children: [ |
||||
|
SizedBox( |
||||
|
width: 38.w, |
||||
|
height: 38.w, |
||||
|
child: StreamBuilder<Duration>( |
||||
|
stream: controller.player.positionStream, |
||||
|
builder: (context, snapshot) { |
||||
|
final position = snapshot.data ?? Duration.zero; |
||||
|
final total = |
||||
|
controller.player.duration ?? Duration.zero; |
||||
|
final progress = total.inSeconds > 0 |
||||
|
? position.inSeconds / total.inSeconds |
||||
|
: 0.0; |
||||
|
return CircularProgressIndicator( |
||||
|
value: progress, |
||||
|
backgroundColor: isDarkMode |
||||
|
? Colors.grey[700]! |
||||
|
: Colors.grey[300]!, |
||||
|
valueColor: AlwaysStoppedAnimation<Color>( |
||||
|
isDarkMode ? Colors.white : Colors.black), |
||||
|
strokeWidth: 2, // 线条粗细 |
||||
|
); |
||||
|
}, |
||||
|
), |
||||
|
), |
||||
|
Icon( |
||||
|
Icons.pause_rounded, |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
) |
||||
|
: GestureDetector( |
||||
|
onTap: () { |
||||
|
controller.play(musicaudio); |
||||
|
}, |
||||
|
child: Container( |
||||
|
width: 38.w, |
||||
|
height: 38.w, |
||||
|
decoration: BoxDecoration( |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
shape: BoxShape.circle, |
||||
|
), |
||||
|
child: Icon( |
||||
|
Icons.play_arrow_rounded, |
||||
|
color: isDarkMode ? Colors.black : Colors.white, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,179 @@ |
|||||
|
import 'dart:convert'; |
||||
|
import 'dart:math'; |
||||
|
import 'dart:math' as math; |
||||
|
|
||||
|
import 'package:flutter/material.dart'; |
||||
|
import 'package:http/http.dart' as http; |
||||
|
|
||||
|
class ChatNavigationCard extends StatefulWidget { |
||||
|
final Map? data; |
||||
|
final bool isDarkMode; |
||||
|
|
||||
|
const ChatNavigationCard(this.data, this.isDarkMode, {super.key}); |
||||
|
|
||||
|
@override |
||||
|
State<ChatNavigationCard> createState() => _ChatNavigationCardState(); |
||||
|
} |
||||
|
|
||||
|
class _ChatNavigationCardState extends State<ChatNavigationCard> { |
||||
|
final String apiKey = '8bde023b7e5e00f321ea17929f10fbae'; |
||||
|
LatLng startPoint = LatLng(116.397428, 39.90923); // 起点坐标 |
||||
|
LatLng endPoint = LatLng(116.397026, 39.903303); // 终点坐标 |
||||
|
|
||||
|
@override |
||||
|
void initState() { |
||||
|
super.initState(); |
||||
|
_getMapUrl(); |
||||
|
} |
||||
|
|
||||
|
Future<String> _getMapUrl() async { |
||||
|
// 1. 获取路径数据 |
||||
|
final route = await _fetchRouteData(); |
||||
|
|
||||
|
// 2. 解析并简化路径 |
||||
|
List<LatLng> simplified = _simplifyPath(route, epsilon: 0.0001); |
||||
|
|
||||
|
// 3. 计算地图参数 |
||||
|
final zoom = _calculateAutoZoom(simplified); |
||||
|
|
||||
|
// 4. 生成静态地图URL |
||||
|
return _buildStaticMapUrl(simplified, zoom); |
||||
|
} |
||||
|
|
||||
|
Future<List<LatLng>> _fetchRouteData() async { |
||||
|
final url = 'https://restapi.amap.com/v3/direction/driving?' |
||||
|
'origin=${startPoint.lng},${startPoint.lat}&' |
||||
|
'destination=${endPoint.lng},${endPoint.lat}&' |
||||
|
'key=$apiKey'; |
||||
|
|
||||
|
final response = await http.get(Uri.parse(url)); |
||||
|
if (response.statusCode == 200) { |
||||
|
final data = json.decode(response.body); |
||||
|
return _parsePolyline(data['route']['paths'][0]['steps']); |
||||
|
} |
||||
|
throw Exception('Failed to load route'); |
||||
|
} |
||||
|
|
||||
|
List<LatLng> _parsePolyline(List<dynamic> steps) { |
||||
|
final List<LatLng> path = []; |
||||
|
for (final step in steps) { |
||||
|
final points = (step['polyline'] as String).split(';'); |
||||
|
for (final point in points) { |
||||
|
final coords = point.split(',').map(double.parse).toList(); |
||||
|
path.add(LatLng(coords[0], coords[1])); |
||||
|
} |
||||
|
} |
||||
|
return path; |
||||
|
} |
||||
|
|
||||
|
List<LatLng> _simplifyPath(List<LatLng> points, {double epsilon = 0.0001}) { |
||||
|
return douglasPeucker(points, epsilon); |
||||
|
} |
||||
|
|
||||
|
int _calculateAutoZoom(List<LatLng> points, |
||||
|
{int mapWidth = 1024, int mapHeight = 512}) { |
||||
|
if (points.isEmpty) return 15; // 默认缩放级别 |
||||
|
|
||||
|
// 1. 计算坐标范围 |
||||
|
double minLng = double.infinity; |
||||
|
double maxLng = -double.infinity; |
||||
|
double minLat = double.infinity; |
||||
|
double maxLat = -double.infinity; |
||||
|
|
||||
|
for (final p in points) { |
||||
|
final lng = p.lng; |
||||
|
final lat = p.lat; |
||||
|
|
||||
|
minLng = math.min(minLng, lng); |
||||
|
maxLng = math.max(maxLng, lng); |
||||
|
minLat = math.min(minLat, lat); |
||||
|
maxLat = math.max(maxLat, lat); |
||||
|
} |
||||
|
|
||||
|
// 3. 计算缩放级别（基于Leaflet算法改进） |
||||
|
const worldWidth = 256; // 高德瓦片尺寸 |
||||
|
const worldHeight = 256; |
||||
|
const zoomMax = 18; // 高德最大缩放级别 |
||||
|
|
||||
|
double latRad(double lat) { |
||||
|
final sin = math.sin(lat * math.pi / 180); |
||||
|
return math.log((1 + sin) / (1 - sin)) / 2; |
||||
|
} |
||||
|
|
||||
|
final latFraction = (latRad(maxLat) - latRad(minLat)) / math.pi; |
||||
|
final lngDiff = maxLng - minLng; |
||||
|
final lngFraction = ((lngDiff < 0) ? (lngDiff + 360) : lngDiff) / 360; |
||||
|
|
||||
|
final latZoom = |
||||
|
math.log((mapHeight / worldHeight) / latFraction) / math.ln2; |
||||
|
final lngZoom = math.log((mapWidth / worldWidth) / lngFraction) / math.ln2; |
||||
|
|
||||
|
return math.min(math.min(latZoom, lngZoom).floor(), zoomMax); |
||||
|
} |
||||
|
|
||||
|
String _buildStaticMapUrl(List<LatLng> path, int zoom) { |
||||
|
final pathParam = path.map((p) => '${p.lng},${p.lat}').join(';'); |
||||
|
return 'https://restapi.amap.com/v3/staticmap?' |
||||
|
'zoom=$zoom&' |
||||
|
'size=1024*512&' |
||||
|
'paths=10,0x0000ff,1,,:$pathParam&' |
||||
|
'markers=mid,,A:${startPoint.lng},${startPoint.lat}|' |
||||
|
'mid,,B:${endPoint.lng},${endPoint.lat}&' |
||||
|
'key=$apiKey'; |
||||
|
} |
||||
|
|
||||
|
List<LatLng> douglasPeucker(List<LatLng> points, double epsilon) { |
||||
|
if (points.length < 3) return points; |
||||
|
|
||||
|
double maxDistance = 0; |
||||
|
int index = 0; |
||||
|
|
||||
|
for (int i = 1; i < points.length - 1; i++) { |
||||
|
double d = _perpendicularDistance(points[i], points.first, points.last); |
||||
|
if (d > maxDistance) { |
||||
|
index = i; |
||||
|
maxDistance = d; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
if (maxDistance > epsilon) { |
||||
|
return [ |
||||
|
...douglasPeucker(points.sublist(0, index + 1), epsilon), |
||||
|
...douglasPeucker(points.sublist(index), epsilon).skip(1) |
||||
|
]; |
||||
|
} |
||||
|
return [points.first, points.last]; |
||||
|
} |
||||
|
|
||||
|
double _perpendicularDistance(LatLng point, LatLng start, LatLng end) { |
||||
|
final area = (end.lng - start.lng) * (point.lat - start.lat) - |
||||
|
(end.lat - start.lat) * (point.lng - start.lng); |
||||
|
final length = |
||||
|
sqrt(pow(end.lng - start.lng, 2) + pow(end.lat - start.lat, 2)); |
||||
|
return area.abs() / length; |
||||
|
} |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
return Column( |
||||
|
children: [ |
||||
|
FutureBuilder( |
||||
|
future: _getMapUrl(), |
||||
|
builder: (BuildContext context, AsyncSnapshot snapshot) { |
||||
|
if (snapshot.hasData) { |
||||
|
return Image.network(snapshot.data); |
||||
|
} |
||||
|
return const CircularProgressIndicator(); |
||||
|
}, |
||||
|
), |
||||
|
], |
||||
|
); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
class LatLng { |
||||
|
final double lat; |
||||
|
final double lng; |
||||
|
|
||||
|
LatLng(this.lng, this.lat); // 高德使用经度在前纬度在后的格式 |
||||
|
} |
||||
@ -0,0 +1,94 @@ |
|||||
|
import 'package:flutter/material.dart'; |
||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
|
|
||||
|
class WeatherDayCard extends StatelessWidget { |
||||
|
final Map? data; |
||||
|
final bool isDarkMode; |
||||
|
|
||||
|
const WeatherDayCard(this.data, this.isDarkMode, {super.key}); |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
final Map weatherDays = data?['weatherDays'].first; |
||||
|
|
||||
|
return Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||
|
children: [ |
||||
|
Text( |
||||
|
weatherDays['date'], |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
fontSize: 10.sp, |
||||
|
), |
||||
|
), |
||||
|
Text( |
||||
|
'${weatherDays['maxTemperature']}°', |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
fontSize: 30.sp, |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
Column( |
||||
|
crossAxisAlignment: CrossAxisAlignment.end, |
||||
|
children: [ |
||||
|
Icon( |
||||
|
Icons.sunny, |
||||
|
color: isDarkMode ? Colors.white : Colors.amber[600]!, |
||||
|
size: 18.w, |
||||
|
), |
||||
|
Text( |
||||
|
'${weatherDays['weatherCondition']},${weatherDays['windDirection']}', |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
fontSize: 14.sp, |
||||
|
), |
||||
|
), |
||||
|
Row( |
||||
|
children: [ |
||||
|
Text( |
||||
|
'最\n高', |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
fontSize: 10.sp, |
||||
|
height: 1, |
||||
|
), |
||||
|
), |
||||
|
5.horizontalSpace, |
||||
|
Text( |
||||
|
'${weatherDays['maxTemperature']}°', |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
fontSize: 20.sp, |
||||
|
), |
||||
|
), |
||||
|
10.horizontalSpace, |
||||
|
Text( |
||||
|
'最\n低', |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
fontSize: 10.sp, |
||||
|
height: 1, |
||||
|
), |
||||
|
), |
||||
|
5.horizontalSpace, |
||||
|
Text( |
||||
|
'${weatherDays['minTemperature']}°', |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
fontSize: 20.sp, |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
], |
||||
|
); |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue