325 lines
12 KiB
Dart
325 lines
12 KiB
Dart
import 'dart:ui';
|
|
|
|
import 'package:ef/ef.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutterflow_ui/flutterflow_ui.dart';
|
|
import 'package:vbvs_app/common/color/appConstants.dart';
|
|
import 'package:vbvs_app/common/util/FitTool.dart';
|
|
import 'package:vbvs_app/component/tool/CustomCard.dart';
|
|
import 'package:vbvs_app/component/tool/FrostedDialog.dart';
|
|
import 'package:vbvs_app/controller/device/blueteeth_bind_controller.dart';
|
|
import 'package:vbvs_app/controller/theme_controller/ThemeController.dart';
|
|
import 'package:vbvs_app/model/BleDeviceData.dart';
|
|
import 'package:vbvs_app/pages/device_bind/componnet/FancyCircleCheckbox.dart';
|
|
|
|
void showBindDoubleDialog(BuildContext context, List<BleDeviceData> devices) {
|
|
ThemeController themeController = Get.find();
|
|
BlueteethBindController blueteethBindController = Get.find();
|
|
|
|
blueteethBindController.model.deviceIndex0 = true;
|
|
blueteethBindController.model.deviceIndex1 = false;
|
|
blueteethBindController.model.deviceIndex2 = false;
|
|
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: true,
|
|
barrierColor: Colors.black.withOpacity(0.5), // 建议加个背景模糊色
|
|
builder: (BuildContext context) {
|
|
return FrostedDialog(
|
|
blurSigma: 3.0,
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: themeController.currentColor.sc17,
|
|
borderRadius: BorderRadius.circular(20.0),
|
|
),
|
|
padding: EdgeInsetsDirectional.fromSTEB(60.rpx, 0, 60.rpx, 0),
|
|
child: Container(
|
|
width: double.infinity,
|
|
constraints: BoxConstraints(
|
|
maxHeight: MediaQuery.sizeOf(context).height * 0.656,
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
// 标题
|
|
Align(
|
|
alignment: AlignmentDirectional(0, 0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(0.rpx, 93.rpx, 0, 0),
|
|
child: Text(
|
|
'蓝牙绑定.双人版绑定标题'.tr,
|
|
style: FlutterFlowTheme.of(context).bodyMedium.override(
|
|
fontFamily: 'Inter',
|
|
fontSize: 30.rpx,
|
|
letterSpacing: 0.0,
|
|
color: themeController.currentColor.sc3,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
// 全选
|
|
_buildCheckboxRow(
|
|
context,
|
|
title: '蓝牙绑定.绑定全部'.tr,
|
|
value: () => blueteethBindController.model.deviceIndex0!,
|
|
onChanged: (v) {
|
|
if (!blueteethBindController.model.deviceIndex0!) {
|
|
blueteethBindController.model.deviceIndex0 = v;
|
|
blueteethBindController.model.deviceIndex1 = !v;
|
|
blueteethBindController.model.deviceIndex2 = !v;
|
|
blueteethBindController.updateAll();
|
|
}
|
|
},
|
|
),
|
|
// 主设备
|
|
_buildCheckboxRow(
|
|
context,
|
|
title: '蓝牙绑定.主设备'.tr,
|
|
value: () => blueteethBindController.model.deviceIndex1!,
|
|
onChanged: (v) {
|
|
if (!blueteethBindController.model.deviceIndex1!) {
|
|
blueteethBindController.model.deviceIndex1 = v;
|
|
blueteethBindController.model.deviceIndex0 = !v;
|
|
blueteethBindController.model.deviceIndex2 = !v;
|
|
blueteethBindController.updateAll();
|
|
}
|
|
},
|
|
),
|
|
// 从设备
|
|
_buildCheckboxRow(
|
|
context,
|
|
title: '蓝牙绑定.从设备'.tr,
|
|
value: () => blueteethBindController.model.deviceIndex2!,
|
|
onChanged: (v) {
|
|
if (!blueteethBindController.model.deviceIndex2!) {
|
|
blueteethBindController.model.deviceIndex2 = v;
|
|
blueteethBindController.model.deviceIndex0 = !v;
|
|
blueteethBindController.model.deviceIndex1 = !v;
|
|
blueteethBindController.updateAll();
|
|
}
|
|
},
|
|
),
|
|
// 确定按钮
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(0, 100.rpx, 0, 0),
|
|
child: _buildActionButton(
|
|
context,
|
|
text: '蓝牙绑定.确定'.tr,
|
|
onTap: () {
|
|
Get.back();
|
|
},
|
|
),
|
|
),
|
|
// 取消按钮
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(0, 19.rpx, 0, 60.rpx),
|
|
child: _buildActionButton(
|
|
context,
|
|
text: '蓝牙绑定.取消'.tr,
|
|
onTap: () {
|
|
Get.back();
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
|
|
|
|
void showHaveBindDialog(BuildContext context) {
|
|
ThemeController themeController = Get.find();
|
|
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: true,
|
|
barrierColor: Colors.black.withOpacity(0.5),
|
|
builder: (BuildContext context) {
|
|
return FrostedDialog(
|
|
blurSigma: 3.0,
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: themeController.currentColor.sc17,
|
|
borderRadius: BorderRadius.circular(20.0),
|
|
),
|
|
padding: EdgeInsetsDirectional.fromSTEB(60.rpx, 0, 60.rpx, 0),
|
|
child: Container(
|
|
width: double.infinity,
|
|
constraints: BoxConstraints(
|
|
maxHeight: MediaQuery.sizeOf(context).height * 0.656,
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Align(
|
|
alignment: AlignmentDirectional(0, 0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.rpx, 93.rpx, 0.rpx, 0.rpx),
|
|
child: Text(
|
|
'蓝牙绑定.无法绑定'.tr,
|
|
style: FlutterFlowTheme.of(context).bodyMedium.override(
|
|
fontFamily: 'Inter',
|
|
fontSize: 30.rpx,
|
|
letterSpacing: 0.0,
|
|
color: themeController.currentColor.sc3,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.rpx, 70.rpx, 0.rpx, 56.rpx),
|
|
child: RichText(
|
|
text: TextSpan(children: [
|
|
TextSpan(
|
|
text: "蓝牙绑定.无法绑定1".tr,
|
|
style: TextStyle(
|
|
color: themeController.currentColor.sc3,
|
|
fontSize: AppConstants().normal_text_fontSize,
|
|
),
|
|
),
|
|
TextSpan(
|
|
text: "蓝牙绑定.无法绑定2".tr,
|
|
style: TextStyle(
|
|
color: themeController.currentColor.sc10,
|
|
fontSize: AppConstants().normal_text_fontSize,
|
|
),
|
|
),
|
|
TextSpan(
|
|
text: "蓝牙绑定.无法绑定3".tr,
|
|
style: TextStyle(
|
|
color: themeController.currentColor.sc3,
|
|
fontSize: AppConstants().normal_text_fontSize,
|
|
),
|
|
),
|
|
]),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(0, 19.rpx, 0, 60.rpx),
|
|
child: CustomCard(
|
|
borderRadius: AppConstants().button_container_radius,
|
|
onTap: () {
|
|
Get.back();
|
|
},
|
|
colors: [
|
|
themeController.currentColor.sc1,
|
|
themeController.currentColor.sc2,
|
|
],
|
|
child: Container(
|
|
width: MediaQuery.sizeOf(context).width,
|
|
height: MediaQuery.sizeOf(context).height * 0.055,
|
|
constraints: BoxConstraints(
|
|
minWidth: 500.rpx,
|
|
minHeight: 90.rpx,
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
'蓝牙绑定.知道了'.tr,
|
|
style: FlutterFlowTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
color: Colors.white,
|
|
fontFamily: 'Inter',
|
|
fontSize:
|
|
AppConstants().normal_text_fontSize,
|
|
letterSpacing: 0.0,
|
|
),
|
|
),
|
|
].divide(SizedBox(
|
|
width: 17.rpx,
|
|
)),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
|
|
Widget _buildCheckboxRow(
|
|
BuildContext context, {
|
|
required String title,
|
|
required bool Function() value,
|
|
required void Function(bool) onChanged,
|
|
}) {
|
|
ThemeController themeController = Get.find();
|
|
return Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(60.rpx, 64.rpx, 0.rpx, 0.rpx),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Obx(() => FancyCircleCheckbox(
|
|
borderColor: themeController.currentColor.sc3,
|
|
fillColor: themeController.currentColor.sc2,
|
|
value: value(),
|
|
onChanged: onChanged,
|
|
)),
|
|
Text(
|
|
title,
|
|
style: FlutterFlowTheme.of(context).bodyMedium.override(
|
|
fontFamily: 'Inter',
|
|
letterSpacing: 0.0,
|
|
fontSize: AppConstants().normal_text_fontSize,
|
|
color: themeController.currentColor.sc3,
|
|
),
|
|
),
|
|
].divide(SizedBox(width: 21.rpx)),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildActionButton(
|
|
BuildContext context, {
|
|
required String text,
|
|
required VoidCallback onTap,
|
|
}) {
|
|
ThemeController themeController = Get.find();
|
|
return CustomCard(
|
|
borderRadius: AppConstants().button_container_radius,
|
|
onTap: onTap,
|
|
colors: [
|
|
themeController.currentColor.sc1,
|
|
themeController.currentColor.sc2,
|
|
],
|
|
child: Container(
|
|
width: MediaQuery.sizeOf(context).width,
|
|
height: MediaQuery.sizeOf(context).height * 0.055,
|
|
constraints: BoxConstraints(
|
|
minWidth: 500.rpx,
|
|
minHeight: 90.rpx,
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
text,
|
|
style: FlutterFlowTheme.of(context).bodyMedium.override(
|
|
color: Colors.white,
|
|
fontFamily: 'Inter',
|
|
fontSize: AppConstants().normal_text_fontSize,
|
|
letterSpacing: 0.0,
|
|
),
|
|
),
|
|
].divide(SizedBox(width: 17.rpx)),
|
|
),
|
|
),
|
|
);
|
|
}
|