fis_lib_measure/lib/view/menu_button_group/menu_button_group.dart

import 'package:fis_common/index.dart';
import 'package:fis_i18n/i18n.dart';
import 'package:fis_jsonrpc/rpc.dart';
import 'package:fis_lib_qrcode/qr_flutter.dart';
import 'package:fis_measure/interfaces/process/player/play_controller.dart';
import 'package:fis_measure/interfaces/process/standard_line/calibration.dart';
import 'package:fis_measure/interfaces/process/workspace/application.dart';
import 'package:fis_measure/interfaces/process/workspace/measure_3d_view_controller.dart';
import 'package:fis_measure/process/workspace/measure_3d_view_controller.dart';
import 'package:fis_measure/process/workspace/measure_data_controller.dart';
import 'package:fis_measure/process/workspace/measure_handler.dart';
import 'package:fis_measure/process/workspace/rpc_helper.dart';
import 'package:fis_measure/utils/prompt_box.dart';
import 'package:fis_measure/view/loadding/loadding.dart';
import 'package:fis_measure/view/measure/operate_type_change_button.dart';
import 'package:fis_measure/view/paint/ai_patint_controller.dart';
import 'package:fis_measure/view/player/controller.dart';
import 'package:fis_ui/base_define/page.dart';
import 'package:fis_ui/index.dart';
import 'package:fis_ui/widgets/functional/text_tooltip.dart';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:get/get.dart';

import '../measure/switch_loop_button.dart';

// import 'package:url_launcher/url_launcher.dart';

class FMenuButtonGroup extends FStatefulWidget {
  final VoidCallback capturePng;
  const FMenuButtonGroup({
    Key? key,
    required this.capturePng,
    required this.businessParent,
  }) : super(key: key);

  final FPage businessParent;

  @override
  FState<FMenuButtonGroup> createState() => _FMenuButtonGroupState();
}

class _FMenuButtonGroupState extends FState<FMenuButtonGroup> {
  double get devicePixelRatio => MediaQuery.of(context).devicePixelRatio;
  // 单个按钮高度
  double get buttonHeight => 30 / devicePixelRatio;
  // 按钮外边距
  double get buttonMargin => 10 / devicePixelRatio;
  // 单个按钮总高度 = Content(42)+Margin(10)
  // static const double singleButtonHeight = buttonHeight + buttonMargin;
  // 按钮组宽度
  double get buttonGroupWidth => 60 / devicePixelRatio;
  // 按钮组容器底部内边距 30 + 30
  double get groupContainerPadding => buttonGroupWidth / 2;

  /// 获取当前组件最大高度
  double maxGroupHeight = Get.height - 190;
  final application = Get.find<IApplication>();

  /// 数据
  final measureData = Get.find<MeasureDataController>();
  final playerController = Get.find<IPlayerController>() as VidPlayerController;
  final measure3DViewController = Get.find<Measure3DViewController>();
  late final measureHandler = Get.find<MeasureHandler>();
  late final aiPatintController = Get.find<AiPatintController>();
  late bool canShowAI = [
    DiagnosisConclusionEnum.Benign,
    DiagnosisConclusionEnum.Malignant,
    DiagnosisConclusionEnum.BenignAndMalignant
  ].contains(measureData.diagnosisConclusion);

  double groupHeight = 0;
  bool isExpanded = true;
  bool ifShowModeButton = false;
  bool ifShowVidModeButton = true;
  get isShell => measure3DViewController.isShell;
  get exist3DData => measure3DViewController.exist3DData;

  @override
  void initState() {
    super.initState();
    groupHeight = maxGroupHeight;
    measure3DViewController.updatePlayerMode.addListener(_onModeChanged);
  }

  @override
  void dispose() {
    measure3DViewController.updatePlayerMode.removeListener(_onModeChanged);
    super.dispose();
  }

