You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1121 lines
40 KiB
1121 lines
40 KiB
import 'dart:async';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import '../controllers/translation_controller.dart';
|
|
import '../models/translation_models.dart';
|
|
import '../views/translation_history_view.dart';
|
|
import '../bindings/translation_history_binding.dart';
|
|
import '../../../core/theme/app_colors.dart';
|
|
import '../../../routes/app_routes.dart';
|
|
// import 'package:intl/intl.dart';
|
|
|
|
class TranslationView extends GetView<TranslationController> {
|
|
const TranslationView({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final isDarkMode = Theme.of(context).brightness == Brightness.dark;
|
|
|
|
return Scaffold(
|
|
backgroundColor: isDarkMode ? AppColors.darkBackground : Colors.grey[50],
|
|
appBar: _buildAppBar(isDarkMode),
|
|
body: _buildBody(isDarkMode),
|
|
);
|
|
}
|
|
|
|
PreferredSizeWidget _buildAppBar(bool isDarkMode) {
|
|
// 在同一个类中添加辅助方法
|
|
PopupMenuItem<String> _buildPopupMenuItem(String value, String text,
|
|
{bool enabled = true // 默认启用
|
|
}) {
|
|
return PopupMenuItem(
|
|
value: value,
|
|
enabled: enabled, // 设置启用状态
|
|
child: Text(
|
|
text,
|
|
style: TextStyle(
|
|
color: enabled
|
|
? null // 使用默认颜色
|
|
: Colors.grey, // 禁用时显示灰色
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
return AppBar(
|
|
backgroundColor: isDarkMode ? AppColors.cardBackground : Colors.white,
|
|
elevation: 1,
|
|
leading: IconButton(
|
|
icon: Icon(
|
|
Icons.arrow_back_ios,
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
size: 20.sp,
|
|
),
|
|
onPressed: () {
|
|
// Stop recognition and TTS before navigating back
|
|
controller.stopAll();
|
|
Get.back();
|
|
},
|
|
),
|
|
title: Obx(() => PopupMenuButton<String>(
|
|
onSelected: (value) {
|
|
controller.changeTranslationMode(value);
|
|
},
|
|
color: isDarkMode ? AppColors.cardBackground : Colors.white,
|
|
itemBuilder: (BuildContext context) => [
|
|
_buildPopupMenuItem('simultaneous', 'simultaneousTranslation'.tr),
|
|
_buildPopupMenuItem('faceToFace', 'faceToFaceTranslation'.tr),
|
|
_buildPopupMenuItem(
|
|
'audioVideo',
|
|
'audioVideoTranslation'.tr,
|
|
enabled: controller.bleManager.isConnected, // 根据连接状态启用/禁用
|
|
),
|
|
_buildPopupMenuItem(
|
|
'call',
|
|
'callTranslation'.tr,
|
|
enabled: controller.bleManager.isConnected, // 根据连接状态启用/禁用
|
|
),
|
|
],
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min, // 关键修改：让宽度自适应内容
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Flexible(
|
|
// 防止文本溢出
|
|
child: FittedBox(
|
|
// 保持文本缩放比例
|
|
fit: BoxFit.scaleDown,
|
|
child: Text(
|
|
controller.currentModeTitle.value.tr,
|
|
style: TextStyle(
|
|
fontSize: 18.sp,
|
|
fontWeight: FontWeight.w600, // 保持字体加粗
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
),
|
|
overflow: TextOverflow.ellipsis, // 长文本显示省略号
|
|
maxLines: 1,
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 4), // 添加间距
|
|
Icon(
|
|
Icons.arrow_drop_down,
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
size: 20.sp,
|
|
),
|
|
],
|
|
),
|
|
)),
|
|
centerTitle: true,
|
|
actions: [
|
|
Obx(() {
|
|
if (controller.isRecording.value) {
|
|
// 录音中：显示红色计时器样式，点击可停止录音
|
|
return Padding(
|
|
padding: EdgeInsets.only(right: 16.w),
|
|
child: GestureDetector(
|
|
onTap: controller.toggleisRecord, // 点击结束录音
|
|
child: Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 8.w, vertical: 4.h),
|
|
decoration: BoxDecoration(
|
|
color: Colors.red,
|
|
borderRadius: BorderRadius.circular(20.r),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.fiber_manual_record,
|
|
color: Colors.white,
|
|
size: 18.sp,
|
|
),
|
|
SizedBox(width: 4.w),
|
|
Text(
|
|
controller.recordDurationText.value,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 14.sp,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
} else {
|
|
// 未录音：显示红色录音按钮 + 文件夹按钮
|
|
return Row(
|
|
children: [
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.radio_button_checked,
|
|
color: Colors.red,
|
|
size: 24.sp,
|
|
),
|
|
onPressed: controller.toggleisRecord,
|
|
tooltip: 'enableRecording'.tr, // 是否开启录音
|
|
),
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.folder,
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
size: 24.sp,
|
|
),
|
|
onPressed: () async {
|
|
await controller.stopAll();
|
|
Get.toNamed(Routes.translationList);
|
|
controller.setupScrollListener();
|
|
},
|
|
tooltip: 'viewAudioFiles'.tr, // 查看录音文件
|
|
),
|
|
// 历史记录按钮
|
|
// IconButton(
|
|
// icon: Icon(
|
|
// Icons.history,
|
|
// color: isDarkMode ? Colors.white : Colors.black,
|
|
// size: 24.sp,
|
|
// ),
|
|
// onPressed: () async {
|
|
// await controller.stopAll();
|
|
// Get.toNamed(Routes.translationHistory);
|
|
// },
|
|
// tooltip: 'translationHistory'.tr, // 翻译历史
|
|
// ),
|
|
],
|
|
);
|
|
}
|
|
}),
|
|
],
|
|
bottom: PreferredSize(
|
|
preferredSize: Size.fromHeight(50.h),
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
// 源语言选择
|
|
Expanded(
|
|
child: GestureDetector(
|
|
onTap: () => _showLanguageSelectionDialog(true, isDarkMode),
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.symmetric(horizontal: 8.w, vertical: 4.h),
|
|
decoration: BoxDecoration(
|
|
color: isDarkMode
|
|
? Colors.white.withOpacity(0.1)
|
|
: Colors.grey[100],
|
|
borderRadius: BorderRadius.circular(16.r),
|
|
),
|
|
child: Obx(() => Text(
|
|
'${controller.sourceLanguage.value.split(' ')[0]}'
|
|
.tr, // Just show the Chinese part
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
fontWeight: FontWeight.w600,
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
overflow: TextOverflow.ellipsis,
|
|
)),
|
|
),
|
|
),
|
|
),
|
|
|
|
// 语言互换按钮
|
|
GestureDetector(
|
|
onTap: controller.swapLanguages,
|
|
child: Container(
|
|
margin: EdgeInsets.symmetric(horizontal: 8.w),
|
|
padding: EdgeInsets.all(4.r),
|
|
decoration: BoxDecoration(
|
|
color: isDarkMode
|
|
? AppColors.primary.withOpacity(0.2)
|
|
: Colors.blue[50],
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Icon(
|
|
Icons.swap_horiz,
|
|
color: isDarkMode ? AppColors.primary : Colors.blue,
|
|
size: 20.sp,
|
|
),
|
|
),
|
|
),
|
|
|
|
// 目标语言选择
|
|
Expanded(
|
|
child: GestureDetector(
|
|
onTap: () => _showLanguageSelectionDialog(false, isDarkMode),
|
|
child: Container(
|
|
padding:
|
|
EdgeInsets.symmetric(horizontal: 8.w, vertical: 4.h),
|
|
decoration: BoxDecoration(
|
|
color: isDarkMode
|
|
? Colors.white.withOpacity(0.1)
|
|
: Colors.grey[100],
|
|
borderRadius: BorderRadius.circular(16.r),
|
|
),
|
|
child: Obx(() => Text(
|
|
'${controller.targetLanguage.value.split(' ')[0]}'
|
|
.tr, // Just show the English part
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
fontWeight: FontWeight.w600,
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
overflow: TextOverflow.ellipsis,
|
|
)),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildBody(bool isDarkMode) {
|
|
return Column(
|
|
children: [
|
|
Expanded(
|
|
child: _buildTranslationContent(isDarkMode),
|
|
),
|
|
_buildControlBar(isDarkMode),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildTranslationContent(bool isDarkMode) {
|
|
return Obx(() {
|
|
final itemCount = controller.translationHistory.length +
|
|
(controller.hasMoreHistory.value ? 1 : 0);
|
|
|
|
return ListView.builder(
|
|
controller: controller.scrollController,
|
|
reverse: true, // 🔑 关键优化：采用reverse模式，参考Agent模块
|
|
padding: EdgeInsets.only(
|
|
left: 16.w,
|
|
right: 16.w,
|
|
top: 16.h,
|
|
bottom: 16.h,
|
|
),
|
|
itemCount: itemCount,
|
|
itemBuilder: (context, index) {
|
|
// 如果是最后一项且有更多历史记录，显示加载指示器（reverse模式下）
|
|
if (index == controller.translationHistory.length &&
|
|
controller.hasMoreHistory.value) {
|
|
return _buildLoadMoreIndicator();
|
|
}
|
|
|
|
// reverse模式下需要反转索引来获取正确的历史记录
|
|
final historyIndex = controller.translationHistory.length - 1 - index;
|
|
|
|
// 检查索引是否有效（reverse模式下的索引验证）
|
|
if (historyIndex < 0 ||
|
|
historyIndex >= controller.translationHistory.length) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
|
|
// 获取当前项
|
|
final historyItem = controller.translationHistory[historyIndex];
|
|
|
|
// 构建项目widget
|
|
return _buildTranslationItemWidget(context, historyItem);
|
|
},
|
|
);
|
|
});
|
|
}
|
|
|
|
Widget _buildTranslationItemWidget(
|
|
BuildContext context, TranslationItem item) {
|
|
return Container(
|
|
margin: const EdgeInsets.only(bottom: 8),
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: item.isIntermediate
|
|
? Colors.grey.withOpacity(0.1) // 中间结果使用浅灰色底色
|
|
: (item.sourceLanguageCode == controller.sourceLanguageCode.value
|
|
? Theme.of(context)
|
|
.colorScheme
|
|
.primary
|
|
.withOpacity(0.08) // 源语言匹配时使用主题色底色
|
|
: Theme.of(context)
|
|
.colorScheme
|
|
.secondary
|
|
.withOpacity(0.08)), // 否则使用次要色底色
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: item.isIntermediate
|
|
? Colors.grey.withOpacity(0.2)
|
|
: Colors.transparent,
|
|
width: 1,
|
|
),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// 源文本和删除按钮行
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// 源文本
|
|
Expanded(
|
|
child: Text(
|
|
item.sourceText,
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
color: Theme.of(context).textTheme.bodyLarge?.color,
|
|
),
|
|
),
|
|
),
|
|
// 删除按钮 - 只对完成态记录显示，与源文本平齐
|
|
if (!item.isIntermediate)
|
|
GestureDetector(
|
|
onTap: () => _showDeleteItemConfirmDialog(item),
|
|
child: Container(
|
|
padding: EdgeInsets.all(4.w),
|
|
child: Icon(
|
|
Icons.delete_outline,
|
|
size: 18.sp,
|
|
color: Colors.grey[500],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (item.translatedText.isNotEmpty) ...[
|
|
const SizedBox(height: 8),
|
|
// 翻译文本
|
|
Text(
|
|
item.translatedText,
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
color: Theme.of(context).textTheme.bodyMedium?.color,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
// 语言信息和时间戳
|
|
const SizedBox(height: 4),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
'${item.sourceLanguageName.tr} → ${item.targetLanguageName.tr}',
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: Theme.of(context).textTheme.bodySmall?.color,
|
|
),
|
|
),
|
|
),
|
|
// 播放按钮
|
|
if (!item.isIntermediate)
|
|
GestureDetector(
|
|
onTap: () => controller.playTranslationItem(item),
|
|
child: Container(
|
|
padding: EdgeInsets.all(4.w),
|
|
child: Icon(
|
|
Icons.volume_up,
|
|
size: 20.sp,
|
|
color: Theme.of(context).colorScheme.primary,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildControlBar(bool isDarkMode) {
|
|
// 使用GlobalKey来获取控制栏的高度
|
|
final controlBarKey = GlobalKey();
|
|
|
|
// 在构建完成后获取控制栏的高度并设置到控制器中
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
if (controlBarKey.currentContext != null) {
|
|
final RenderBox renderBox =
|
|
controlBarKey.currentContext!.findRenderObject() as RenderBox;
|
|
final height = renderBox.size.height;
|
|
controller.setBottomBarHeight(height);
|
|
}
|
|
});
|
|
|
|
return Container(
|
|
key: controlBarKey,
|
|
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 16.h),
|
|
decoration: BoxDecoration(
|
|
color: isDarkMode ? AppColors.cardBackground : Colors.white,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withAlpha(isDarkMode ? 30 : 13),
|
|
blurRadius: 4,
|
|
offset: const Offset(0, -2),
|
|
),
|
|
],
|
|
),
|
|
child: Obx(() {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
// 原有的按钮区域
|
|
if (controller.currentMode.value == 'faceToFace')
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
// 耳机图标按钮 (说话者1)
|
|
_buildHoldToTalkButton(
|
|
isDarkMode: isDarkMode,
|
|
speakerId: 1,
|
|
activeSpeaker: controller.activeSpeaker.value,
|
|
icon: Icons.headset,
|
|
label: "headsetUser".tr,
|
|
),
|
|
SizedBox(width: 40.w),
|
|
// 手机图标按钮 (说话者2)
|
|
_buildHoldToTalkButton(
|
|
isDarkMode: isDarkMode,
|
|
speakerId: 2,
|
|
activeSpeaker: controller.activeSpeaker.value,
|
|
icon: Icons.phone_android,
|
|
label: "phoneUser".tr,
|
|
),
|
|
],
|
|
)
|
|
else
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
// 主要控制按钮 - 开始/暂停语音识别
|
|
Obx(() {
|
|
final isRecognizing = controller.isRecognizing.value;
|
|
return GestureDetector(
|
|
onTap: () {
|
|
if (isRecognizing) {
|
|
controller.stopAll();
|
|
} else {
|
|
controller.startRecognition();
|
|
}
|
|
},
|
|
child: Container(
|
|
width: 60.w,
|
|
height: 60.w,
|
|
decoration: BoxDecoration(
|
|
color: isRecognizing
|
|
? (isDarkMode ? Colors.red[700] : Colors.red)
|
|
: (isDarkMode ? AppColors.primary : Colors.blue),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Icon(
|
|
isRecognizing ? Icons.pause : Icons.play_arrow,
|
|
color: Colors.white,
|
|
size: 30.sp,
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
],
|
|
),
|
|
|
|
// 添加间距
|
|
//SizedBox(height: 16.h),
|
|
|
|
// 语音识别结果显示框
|
|
// Container(
|
|
// width: double.infinity,
|
|
// padding: EdgeInsets.all(12.w),
|
|
// decoration: BoxDecoration(
|
|
// color: isDarkMode ? Colors.grey[800] : Colors.grey[100],
|
|
// borderRadius: BorderRadius.circular(8.r),
|
|
// border: Border.all(
|
|
// color: isDarkMode ? Colors.grey[600]! : Colors.grey[300]!,
|
|
// width: 1,
|
|
// ),
|
|
// ),
|
|
// child: Obx(() {
|
|
// // 显示最新的语音识别结果
|
|
// final recognitionText = controller.latestRecognitionText.value;
|
|
// final detectedLanguage = controller.detectedLanguageCode1.value;
|
|
|
|
// return Column(
|
|
// crossAxisAlignment: CrossAxisAlignment.start,
|
|
// children: [
|
|
// // 标题
|
|
// Text(
|
|
// '麦头语音识别结果',
|
|
// style: TextStyle(
|
|
// fontSize: 12.sp,
|
|
// color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
// fontWeight: FontWeight.w500,
|
|
// ),
|
|
// ),
|
|
// SizedBox(height: 4.h),
|
|
// // 识别文本 - 这里显示 finalResult1 的内容
|
|
// Text(
|
|
// recognitionText.isEmpty ? '等待语音输入...' : recognitionText,
|
|
// style: TextStyle(
|
|
// fontSize: 14.sp,
|
|
// color: isDarkMode ? Colors.white : Colors.black87,
|
|
// height: 1.3,
|
|
// ),
|
|
// ),
|
|
// // 检测到的语言（如果有）
|
|
// if (detectedLanguage.isNotEmpty) ...[
|
|
// SizedBox(height: 4.h),
|
|
// Text(
|
|
// '检测语言: $detectedLanguage',
|
|
// style: TextStyle(
|
|
// fontSize: 10.sp,
|
|
// color:
|
|
// isDarkMode ? Colors.grey[500] : Colors.grey[500],
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ],
|
|
// );
|
|
// }),
|
|
// ),
|
|
],
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
|
|
// // 按住说话按钮组件
|
|
// Widget _buildHoldToTalkButton({
|
|
// required bool isDarkMode,
|
|
// required int speakerId,
|
|
// required int activeSpeaker,
|
|
// required IconData icon,
|
|
// required String label,
|
|
// }) {
|
|
// bool isActive = activeSpeaker == speakerId;
|
|
|
|
// return Listener(
|
|
// onPointerDown: (_) {
|
|
// if (activeSpeaker == 0) {
|
|
// // 没有激活的按钮时才能激活
|
|
|
|
// if (speakerId == 1) {
|
|
// //耳机收音
|
|
// controller.restoreOriginalAudioState();
|
|
|
|
// //controller.setActiveSpeaker(speakerId);
|
|
// } else {
|
|
// controller.disableBluetoothAudio();
|
|
// }
|
|
// controller.setActiveSpeaker(speakerId);
|
|
// //controller.startRecognition();
|
|
// }
|
|
// },
|
|
// onPointerUp: (_) {
|
|
// if (isActive) {
|
|
// //controller.stopRecognition();
|
|
// controller.setActiveSpeaker(0);
|
|
// }
|
|
// },
|
|
// child: Container(
|
|
// width: 60.w,
|
|
// height: 60.w,
|
|
// decoration: BoxDecoration(
|
|
// color: isActive
|
|
// ? (isDarkMode ? Colors.green[700] : Colors.green) // 激活状态颜色
|
|
// : (isDarkMode ? AppColors.primary : Colors.blue),
|
|
// shape: BoxShape.circle,
|
|
// ),
|
|
// child: Icon(
|
|
// Icons.mic, // 麦克风图标
|
|
// color: isActive ? Colors.white : Colors.white.withOpacity(0.7),
|
|
// size: 30.sp,
|
|
// ),
|
|
// ),
|
|
// );
|
|
// }
|
|
|
|
// 按住说话按钮组件
|
|
Widget _buildHoldToTalkButton({
|
|
required bool isDarkMode,
|
|
required int speakerId,
|
|
required int activeSpeaker,
|
|
required IconData icon,
|
|
required String label,
|
|
}) {
|
|
bool isActive = activeSpeaker == speakerId;
|
|
bool isDisabled = activeSpeaker != 0 && activeSpeaker != speakerId;
|
|
Timer? _holdTimer; // 增加延迟触发的计时器
|
|
return Listener(
|
|
onPointerDown: (_) async {
|
|
// 同步检查权限状态，不使用 await
|
|
if (!controller.hasRecordPermission.value) {
|
|
Get.snackbar('权限提示', '需要麦克风权限才能使用录音功能');
|
|
return;
|
|
}
|
|
|
|
_holdTimer = Timer(const Duration(milliseconds: 200), () {
|
|
if (activeSpeaker == 0) {
|
|
controller.setActiveSpeaker(speakerId);
|
|
}
|
|
});
|
|
},
|
|
onPointerUp: (_) {
|
|
_holdTimer?.cancel();
|
|
if (isActive) {
|
|
controller.setActiveSpeaker(0);
|
|
}
|
|
},
|
|
onPointerCancel: (_) {
|
|
_holdTimer?.cancel();
|
|
if (isActive) {
|
|
controller.setActiveSpeaker(0);
|
|
}
|
|
},
|
|
child: AnimatedContainer(
|
|
duration: const Duration(milliseconds: 200),
|
|
width: 80.w,
|
|
height: 80.w,
|
|
decoration: BoxDecoration(
|
|
color: isActive
|
|
? (isDarkMode ? Colors.green[700] : Colors.green)
|
|
: (isDisabled
|
|
? (isDarkMode ? Colors.grey[800] : Colors.grey[300])
|
|
: (isDarkMode ? AppColors.primary : Colors.blue)),
|
|
shape: BoxShape.circle,
|
|
boxShadow: isActive
|
|
? [
|
|
BoxShadow(
|
|
color: Colors.green.withOpacity(0.5),
|
|
blurRadius: 10,
|
|
spreadRadius: 3,
|
|
)
|
|
]
|
|
: null,
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
// 设备类型图标（叠加在麦克风上）
|
|
Icon(
|
|
icon,
|
|
color: isActive
|
|
? Colors.white
|
|
: Colors.white.withOpacity(isDisabled ? 0.3 : 0.9),
|
|
size: 24.sp,
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 4.h),
|
|
Text(
|
|
label,
|
|
style: TextStyle(
|
|
fontSize: 12.sp,
|
|
color: isActive
|
|
? Colors.white
|
|
: Colors.white.withOpacity(isDisabled ? 0.3 : 0.9),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// 显示语言选择对话框
|
|
void _showLanguageSelectionDialog(bool isSource, bool isDarkMode) {
|
|
Get.dialog(Dialog(
|
|
backgroundColor: isDarkMode ? Colors.grey[900] : Colors.white,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(16.r), // 统一圆角尺寸为16
|
|
),
|
|
alignment: isSource ? Alignment.centerLeft : Alignment.centerRight,
|
|
insetPadding: EdgeInsets.symmetric(horizontal: 10.w),
|
|
child: SizedBox(
|
|
width: 0.4.sw,
|
|
child: Padding(
|
|
// 使用Padding替代Container的padding
|
|
padding: EdgeInsets.all(12.w), // 统一内边距
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// 标题区域
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 8.w),
|
|
child: Text(
|
|
isSource
|
|
? 'selectSourceLanguage'.tr
|
|
: 'selectTargetLanguage'.tr, // 保留源语言/目标语言区分
|
|
style: TextStyle(
|
|
fontSize: 18.sp, // 调整字号
|
|
fontWeight: FontWeight.w600, // 使用数字字重
|
|
color: isDarkMode ? Colors.white : Colors.black87, // 优化文本颜色
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 16.h),
|
|
|
|
// 语言列表区域
|
|
Container(
|
|
constraints: BoxConstraints(maxHeight: 0.5.sh),
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children:
|
|
controller.supportedLanguages.keys.map((language) {
|
|
return Obx(() {
|
|
final currentLanguage = isSource
|
|
? controller.sourceLanguage.value
|
|
: controller.targetLanguage.value;
|
|
final isSelected = currentLanguage == language;
|
|
|
|
return GestureDetector(
|
|
// 改用手势检测器实现点击
|
|
onTap: () {
|
|
if (isSource) {
|
|
controller.setSourceLanguage(language);
|
|
} else {
|
|
controller.setTargetLanguage(language);
|
|
}
|
|
Get.back();
|
|
},
|
|
child: Container(
|
|
margin: EdgeInsets.only(bottom: 10.h), // 添加项间距
|
|
padding: EdgeInsets.all(10.w), // 统一内边距
|
|
decoration: BoxDecoration(
|
|
color: isSelected // 选中状态背景色
|
|
? (isDarkMode
|
|
? const Color(0xFF6200EE).withOpacity(0.2)
|
|
: Colors.blue.withOpacity(0.1))
|
|
: (isDarkMode // 未选中状态背景色
|
|
? Colors.white.withOpacity(0.05)
|
|
: Colors.grey[200]!),
|
|
borderRadius: BorderRadius.circular(12.r), // 项圆角
|
|
border: Border.all(
|
|
// 选中状态边框
|
|
color: isSelected
|
|
? (isDarkMode
|
|
? const Color(0xFF6200EE)
|
|
: Colors.blue)
|
|
: (isDarkMode // 未选中状态背景色
|
|
? Colors.white.withOpacity(0.05)
|
|
: Colors.grey[200]!),
|
|
width: 1,
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
// 语言名称
|
|
Expanded(
|
|
child: Text(
|
|
language.tr,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
fontWeight: FontWeight.w500,
|
|
color: isDarkMode
|
|
? Colors.white
|
|
: Colors.black87,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
),
|
|
// 选中指示器
|
|
Container(
|
|
width: 24.w,
|
|
height: 24.w,
|
|
decoration: BoxDecoration(
|
|
color: isSelected // 动态颜色
|
|
? (isDarkMode
|
|
? const Color(0xFF6200EE)
|
|
: Colors.blue)
|
|
: (isDarkMode
|
|
? Colors.white.withOpacity(0.1)
|
|
: Colors.grey[300]),
|
|
shape: BoxShape.circle, // 圆形样式
|
|
),
|
|
child: isSelected
|
|
? Icon(
|
|
// 选中时显示对勾
|
|
Icons.check,
|
|
size: 16.w,
|
|
color: Colors.white,
|
|
)
|
|
: null,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
});
|
|
}).toList(),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 16.h),
|
|
|
|
// 取消按钮
|
|
Align(
|
|
alignment: Alignment.centerRight,
|
|
child: TextButton(
|
|
onPressed: () => Get.back(),
|
|
child: Text(
|
|
'cancel'.tr,
|
|
style: TextStyle(
|
|
color: isDarkMode ? const Color(0xFF6200EE) : Colors.blue,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
));
|
|
}
|
|
|
|
// 构建加载更多指示器
|
|
Widget _buildLoadMoreIndicator() {
|
|
return Obx(() {
|
|
if (controller.isLoadingMore.value) {
|
|
// 正在加载状态 - 增强视觉效果
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(vertical: 20),
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
SizedBox(
|
|
width: 24,
|
|
height: 24,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2.5,
|
|
valueColor: const AlwaysStoppedAnimation<Color>(
|
|
AppColors.primary,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Text(
|
|
'正在加载历史记录...',
|
|
style: TextStyle(
|
|
fontSize: 14.sp,
|
|
color: Colors.grey[600],
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
} else if (controller.isLoadingMoreError.value) {
|
|
// 加载失败状态 - 增强视觉效果
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(vertical: 18),
|
|
child: Center(
|
|
child: GestureDetector(
|
|
onTap: () => controller.loadMoreHistory(),
|
|
child: Container(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Colors.red[50],
|
|
borderRadius: BorderRadius.circular(20),
|
|
border: Border.all(color: Colors.red[200]!, width: 1),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(
|
|
Icons.refresh,
|
|
size: 18.sp,
|
|
color: Colors.red[600],
|
|
),
|
|
SizedBox(width: 8.w),
|
|
Text(
|
|
'加载失败，点击重试',
|
|
style: TextStyle(
|
|
fontSize: 14.sp,
|
|
color: Colors.red[600],
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
} else {
|
|
// 默认状态（有更多记录但未加载）- 增强视觉效果
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
child: Center(
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: Colors.grey[100],
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(
|
|
Icons.keyboard_arrow_up,
|
|
size: 16.sp,
|
|
color: Colors.grey[500],
|
|
),
|
|
SizedBox(width: 4.w),
|
|
Text(
|
|
'向上滑动查看更多历史',
|
|
style: TextStyle(
|
|
fontSize: 12.sp,
|
|
color: Colors.grey[600],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
});
|
|
}
|
|
|
|
// 显示删除单条记录确认对话框
|
|
void _showDeleteItemConfirmDialog(TranslationItem item) {
|
|
final isDarkMode = Theme.of(Get.context!).brightness == Brightness.dark;
|
|
|
|
Get.dialog(
|
|
AlertDialog(
|
|
backgroundColor: isDarkMode ? AppColors.cardBackground : Colors.white,
|
|
title: Text(
|
|
'deleteTranslationRecord'.tr, // 删除翻译记录
|
|
style: TextStyle(
|
|
fontSize: 18.sp,
|
|
fontWeight: FontWeight.bold,
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
),
|
|
),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'deleteTranslationConfirm'.tr, // 确定要删除这条翻译记录吗？此操作无法撤销。
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.grey[300] : Colors.black87,
|
|
),
|
|
),
|
|
SizedBox(height: 12.h),
|
|
// 显示要删除的记录预览
|
|
Container(
|
|
padding: EdgeInsets.all(12.w),
|
|
decoration: BoxDecoration(
|
|
color: isDarkMode
|
|
? Colors.grey[800]?.withOpacity(0.5)
|
|
: Colors.grey[100],
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
border: Border.all(
|
|
color: isDarkMode ? Colors.grey[700]! : Colors.grey[300]!,
|
|
width: 1,
|
|
),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
item.sourceText,
|
|
style: TextStyle(
|
|
fontSize: 14.sp,
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
if (item.translatedText.isNotEmpty) ...[
|
|
SizedBox(height: 4.h),
|
|
Text(
|
|
item.translatedText,
|
|
style: TextStyle(
|
|
fontSize: 14.sp,
|
|
color: isDarkMode ? Colors.grey[300] : Colors.grey[700],
|
|
),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Get.back(),
|
|
child: Text(
|
|
'cancel'.tr,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[700],
|
|
),
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
Get.back();
|
|
// 删除指定的翻译记录
|
|
_deleteTranslationItem(item);
|
|
},
|
|
child: Text(
|
|
'confirm'.tr,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.red,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12.r),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// 删除翻译记录的具体实现
|
|
void _deleteTranslationItem(TranslationItem item) {
|
|
try {
|
|
// 调用控制器的删除方法
|
|
controller.deleteTranslationItem(item.sessionId, item.timestamp);
|
|
|
|
// 显示删除成功提示
|
|
Get.snackbar(
|
|
'success'.tr, // deleteSuccess
|
|
'已删除该翻译记录', // deleteTranslationSuccess
|
|
snackPosition: SnackPosition.BOTTOM,
|
|
backgroundColor: Get.isDarkMode ? Colors.grey[800] : Colors.grey[200],
|
|
colorText: Get.isDarkMode ? Colors.white : Colors.black,
|
|
duration: const Duration(milliseconds: 800),
|
|
);
|
|
} catch (e) {
|
|
// 显示删除失败提示
|
|
Get.snackbar(
|
|
'error'.tr, // deleteFailed
|
|
'删除翻译记录时发生错误: ${e.toString()}', // deleteTranslationError
|
|
snackPosition: SnackPosition.BOTTOM,
|
|
backgroundColor: Colors.red[400],
|
|
colorText: Colors.white,
|
|
duration: const Duration(milliseconds: 1500),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|