pile_nav_new/lib/pages/pass_track/view.dart

//字体
import 'package:bottom_picker/resources/arrays.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/scheduler.dart';
import 'package:flutter/widgets.dart';
import 'package:get/get.dart';
import 'package:scence_map/controller.dart';
import 'package:scence_map/scence_map.dart';
import 'package:bottom_picker/bottom_picker.dart';
import 'package:syncfusion_flutter_sliders/sliders.dart';
import 'iconContainer.dart';
import "controller.dart";
// import '../login_in/connect/bluetooth_page.dart';
// import '../login_in/connect/config.dart';
// import '../login_in/connect/connect_type.dart';
// import '../login_in/getx/blue_tooth.dart';
// import '../setting/antenna_setting.dart';
// import '../setting/person_details.dart';
// import '../setting/wifi_page.dart';
// import '../setting/xy_change.dart';

ScenceMapController mapcontroller = Get.put(ScenceMapController());

class PassTrack extends StatefulWidget {
  final String date;
  final controller;

  const PassTrack({super.key, required this.date, this.controller});

  @override
  State<PassTrack> createState() => _PasstrackState();
}

class _PasstrackState extends State<PassTrack> {
  final controller = Get.put(PassTrackController("WXLMB", "cp_orad"));
  String str = "播放";
  int sWidth = 0;
  int bits = -1;
  int speed = 50;
  List<int> speedList = [1, 2, 10, 20, 50, 100, 200, 500];
  int maxLength = 200;
  SfRangeValues _rangevalues = const SfRangeValues(0.0, 200.0);

  @override
  initState() {
    super.initState();
    SchedulerBinding.instance.addPostFrameCallback((_) async {
      //     sWidth = sqrt(screen.width * screen.width + screen.height * screen.height)
      //         .ceil();

      //     // scenceMapController.scale = passTrackPlugin.passTrack_getScale() * 1.0;
      //     fileHandle.date = widget.date;
      //     await fileHandle.init();
      //     //在帧绘制完成后执行数据渲染
      //     // await initPlatformState();
      //     if (fileHandle.pointData.isNotEmpty) {
      //       DecodeDataObj obj = fileHandle.pointData[0].obj!;
      //       scenceMapController.centerXY = Offset(obj.y / 20, obj.x / 20);
      //     }

      //     for (var item in fileHandle.deviceList) {
      //       if (item["point"] != null) {
      //         bits = item["bits"];
      //         break;
      //       }
      //     }
      //     // passTrackPlugin.map_setCenterDevice(bits);
      //     setState(() {
      //       if (fileHandle.pointData.isNotEmpty) {
      //         maxLength = fileHandle.pointData.length;
      //         // _value = maxLength;
      //         _rangevalues = SfRangeValues(0.0, maxLength.toDouble());
      //       }
      //     });
    });
  }

  Future<void> initPlatformState() async {
    // String platformVersion;
    // try {
    //   platformVersion = await passTrackPlugin.getPlatformVersion() ??
    //       'Unknown platform version';
    // } on PlatformException {
    //   platformVersion = 'Failed to get platform version.';
    // }
    // await passTrackPlugin.create(sWidth, sWidth);
    // fileHandle.textureId = await passTrackPlugin.getTextureId() ?? -1;
    // print("textureId: ${fileHandle.textureId}");

    // if (!mounted) return;

    // setState(() {
    //   platformVersion = platformVersion;
    // });
  }

  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    var isPortrait = MediaQuery.of(context).orientation == Orientation.portrait;
    return OrientationBuilder(builder: (context, orientation) {
      return Stack(
        children: [
          ScenceMapView(
            children: [],
            onUpdate: (Offset center, double scale, double rotation) {
              print("center:$center scale:$scale rotation:$rotation");
            },
          ),
          Positioned(
            width: isPortrait ? size.width * .63 : size.width * .42,
            left: isPortrait ? 190 : 200,
            bottom: 30,
            child: Container(
              padding: const EdgeInsets.only(bottom: 5),
              child: SfRangeSlider(
                min: 0.0,
                max: maxLength,
                values: _rangevalues,
                showTicks: false,
                showLabels: false,
                enableTooltip: true,
                minorTicksPerInterval: 1,
                stepSize: 1,
                onChanged: (SfRangeValues values) {
                  setState(() {
                    _rangevalues = SfRangeValues(values.start.roundToDouble(),
                        values.end.roundToDouble());
                  });
                },
              ),
            ),
          ),
          Positioned(
            left: isPortrait ? 190 : 200,
            bottom: 0,
            child: Row(
              children: [
                const SizedBox(width: 18),
                SizedBox(
                  width: 74,
                  child: ElevatedButton(
                    style: ButtonStyle(
                      backgroundColor: MaterialStateProperty.all<Color?>(
                        str == "播放" ? Colors.blue : Colors.red,
                      ),
                    ),
                    onPressed: () {
                      setState(() {
                        str = str == "播放" ? "暂停" : "播放";
                      });
                    },
                    child: Text(
                      str,
                      style: const TextStyle(fontSize: 12, color: Colors.black),
                    ),
                  ),
                ),
                const SizedBox(width: 5),
                Container(
                  width: 82,
                  height: 35,
                  padding: const EdgeInsets.symmetric(horizontal: 1.0),
                  decoration: BoxDecoration(
                    color: const Color.fromARGB(255, 255, 255, 255),
                    border: Border.all(color: Colors.black),
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Center(
                        child: Text(
                          "$speed X",
                          style: const TextStyle(
                              fontSize: 11, color: Colors.black),
                        ),
                      ),
                      PopupMenuButton<int>(
                        padding: const EdgeInsets.all(1.0),
                        icon: const Icon(Icons.arrow_drop_up,
                            color: Color.fromARGB(255, 47, 48, 47)),
                        onSelected: (int value) {
                          setState(() {
                            speed = value;
                          });
                        },
                        itemBuilder: (BuildContext context) {
                          return speedList.map((int speed) {
                            return PopupMenuItem<int>(
                              height: 30,
                              value: speed,
                              child: Text("$speed X速度"),
                            );
                          }).toList();
                        },
                      ),
                    ],
                  ),
                ),
                const SizedBox(width: 12),
                Column(
                  children: [
                    const Text("此处遍数：0"),
                    StreamBuilder<DateTime>(
                      stream: Stream.periodic(
                          const Duration(seconds: 1), (_) => DateTime.now()),
                      builder: (context, snapshot) {
                        if (snapshot.hasData) {
                          final dateTime = snapshot.data!.toLocal();
                          final formattedDate =
                              "${dateTime.year % 100}-${dateTime.month.toString().padLeft(2, '0')}-${dateTime.day.toString().padLeft(2, '0')}";
                          final formattedTime =
                              "${dateTime.hour.toString().padLeft(2, '0')}:${dateTime.minute.toString().padLeft(2, '0')}:${dateTime.second.toString().padLeft(2, '0')}";
                          return Text(
                            "$formattedDate $formattedTime",
                            style: const TextStyle(
                              fontSize: 16,
                              fontWeight: FontWeight.bold,
                            ),
                          );
                        } else {
                          return const Text(
                            "加载中...",
                            style: TextStyle(
                                fontSize: 16, fontWeight: FontWeight.bold),
                          );
                        }
                      },
                    ),
                  ],
                )
              ],
            ),
          ),
          IconContainer()
        ],
      );
    });
  }
}