tanlinxing/gnssview_old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

天空图修改

Browse Source
This commit is contained in:
tanlinxing 2024-08-01 14:08:34 +08:00
parent dcfd9c6268
commit 99e56d5207
8 changed files with 412 additions and 163 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
lib/Controller/gnss_controller.dart
View File

@ -18,13 +18,14 @@ class GnssController extends GetxController {
// "QZSS": true,
// "SBAS": true,
// }.obs;
final selectedSignal = <bool>[true, true, true, true, true, true].obs;
final selectedSignal = <bool>[false, false, false, false, false].obs; //天空图
final QselectedSignal = <bool>[false, false, false, false, false].obs; //信号质量
@override
void onInit() async {
super.onInit();
// gnss = Gnss(port: "/dev/ttysWK2", baudrate: 115200);
gnss = Gnss(port: "COM1", baudrate: 115200);
gnss = Gnss(port: "/dev/ttysWK2", baudrate: 115200);
// gnss = Gnss(port: "COM1", baudrate: 115200);
gnss.start();
gnss.locationStream.listen((location) {
locationData = location;

38
lib/main.dart
View File

@ -6,42 +6,6 @@ import 'sky/sky_plot.dart';
import 'sky/sky_info.dart';
import 'Controller/gnss_controller.dart'; // Import the correct file location for GnssController
// void main() {
// Get.lazyPut<GnssController>(() => GnssController(), tag: 'gnss');
// runApp(MyApp());
// }
// Gnss gnss = Gnss(port: "/dev/ttysWK2", baudrate: 115200);
// class MyApp extends StatefulWidget {
// @override
// _MyAppState createState() => _MyAppState();
// }
// class _MyAppState extends State<MyApp> {
// @override
// void initState() {
// super.initState();
// // 初始化每个组的颜色
// gnss.start();
// gnss.locationStream.listen((location) {
// log(location.toString() as num);
// });
// gnss.signalStream.listen((location) {
// log(location.toString() as num);
// });
// }
// @override
// Widget build(BuildContext context) {
// return Scaffold(
// appBar: AppBar(
// title: Text('天空图'),
// ),
// body: SkyPlotPage(controller: Get.find(tag: 'gnss')));
// }
// }
void main() {
Get.put<GnssController>(GnssController());
runApp(MyApp());
@ -76,7 +40,7 @@ class _MyAppState extends State<MyApp> {
appBar: AppBar(
title: Text('天空图'),
),
body: SkyInfo(),
body: SkyInfoPlotPage(),
));
}
}

385
lib/quality/chartpart.dart
View File

@ -1,89 +1,322 @@
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:fl_chart/fl_chart.dart';
import 'package:get/get.dart';
import 'package:gnss/gnss.dart';
import '../Controller/gnss_controller.dart';
const signalNameList = <String>["GPS", "GLONASS", "GALILEO", "BEIDOU", "QZSS"];
const signalPrefixList = <String>["G", "R", "E", "B", "Q"];
const List<Color> signalColorList = [
Color.fromARGB(255, 255, 0, 0),
Color.fromARGB(255, 0, 255, 0),
Color.fromARGB(255, 0, 0, 255),
Color.fromARGB(255, 255, 255, 0),
Color.fromARGB(255, 0, 255, 255)
];
class ChartPart extends StatelessWidget {
final List<List<Color>> groupColors; // 接收每个组的颜色
ChartPart({required this.groupColors}); // 构造函数
late final GnssController controller;
final List<Color> signalColorList; // 接收每个组的颜色
final List<bool> QselectedSignal; // 新增变量，用于跟踪选中的信号
ChartPart({super.key}) {
controller = Get.find<GnssController>();
}
List<BarChartGroupData> checkSVData = [];
final signalGNSS = [
controller.signalData?.GPS,
controller.signalData?.GLO,
controller.signalData?.GAL,
controller.signalData?.BDS,
controller.signalData?.QZSS,
];
double maxY = 0;
int maxX = 10;
double xLength = 0;
int? i; // 新增变量，用于跟踪选中的按钮索引
@override
Widget build(BuildContext context) {
return OrientationBuilder(builder: (context, orientation) {
final size = MediaQuery.of(context).size;
void drawBarChart(
Canvas canvas,
Size size,
// 使用静态示例数据来绘制图表框架
List<BarChartGroupData> sampleData = [];
for (int i = 0; i < groupColors.length; i++) {
// 确保每个组至少有两个颜色
if (groupColors[i].isNotEmpty &&
groupColors[i][0] != Colors.transparent) {
sampleData.add(
BarChartGroupData(
x: i,
barRods: [
BarChartRodData(
toY: (4 + i).toDouble(), color: groupColors[i][0]),
],
),
);
}
int index,
Paint paint,
) {
if(QselectedSignal[index]){
paint.color = signalColorList[index];
for (final signal in signalGNSS[index]) {
for (int i = 0; i < signals.length; i++) {
SvItem item = svData[i];
if (item.l1 == 0 &&
item.l2 == 0 &&
item.l3 == 0 &&
item.l4 == 0 &&
item.l5 == 0) {
continue;
}
return OrientationBuilder(
builder: (context, orientation) {
return SizedBox(
width: size.width,
child: Padding(
padding: const EdgeInsets.all(10),
child: BarChart(
BarChartData(
maxY: 10,
barTouchData: BarTouchData(enabled: false),
titlesData: FlTitlesData(
show: true,
bottomTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
reservedSize: 42,
getTitlesWidget: (value, meta) {
// 根据方向设置标题
return Text(orientation == Orientation.portrait
? 'Group $value'
: 'Group $value'); // 可以根据需要调整
},
),
),
topTitles: const AxisTitles(
sideTitles: SideTitles(
showTitles: false,
),
),
rightTitles: const AxisTitles(
sideTitles: SideTitles(
showTitles: false,
),
),
leftTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
reservedSize: 40,
getTitlesWidget: (value, meta) {
return RotatedBox(
quarterTurns: 0, // 旋转 270 度
child: Text(value.toString()),
);
},
),
),
maxX = max(maxX, item.sn);
List<int> listy = [item.l1, item.l2, item.l3, item.l4, item.l5];
int maxItem = listy.reduce(max);
maxY = max(maxY, maxItem.toDouble());
checkSVData.add(makeGroupData(i + 1, listy, signalQualityItem.color));
xLength++;}
// svData = List.from(controller.svData)
// ..sort((a, b) => a.sn.compareTo(b.sn));
// for (int i = 0; i < svData.length; i++) {
// SvItem item = svData[i];
// if (item.l1 == 0 &&
// item.l2 == 0 &&
// item.l3 == 0 &&
// item.l4 == 0 &&
// item.l5 == 0) {
// continue;
// }
// if (signalQualityItem.show &&
// (selectedIndex == null ||
// selectedIndex ==
// controller.signalQuality.keys.toList().indexOf(sys))) {
// maxX = max(maxX, item.sn);
// List<int> listy = [item.l1, item.l2, item.l3, item.l4, item.l5];
// int maxItem = listy.reduce(max);
// maxY = max(maxY, maxItem.toDouble());
// checkSVData.add(makeGroupData(i + 1, listy, signalQualityItem.color));
// xLength++;
// }
// }
// // print('CheckSVData: $checkSVData'); // 调试输出
// if (checkSVData.isNotEmpty) {
// if (controller.startIndex.value < checkSVData.length - 8) {
// checkSVData = checkSVData.sublist(
// controller.startIndex.value, controller.startIndex.value + 8);
// } else {
// checkSVData = checkSVData.sublist(
// controller.startIndex.value, checkSVData.length - 1);
// }
// }
// }
// @override
// Widget build(BuildContext context) {
// // 只有当选中状态不为空时才更新数据
// if (selectedIndex != null) {
// updateSVdata();
// }
// ever(controller.startIndex, (callback) {
// if (svData.length - callback < 8) {
// controller.startIndex.value = max(0, svData.length - 8); // 确保不小于 0
// return;
// }
// updateSVdata();
// });
final size = MediaQuery.of(context).size;
final orientation =
MediaQuery.of(context).orientation == Orientation.portrait;
return SizedBox(
width: size.width,
// decoration: const BoxDecoration(color: Colors.white),
child: AspectRatio(
aspectRatio: 1,
child: Padding(
padding: const EdgeInsets.all(10),
child: Stack(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
child: Obx(() {
controller.startIndex.value;
return BarChart(
swapAnimationDuration: const Duration(milliseconds: 0),
BarChartData(
maxY: maxY, // 提示需要+ 20 因为 提示是根据柱状图位置进行计算的
barTouchData: BarTouchData(
enabled: false,
touchTooltipData: BarTouchTooltipData(
// tooltipBgColor: Colors.blueGrey,
getTooltipItem: (
BarChartGroupData group,
int groupIndex,
BarChartRodData rod,
int rodIndex,
) {
return BarTooltipItem(
'L1:${group.barRods[0].toY}\n',
const TextStyle(
fontWeight: FontWeight.bold,
decoration: TextDecoration.none,
color: Colors.black,
fontSize: 18,
shadows: [
Shadow(
color: Colors.black26,
blurRadius: 12,
)
],
),
);
},
),
touchCallback: (event, response) {
if (event.isInterestedForInteractions &&
response != null &&
response.spot != null) {
// setState(() {
// touchedGroupIndex =
// response.spot!.touchedBarGroupIndex;
// });
} else {
// setState(() {
// touchedGroupIndex = -100;
// });
}
},
),
titlesData: FlTitlesData(
show: true,
rightTitles: const AxisTitles(
sideTitles: SideTitles(showTitles: false),
),
topTitles: const AxisTitles(
sideTitles: SideTitles(showTitles: false),
),
bottomTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
getTitlesWidget: bottomTitles,
reservedSize: 42,
),
),
leftTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
reservedSize: 40,
interval: 1,
getTitlesWidget: leftTitles,
),
),
),
borderData: FlBorderData(
show: false,
),
barGroups: checkSVData,
gridData: const FlGridData(show: true),
),
);
}),
),
orientation
? const SizedBox(
height: 50,
)
: const Text(""),
],
),
Positioned(
bottom: 0,
left: 0,
right: 0,
height: size.height,
child: Opacity(
opacity: 0, // 设置 Slider 组件的透明度为 0，使其不可见
child: Slider(
value: controller.startIndex.toDouble(),
onChanged: (newvalue) {
controller.updateSlider(newvalue);
},
min: 0,
max: xLength <= 5 ? 0 : xLength - 5,
),
borderData: FlBorderData(show: false),
barGroups: sampleData,
alignment: BarChartAlignment.spaceAround,
),
),
),
);
},
);
});
],
),
),
),
);
}
Widget leftTitles(double value, TitleMeta meta) {
const style = TextStyle(
color: Color(0xff7589a2),
fontWeight: FontWeight.bold,
fontSize: 14,
decoration: TextDecoration.none);
String text;
int intValue = (value).ceil();
if (intValue % 10 == 0 && intValue <= maxY) {
text = intValue.toString();
} else {
return Container();
}
return SideTitleWidget(
axisSide: meta.axisSide,
space: 0,
child: Padding(
padding: const EdgeInsets.only(right: 20),
child: Text(text, style: style)),
);
}
Map svMap = {
"BEIDOU": "BSV",
"GLONASS": "ESV",
"GPS": "GSV",
"GALILEO": "RSV",
};
Widget bottomTitles(double index, TitleMeta meta) {
String text = "";
int intValue = (index - 1).ceil();
if (svData.isNotEmpty) {
var data = svData[intValue];
String? name = svMap[data.name];
if (name != null) {
text = "${name.substring(0, 1)}${data.sn}";
}
}
return SideTitleWidget(
axisSide: meta.axisSide,
space: 10, //margin top
child: Text(
text,
style: const TextStyle(
color: Color(0xff7589a2),
fontWeight: FontWeight.bold,
decoration: TextDecoration.none,
fontSize: 14,
),
textAlign: TextAlign.left,
),
);
}
final double width = 15;
final Color leftBarColor = const Color.fromARGB(95, 101, 98, 98);
final Color rightBarColor = const Color.fromRGBO(33, 150, 243, 1);
BarChartGroupData makeGroupData(int x, List<int> listy,
[Color color = const Color.fromRGBO(33, 150, 243, 1)]) {
List<BarChartRodData> list = [];
for (var i = 0; i < listy.length; i++) {
list.add(BarChartRodData(
toY: listy[i].toDouble(),
color: color.withOpacity((i + 1) * .2),
borderRadius: const BorderRadius.all(
Radius.circular(2),
),
width: width,
));
}
return BarChartGroupData(
barsSpace: 0, x: x, showingTooltipIndicators: [], barRods: list);
}
}

