import 'dart:async';
import 'dart:math';
import 'dart:ui' as ui;
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:scence_map/controllers/controller.dart';
import '../../controllers/appcontroller.dart';
import '../../controllers/gnss_Controller.dart';
import '../../service/pile/device_type.dart';
import 'aimpointController.dart';
final AimPointerController aimcontroller = Get.put(AimPointerController());
final ScenceMapController mapcontroller = Get.put(ScenceMapController());
final GnssController gnsscontroller = Get.put(GnssController());
class AimPointer extends GetView<AimPointerController> {
String gradienter = "0"; //水平仪
@override
Widget build(BuildContext context) {
final Size size = MediaQuery.of(context).size;
MediaQueryData mediaQueryData =
MediaQueryData.fromView(WidgetsBinding.instance.window); //获取当前屏幕信息
final orientation = mediaQueryData.orientation; //获得设备方向
bool isPortrait = Orientation.portrait == orientation ? true : false;
double rectWidth = size.width;
final deviceType = getDeviceType(context);
final appcontroller = Get.put(AppController());
if (orientation == Orientation.landscape) {
rectWidth = size.width / 2 - 60;
if (deviceType == DeviceType.mobile) {
rectWidth = size.height - 130;
}
} else {
rectWidth = size.height / 2;
if (deviceType == DeviceType.mobile) {
rectWidth = size.width - 5;
}
}
bool isDarkMode = Theme.of(context).brightness == Brightness.dark;
List<Widget> children = [
SizedBox(
width: rectWidth,
height: rectWidth,
child: Card(
clipBehavior: Clip.antiAlias,
shape: RoundedRectangleBorder(
side: BorderSide(color: Colors.transparent, width: 0),
borderRadius: BorderRadius.circular(4.0), // 可以根据需要调整圆角半径
),
child: Container(
width: rectWidth,
height: rectWidth,
decoration: BoxDecoration(
border:
Border.all(color: isDarkMode ? Colors.white : Colors.black),
borderRadius: BorderRadius.all(Radius.circular(rectWidth / 2)),
),
child: Stack(
children: [
CustomPaint(
//绘制瞄准器
size: Size(rectWidth, rectWidth),
painter: DrawAxis(aimcontroller, 0, 0, isDarkMode),
child: Stack(
children: [
Positioned(
top: 20,
left: 20,
child: Obx(() {
return TextButton(
child: Text(
"${aimcontroller.plot.value}m",
style: const TextStyle(fontSize: 20),
),
onPressed: () {
if (aimcontroller.plot.value == 1) {
aimcontroller.plot.value = 2;
} else {
aimcontroller.plot.value = 1;
}
aimcontroller.update();
},
);
})),
Positioned(
right: 0,
top: 0,
child: IconButton(
icon: const Icon(Icons.close),
onPressed: () {
// 关闭按钮的回调函数
aimcontroller.isCardVisible.value = false;
aimcontroller.lastCloseTapTime =
DateTime.now().millisecondsSinceEpoch;
},
),
),
Positioned(
top: 30,
right: 10,
child: TextButton(
child: Text(
"垂直度:$gradienter°",
style: const TextStyle(fontSize: 20),
),
onPressed: () {},
)),
Obx(() {
var pixel2MeterRatio =
aimcontroller.plot.value * 2 / rectWidth;
if (aimcontroller.selectedPilePoint != null)
gnsscontroller.device.update.value;
if (aimcontroller.selectedPilePoint != null) {
var dx = (gnsscontroller.device.x -
aimcontroller.selectedPilePoint!.x);
var dy = (gnsscontroller.device.y -
aimcontroller.selectedPilePoint!.y);
// if (dx * dy < 0) {
// aimcontroller.top.value = dx *
// cos(mapcontroller.rotation.value) +
// dy * sin(mapcontroller.rotation.value);
// aimcontroller.left.value = -dx *
// sin(mapcontroller.rotation.value) +
// dy * cos(mapcontroller.rotation.value);
// }
aimcontroller.x.value =
dx * cos(-mapcontroller.rotation.value) +
dy * sin(-mapcontroller.rotation.value);
aimcontroller.y.value =
-dx * sin(-mapcontroller.rotation.value) +
dy * cos(-mapcontroller.rotation.value);
// aimcontroller.positionUpdate.value++;
print("dx:$dx,dy:$dy");
print(
"left:${aimcontroller.x.value},top:${aimcontroller.y.value}");
}
return Positioned(
left: rectWidth / 2 -
30 +
aimcontroller.y.value / pixel2MeterRatio,
top: rectWidth / 2 -
30 -
aimcontroller.x.value / pixel2MeterRatio,
child: Transform(
transform: Matrix4.identity()
..rotateZ(gnsscontroller.device.rotation +
pi / 2 +
mapcontroller.rotation.value),
alignment: FractionalOffset.center,
child: Stack(
alignment: Alignment.center,
children: [
SizedBox(
width: 60.0, // 设置图像的宽度
height: 60.0, // 设置图像的高度
child: Image.asset(
"images/navi_pointer.png",
errorBuilder:
(context, error, stackTrace) {
return Text('无法加载图片');
},
),
),
// Obx(() {
// Offset offset = controller.xy2Screen(
// gnsscontroller.pilerCenter.X, gnsscontroller.pilerCenter.Y);
// return Positioned(
// left: offset.dx,
// top: offset.dy,
// child: Transform(
// transform: Matrix4.identity()
// ..rotateZ(-controller.rotation.value),
// child: Column(
// children: [Text("设备：${item.name}")],
// ),
// ),
// );
// }),
],
)));
})
],
))
],
)),
),
),
// const SizedBox(
// width: 5,
// height: 5,
// ),
// const Expanded(
// child: Text(""),
// ),
];
if (isPortrait) {
return Column(
children: children,
);
} else {
return Row(
children: children,
);
}
}
}
class DrawAxis extends CustomPainter {
final AimPointerController aimcontroller;
final double tiltX;
final double tiltY;
final bool isDarkMode;
DrawAxis(this.aimcontroller, this.tiltX, this.tiltY, this.isDarkMode);
final _paint = Paint(); //创建一个画笔并配置其属性
Path path = Path();
List<IconData> icons = [
Icons.arrow_drop_up,
Icons.arrow_drop_down,
Icons.arrow_left,
Icons.arrow_right
];
// List<Offset> iconOffset = [];
List<String> text = ["", "", "", ""]; //['前移', '后移', '左移', '右移'];
@override
void paint(Canvas canvas, size) {
_paint
..strokeWidth = 2
..style = PaintingStyle.stroke
..color = const Color.fromARGB(255, 183, 183, 162);
double rectWidth = (size.height / 2 - 5).roundToDouble();
aimcontroller.cardWidth.value = rectWidth;
// if (!aimcontroller.isNomal.value) {
// } else {}
path.moveTo(0, rectWidth + 5);
path.lineTo(size.height, rectWidth + 5);
path.moveTo(rectWidth + 5, 0);
path.lineTo(rectWidth + 5, size.height);
canvas.drawPath(path, _paint);
// 总长 2m
double step = (rectWidth / aimcontroller.plot.value / 10).roundToDouble();
canvas.translate(rectWidth + 5, rectWidth + 5);
for (var i = 0; i < 21; i++) {
if (i % 10 == 0) {
double line = 7;
canvas.drawLine(Offset(0, i * step), Offset(line, i * step), _paint);
canvas.drawLine(Offset(i * step, 0), Offset(i * step, line), _paint);
canvas.drawLine(Offset(0, -i * step), Offset(line, -i * step), _paint);
canvas.drawLine(Offset(-i * step, 0), Offset(-i * step, line), _paint);
drawText(canvas, Offset(line, i * step), -i ~/ 10);
drawText(canvas, Offset(line, -i * step), (i ~/ 10));
if (i ~/ 10 != 0) {
drawText(canvas, Offset(i * step, line), i ~/ 10);
drawText(canvas, Offset(-i * step, line), (-i ~/ 10));
}
} else if (i % 5 == 0) {
double line = 5;
canvas.drawLine(Offset(0, i * step), Offset(line, i * step), _paint);
canvas.drawLine(Offset(i * step, 0), Offset(i * step, line), _paint);
canvas.drawLine(Offset(0, -i * step), Offset(line, -i * step), _paint);
canvas.drawLine(Offset(-i * step, 0), Offset(-i * step, line), _paint);
} else {
double line = 3;
canvas.drawLine(Offset(0, i * step), Offset(line, i * step), _paint);
canvas.drawLine(Offset(i * step, 0), Offset(i * step, line), _paint);
canvas.drawLine(Offset(0, -i * step), Offset(line, -i * step), _paint);
canvas.drawLine(Offset(-i * step, 0), Offset(-i * step, line), _paint);
}
}
canvas.translate(-(rectWidth + 5), -(rectWidth + 5));
canvas.translate(rectWidth + 5, rectWidth + 5);
drawPoint(canvas);
// // 绘制水平仪
// double x = real.tiltX.value; //
// double y = real.tiltY.value; //
// print("----${real.centerX.value},${real.centerY.value}");
// if (real.tiltX.value == 0 || real.tiltY.value == 0) {
// x = 0;
// y = 0;
// }
// _paint.color = Colors.red;
// canvas.drawCircle(Offset(x * step * 10, y * step * 10), 10, _paint);
// canvas.translate(-(rectWidth + 5), -(rectWidth + 5));
}
drawText(Canvas canvas, Offset offset, int i, [bool isShow = true]) {
TextPainter textPainter = TextPainter(
text: TextSpan(
text: isShow ? "$i m" : "$i",
style: TextStyle(
fontSize: 12, color: isDarkMode ? Colors.white : Colors.black)),
textDirection: TextDirection.ltr,
textAlign: TextAlign.left);
textPainter.layout();
textPainter.paint(canvas, offset);
}
drawPoint(Canvas canvas) {
canvas.drawCircle(Offset.zero, 20,
Paint()..color = const ui.Color.fromARGB(129, 139, 33, 33));
// drawText(canvas, pos - const Offset(20, 10), i, false);
}
// drawRect(Canvas canvas, double rectWidth) {
// double x = item.dx - real.centerX.value;
// double y = item.dy - real.centerY.value;
// Offset center = Offset(x, y);
// canvas.drawRect(
// Rect.fromCenter(center: center, width: rectWidth, height: rectWidth),
// _paint);
// }
@override
bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
}
// 瞄准器卡片
class SightGview extends StatelessWidget {
const SightGview();
@override
Widget build(BuildContext context) {
final Size size = MediaQuery.of(context).size;
MediaQueryData mediaQueryData =
MediaQueryData.fromView(WidgetsBinding.instance.window); //获取当前屏幕信息
final orientation = mediaQueryData.orientation; //获得设备方向
double rectWidth = size.width;
final deviceType = getDeviceType(context);
if (orientation == Orientation.landscape) {
rectWidth = size.width / 2 - 60;
if (deviceType == DeviceType.mobile) {
rectWidth = size.height - 130;
}
} else {
rectWidth = size.height / 2;
if (deviceType == DeviceType.mobile) {
rectWidth = size.width - 5;
}
}
return Obx(() => Visibility(
visible: aimcontroller.isCardVisible.value,
child: Positioned(
left: aimcontroller.sightOffset.value.dx,
top: aimcontroller.sightOffset.value.dy,
width: rectWidth + 15,
height: rectWidth + 15,
child: GestureDetector(
onScaleStart: (details) {
// 正确计算初始偏移量：当前手指位置与卡片当前位置之间的差值
aimcontroller.sightInit.value =
details.localFocalPoint - aimcontroller.sightOffset.value;
},
onScaleUpdate: (details) {
// 使用初始偏移量来更新卡片的位置
aimcontroller.sightOffset.value =
details.localFocalPoint - aimcontroller.sightInit.value;
},
child: Stack(children: [
Container(
decoration:
const BoxDecoration(color: Colors.transparent),
child: Stack(children: [
Card(
color: Colors.transparent,
elevation: 5.0,
child: AimPointer(),
),
]))
])))));
}
}