  /// 模式改变触发更新
  void _onModeChanged(Object s, MeasureMode mode) {
    switch (mode) {
      case MeasureMode.vidMode:
        setState(() {
          ifShowModeButton = false;
          ifShowVidModeButton = true;
          groupHeight = maxGroupHeight;
          isExpanded = true;
        });
        break;
      case MeasureMode.carotid2DMode:
        setState(() {
          ifShowModeButton = true;
          ifShowVidModeButton = false;
          groupHeight = maxGroupHeight;
          isExpanded = true;
        });
        break;
      case MeasureMode.carotid3DMode:
        setState(() {
          ifShowModeButton = false;
          ifShowVidModeButton = false;
        });
        break;
    }
  }

  List<FWidget> buildTitleButtonList() {
    return [
      _buildTitleButton(
        FIcons.fis_quash,
        i18nBook.common.revoke.t,
        () => application.undoRecord(),
      ),
      _buildTitleButton(
        FIcons.fis_purge,
        i18nBook.measure.clear.t,
        () => application.clearRecords(),
      ),
      OperateTypeChangeButton(businessParent: widget.businessParent),
      _buildTitleButton(
        measureHandler.fullScreenState
            ? FIcons.fis_full_screen_reduction
            : FIcons.fis_full_screen,
        measureHandler.fullScreenState
            ? i18nBook.common.cancel.t + i18nBook.measure.fullScreen.t
            : i18nBook.measure.fullScreen.t,
        () {
          measureHandler.fullScreenState = !measureHandler.fullScreenState;
          setState(() {});
        },
      ),
      _buildTitleButton(
        FIcons.fis_save,
        i18nBook.common.save.t,
        widget.capturePng,
      ),
      _buildTitleButton(
        FIcons.fis_share,
        i18nBook.remedical.share.t,
        () async {
          var itemCurrentImage = await measureData.shareImage.call(
            measureData.itemCurrentImage,
          );
          Get.dialog(_buildShareQRCode(itemCurrentImage));
        },
      ),
      //第三方图像需要校准线 并且能够测量
      if (application.isThirdPart && measureHandler.canMeasureDrawing) ...[
        _buildTitleButton(
          FIcons.device,
          i18nBook.remedical.calibrationLine.t,
          () {
            Get.find<IStandardLineCalibrationController>().enterEditMode();
          },
        ),
      ],
      //AI结果隐藏按钮
      if (canShowAI) ...[
        _buildTitleButton(
          !aiPatintController.state.ifShowAi
              ? FIcons.fis_eye_display
              : FIcons.fis_eye_hidden,
          !aiPatintController.state.ifShowAi
              ? i18nBook.measure.showAi.t
              : i18nBook.measure.hideAi.t,
          () {
            aiPatintController.state.ifShowAi =
                !aiPatintController.state.ifShowAi;
            setState(() {});
          },
        ),
      ],
      //进入颈动脉3D模式
      if (isShell && exist3DData && ifShowVidModeButton) ...[
        _buildTitleButton(
          FIcons.three_dimensional,
          i18nBook.measure.carotid3DMode.t,
          () {
            measure3DViewController.changeModeTo3DMode();
          },
        ),
      ],
      //从颈动脉2D返回到【测量】或【3D】
      if (isShell && exist3DData && ifShowModeButton) ...[
        _buildTitleButton(
          FIcons.three_dimensional,
          i18nBook.measure.carotid3DMode.t,
          () {
            measure3DViewController.backTo3DMode();
          },
        ),
        _buildTitleButton(
          Icons.play_circle_outline_rounded,
          i18nBook.measure.videoMode.t,
          () {
            measure3DViewController.backToVidMode();
            playerController.resetCurrentFrame();
          },
        ),
      ],
      SwitchPlayLoopButton(businessParent: widget.businessParent),
    ];
  }