2
lib/quality/signalQuality_page.dart
View File

@ -63,7 +63,7 @@ class _SignalQualityState extends State<SignalQuality> {
),
Expanded(
child: Center(
child: ChartPart(groupColors: groupColors), // 将组颜色传递给 ChartPart
child: ChartPart(: groupColors), // 将组颜色传递给 ChartPart
),
),
],

31
lib/quality/singlebutton.dart
View File

@ -3,11 +3,11 @@ import 'package:get/get.dart';
class SingleButton extends StatefulWidget {
// final controller = Get.find(tag: 'gnss');
final List<Color> colors;
final List<Color> signalColorList;
final Function(Color) onSelectionChanged;
SingleButton({
required this.colors,
required this.signalColorList,
required this.onSelectionChanged,
});
@ -16,17 +16,17 @@ class SingleButton extends StatefulWidget {
}
class _SingleButtonState extends State<SingleButton> {
late Color selectedColor;
late Color QselectedSignal;
@override
void initState() {
super.initState();
selectedColor = widget.colors[0]; // 默认选中第一个颜色
QselectedSignal = widget.signalColorList[0]; // 默认选中第一个颜色
}
void updateSelection(Color color) {
setState(() {
selectedColor = color;
QselectedSignal = color;
widget.onSelectionChanged(color); // 通知父组件
});
}
@ -35,23 +35,23 @@ class _SingleButtonState extends State<SingleButton> {
Widget build(BuildContext context) {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: List.generate(widget.colors.length, (index) {
children: List.generate(widget.signalColorList.length, (index) {
return Row(
mainAxisSize: MainAxisSize.min,
children: [
Radio<Color>(
value: widget.colors[index],
groupValue: selectedColor,
value: widget.signalColorList[index],
groupValue: QselectedSignal,
onChanged: (Color? value) {
if (value != null) {
updateSelection(value);
}
},
activeColor: widget.colors[index],
activeColor: widget.signalColorList[index],
),
Text(
colorToString(widget.colors[index]),
style: TextStyle(color: widget.colors[index]),
colorToString(widget.signalColorList[index]),
style: TextStyle(color: widget.signalColorList[index]),
),
],
);
@ -60,10 +60,11 @@ class _SingleButtonState extends State<SingleButton> {
}
String colorToString(Color color) {
if (color == Colors.blue) return 'GPS';
if (color == Colors.red) return 'BDS';
if (color == Colors.green) return 'GLO';
if (color == Colors.orange) return 'ALS';
if (color == Color.fromARGB(255, 255, 0, 0)) return 'GPS(G)';
if (color == Color.fromARGB(255, 0, 255, 0)) return 'GLONASS(R)';
if (color == Color.fromARGB(255, 0, 0, 255)) return 'GALILEO(E)';
if (color == Color.fromARGB(255, 255, 255, 0)) return 'BEIDOU(B)';
if (color == Color.fromARGB(255, 0, 255, 255)) return 'QZSS(Q)';
return 'Unknown Color';
}
}

31
lib/sky/mulbutton.dart
View File

@ -2,12 +2,11 @@ import 'package:flutter/material.dart';
import 'package:get/get.dart';
class MulButton extends StatefulWidget {
// final controller = Get.find(tag: 'gnss');
final List<Color> colors;
final List<Color> signalColorList;
final Function(int, bool) onSelectionChanged;
MulButton({
required this.colors,
required this.signalColorList,
required this.onSelectionChanged,
});
@ -16,17 +15,18 @@ class MulButton extends StatefulWidget {
}
class _MulButtonState extends State<MulButton> {
late List<bool> selectedColors;
late List<bool> selectedSignal;
@override
void initState() {
super.initState();
selectedColors = List.generate(widget.colors.length, (index) => false);
selectedSignal =
List.generate(widget.signalColorList.length, (index) => false);
}
void updateSelection(int index, bool value) {
setState(() {
selectedColors[index] = value;
selectedSignal[index] = value;
// List<Color> selected = [];
// for (int i = 0; i < selectedColors.length; i++) {
// if (selectedColors[i]) {
@ -43,25 +43,25 @@ class _MulButtonState extends State<MulButton> {
spacing: 8.0, // 水平间距
runSpacing: 4.0, // 垂直间距
alignment: WrapAlignment.start,
children: List.generate(widget.colors.length, (index) {
children: List.generate(widget.signalColorList.length, (index) {
return Row(
mainAxisSize: MainAxisSize.min,
children: [
Checkbox(
value: selectedColors[index],
value: selectedSignal[index],
onChanged: (bool? value) {
if (value != null) {
updateSelection(index, value);
}
},
activeColor: widget.colors[index],
activeColor: widget.signalColorList[index],
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(4), // 设置边角
),
),
Text(
colorToString(widget.colors[index]),
style: TextStyle(color: widget.colors[index]),
colorToString(widget.signalColorList[index]),
style: TextStyle(color: widget.signalColorList[index]),
),
],
);
@ -70,10 +70,11 @@ class _MulButtonState extends State<MulButton> {
}
String colorToString(Color color) {
if (color == Colors.blue) return 'GPS';
if (color == Colors.red) return 'BDS';
if (color == Colors.green) return 'GLO';
if (color == Colors.orange) return 'ALS';
if (color == Color.fromARGB(255, 255, 0, 0)) return 'GPS(G)';
if (color == Color.fromARGB(255, 0, 255, 0)) return 'GLONASS(R)';
if (color == Color.fromARGB(255, 0, 0, 255)) return 'GALILEO(E)';
if (color == Color.fromARGB(255, 255, 255, 0)) return 'BEIDOU(B)';
if (color == Color.fromARGB(255, 0, 255, 255)) return 'QZSS(Q)';
return 'Unknown Color';
}
}

44
lib/sky/sky_info.dart
View File

@ -4,6 +4,7 @@ import 'package:intl/intl.dart';
import 'package:gnssview/sky/device_type.dart';
import '../Controller/gnss_controller.dart';
import 'mulbutton.dart';
import 'sky_plot.dart';
class SkyInfo extends StatelessWidget {
late final GnssController controller;
@ -56,11 +57,12 @@ class SkyInfo extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.center,
children: [
MulButton(
colors: const [
Colors.blue,
Colors.red,
Colors.green,
Colors.orange
signalColorList: const [
Color.fromARGB(255, 255, 0, 0),
Color.fromARGB(255, 0, 255, 0),
Color.fromARGB(255, 0, 0, 255),
Color.fromARGB(255, 255, 255, 0),
Color.fromARGB(255, 0, 255, 255)
],
onSelectionChanged: (int index, bool value) {
controller.selectedSignal[index] = value;
@ -120,3 +122,35 @@ class FixedWidthText extends StatelessWidget {
);
}
}
class SkyInfoPlotPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
final orientation = MediaQuery.of(context).orientation;
bool isPortrait = orientation == Orientation.portrait;
return isPortrait
? Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
child: SkyInfo(),
),
Expanded(
child: SkyPlotPage(),
),
],
)
: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
child: SkyInfo(),
),
Expanded(
child: SkyPlotPage(),
),
],
);
}
}

35
lib/sky/sky_plot.dart
View File

@ -11,6 +11,7 @@ import 'package:gnss/gnss.dart';
import '../Controller/gnss_controller.dart';
const signalNameList = <String>["GPS", "GLONASS", "GALILEO", "BEIDOU", "QZSS"];
const signalPrefixList = <String>["G", "R", "E", "B", "Q"];
const List<Color> signalColorList = [
Color.fromARGB(255, 255, 0, 0),
Color.fromARGB(255, 0, 255, 0),
@ -18,7 +19,6 @@ const List<Color> signalColorList = [
Color.fromARGB(255, 255, 255, 0),
Color.fromARGB(255, 0, 255, 255)
];
// class DrawSkyPlot {
// double width = 500;
// double height = 500;
@ -209,9 +209,9 @@ class SkyPlotPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
bool isDarkMode = Theme.of(context).brightness == Brightness.dark;
final size = MediaQuery.of(context).size;
return Obx(() {
controller.singnalUpdate;
controller.singnalUpdate.value;
final signalGNSS = [
controller.signalData?.GPS,
controller.signalData?.GLO,
@ -219,8 +219,12 @@ class SkyPlotPage extends StatelessWidget {
controller.signalData?.BDS,
controller.signalData?.QZSS,
];
return CustomPaint(
painter: SkyPlotPainter(signalGNSS, controller.selectedSignal),
return SizedBox(
width: size.width,
height: size.height,
child: CustomPaint(
painter: SkyPlotPainter(signalGNSS, controller.selectedSignal),
),
);
});
}
@ -271,13 +275,13 @@ class SkyPlotPage extends StatelessWidget {
class SkyPlotPainter extends CustomPainter {
final List<List<SignalGNSS>?> signalGNSS;
final List<bool> selectedSignal;
final satelliteRadius = 20.0;
final satelliteRadius = 12.0;
SkyPlotPainter(this.signalGNSS, this.selectedSignal);
@override
void paint(Canvas canvas, Size size) {
final paint = Paint()
..color = Colors.blue
..color = const ui.Color.fromARGB(255, 0, 0, 0)
..style = PaintingStyle.stroke;
final double radius = min(size.width / 2, size.height / 2);
@ -306,7 +310,7 @@ class SkyPlotPainter extends CustomPainter {
continue;
}
satellitePaint.color = signalColorList[i];
drawGnssSignal(canvas, center, radius, signalData, satellitePaint);
drawGnssSignal(canvas, center, radius, signalData, satellitePaint, i);
}
}
@ -316,21 +320,32 @@ class SkyPlotPainter extends CustomPainter {
double radius,
List<SignalGNSS> signals,
Paint paint,
int index,
) {
for (final signal in signals) {
final int el = signal.elevation;
final double az = signal.azimuth * pi / 180;
final double az = (360 - signal.azimuth + 90) * pi / 180;
final double r = radius * (90 - el) / 90;
final double x = center.dx + r * cos(az);
final double y = center.dy + r * sin(az);
canvas.drawCircle(Offset(x, y), satelliteRadius, paint);
TextPainter(
text: TextSpan(
text: signalPrefixList[index] + signal.prn.toString().padLeft(2, '0'),
style: TextStyle(color: Colors.white, fontSize: 12),
),
textDirection: TextDirection.ltr,
)
..layout()
..paint(canvas, Offset(x - 9, y - 7));
}
}
@override
bool shouldRepaint(covariant CustomPainter oldDelegate) {
return false;
return true;
}
}