105 lines
3.3 KiB
Dart
105 lines
3.3 KiB
Dart
import 'package:cc_ui_kit/cc_ui_kit.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||
|
||
import '../bloc/remote_control_cubit.dart';
|
||
import 'emergency_stop_button.dart';
|
||
|
||
class CenterControlArea extends StatelessWidget {
|
||
final double totalWidth;
|
||
|
||
const CenterControlArea({super.key, required this.totalWidth});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final remoteState = context.watch<RemoteControlCubit>().state;
|
||
|
||
if (remoteState.isEmergency) {
|
||
return const Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [EmergencyStopButton(), SizedBox(height: 16)],
|
||
);
|
||
}
|
||
|
||
return LayoutBuilder(
|
||
builder: (context, constraints) {
|
||
final double expandedWidth = totalWidth * 0.25;
|
||
final double emergencyStopButtonWidth = constraints.maxWidth * 0.5;
|
||
|
||
return Container(
|
||
// 这里不再使用 Row 包装三个 Expanded，而是直接固定宽度
|
||
child: Row(
|
||
//mainAxisSize: MainAxisSize.min, // 极其重要：防止在 spaceBetween 下挤压
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
// 左摇杆 (3份)
|
||
// _buildSliderBox(expandedWidth, "底盘", true),
|
||
SizedBox(
|
||
width: expandedWidth,
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
_buildSliderBox(expandedWidth, "底盘", true),
|
||
SizedBox(height: totalWidth * 0.01),
|
||
],
|
||
),
|
||
),
|
||
|
||
// 急停 (2份)
|
||
SizedBox(
|
||
width: emergencyStopButtonWidth,
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
EmergencyStopButton(width: emergencyStopButtonWidth),
|
||
|
||
SizedBox(height: totalWidth * 0.05),
|
||
|
||
const Text(
|
||
'双击空白处切换视角',
|
||
style: TextStyle(fontSize: 8, color: Colors.grey),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
|
||
// 右摇杆 (3份)
|
||
// _buildSliderBox(expandedWidth, "备用", false),
|
||
SizedBox(
|
||
width: expandedWidth,
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [_buildSliderBox(expandedWidth, "备用", false)],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
},
|
||
);
|
||
}
|
||
|
||
Widget _buildSliderBox(double boxWidth, String label, bool isLeft) {
|
||
return SizedBox(
|
||
width: boxWidth,
|
||
child: Center(
|
||
child: SizedBox(
|
||
width: boxWidth * 0.6,
|
||
height: boxWidth * 0.6 * 3,
|
||
child: CCExpandSlider(
|
||
label: label,
|
||
svgStart: "assets/svgs/remote_up.svg",
|
||
svgCenter: "assets/svgs/remote_layers.svg",
|
||
svgEnd: "assets/svgs/remote_down.svg",
|
||
onStart: () => debugPrint("$label start"),
|
||
onCenter: () => debugPrint("$label center"),
|
||
onEnd: () => debugPrint("$label end"),
|
||
iconSize: boxWidth * 0.6 * 0.35,
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|