  @override
  FWidget build(BuildContext context) {
    return FRow(
      children: [
        FExpanded(child: FContainer()),
        FColumn(
          verticalDirection: VerticalDirection.up,
          mainAxisAlignment: MainAxisAlignment.end,
          children: [
            QuickFWidget(
              Transform.translate(
                  offset: Offset(0, -buttonGroupWidth / 2),
                  child: FAnimatedContainer(
                      duration: const Duration(milliseconds: 300),
                      padding: EdgeInsets.only(
                        top: groupContainerPadding / 2,
                        bottom: groupContainerPadding / 2,
                      ),
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.only(
                          bottomLeft: Radius.circular(buttonGroupWidth / 2),
                          bottomRight: Radius.circular(buttonGroupWidth / 2),
                        ),
                        color: Colors.grey.withOpacity(0.6),
                      ),
                      clipBehavior: Clip.antiAlias,
                      width: buttonGroupWidth,
                      height: groupHeight == groupContainerPadding
                          ? groupHeight
                          : null,
                      constraints: BoxConstraints(
                        maxHeight: Get.height - (190 / devicePixelRatio),
                      ),
                      child: FListView(
                        shrinkWrap: true,
                        children: buildTitleButtonList(),
                      ))),
            ),
            _buildDropDownButton(),
            //   const FSizedBox(height: 10),
          ],
        )
      ],
    );
  }

  FWidget _buildTitleButton(IconData icon, String title, Function onClick) {
    return FTextTooltip(
      position: DisplayPosition.left,
      textStyle: const TextStyle(fontSize: 16, color: Colors.white),
      height: 36 / devicePixelRatio,
      message: title,
      margin: const EdgeInsets.all(0),
      decoration: BoxDecoration(
        color: Colors.black.withOpacity(1.0),
        borderRadius: BorderRadius.circular(4),
      ),
      child: FContainer(
        height: buttonHeight,
        margin: EdgeInsets.only(
          top: buttonMargin,
        ),
        child: FInkWell(
          onTap: () => onClick.call(),
          child: Icon(
            icon,
            color: Colors.white,
          ),
        ),
      ),
    );
  }

  FWidget _buildDropDownButton() {
    return FInkWell(
        onHover: (isHover) {
          if (isHover && !isExpanded) {
            setState(() {
              groupHeight = maxGroupHeight;
              isExpanded = true;
            });
          }
        },
        onTap: () {
          if (isExpanded) {
            setState(() {
              groupHeight = groupContainerPadding;
              isExpanded = false;
            });
          } else {
            setState(() {
              groupHeight = maxGroupHeight;
              isExpanded = true;
            });
          }
        },
        child: FContainer(
          decoration: BoxDecoration(
            borderRadius:
                BorderRadius.all(Radius.circular(buttonGroupWidth / 2)),
            color: Colors.white,
          ),
          height: buttonGroupWidth,
          width: buttonGroupWidth,
          child: FColumn(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              if (isExpanded) ...[
                // if (i18nBook.isCurrentChinese) ...[
                //   FText(
                //     i18nBook.measure.collapseGroup.t,
                //     style: const TextStyle(fontSize: 12),
                //   ),
                // ],
                const FIcon(Icons.arrow_drop_up)
              ] else ...[
                // if (i18nBook.isCurrentChinese) ...[
                //   FText(
                //     i18nBook.measure.expandGroup.t,
                //     style: const TextStyle(fontSize: 12),
                //   ),
                // ],
                const FIcon(Icons.arrow_drop_down)
              ]
            ],
          ),
        ));
  }

  FWidget _buildShareQRCode(String itemCurrentImage) {
    return FSimpleDialog(
      title: FText(
        i18nBook.remedical.share.t,
        style: const TextStyle(
          color: Colors.white,
          fontSize: 18,
        ),
      ),
      isDefault: false,
      children: [
        FContainer(
          width: 360,
          child: FContainer(
            padding: const EdgeInsets.only(top: 20, bottom: 20),
            child: QRCodeWithLogo(itemCurrentImage,
                codeStatement: i18nBook.remedical.scanQrCodeToShareImage.t,
                operationStatement: i18nBook.remedical.copyLink.t,
                operationSuccessCallback: () {
              final rpcHelper = Get.find<RPCHelper>();
              if (FPlatform.isWindows || FPlatform.isMacOS) {
                rpcHelper.rpc.platform.copyToClipboard(itemCurrentImage);
              } else {
                Clipboard.setData(ClipboardData(text: itemCurrentImage));
              }
              PromptBox.toast(i18nBook.remedical.copySuccess.t);
            }),
          ),
        ),
      ],
    );
  }
}