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.
445 lines
15 KiB
445 lines
15 KiB
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import '../controllers/opus_test_controller.dart';
|
|
|
|
class OpusTestView extends GetView<OpusTestController> {
|
|
const OpusTestView({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// 获取主题模式
|
|
final isDarkMode = Theme.of(context).brightness == Brightness.dark;
|
|
|
|
return DefaultTabController(
|
|
length: 2,
|
|
child: Scaffold(
|
|
backgroundColor: isDarkMode ? Colors.black : Colors.grey[50],
|
|
appBar: AppBar(
|
|
backgroundColor: isDarkMode ? Colors.black : Colors.white,
|
|
elevation: 0.5,
|
|
title: Text(
|
|
'OPUS解码',
|
|
style: TextStyle(
|
|
fontSize: 17.sp,
|
|
fontWeight: FontWeight.w600,
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
),
|
|
),
|
|
centerTitle: true,
|
|
bottom: TabBar(
|
|
indicatorColor: Colors.blue,
|
|
indicatorWeight: 3,
|
|
labelColor: isDarkMode ? Colors.white : Colors.black,
|
|
unselectedLabelColor: isDarkMode ? Colors.grey : Colors.grey,
|
|
tabs: const [
|
|
Tab(text: "解码"),
|
|
Tab(text: "输出"),
|
|
],
|
|
),
|
|
),
|
|
body: TabBarView(
|
|
children: [
|
|
_buildDecodeTab(isDarkMode),
|
|
_buildEncodeTab(isDarkMode),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// 解码标签页
|
|
Widget _buildDecodeTab(bool isDarkMode) {
|
|
return ListView(
|
|
padding: EdgeInsets.all(16.w),
|
|
children: [
|
|
// 文件选择部分
|
|
_buildSection(
|
|
title: '选择文件',
|
|
isDarkMode: isDarkMode,
|
|
child: Column(
|
|
children: [
|
|
Obx(() => controller.selectedFiles.isEmpty
|
|
? const SizedBox.shrink()
|
|
: ListView.builder(
|
|
shrinkWrap: true,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemCount: controller.selectedFiles.length,
|
|
itemBuilder: (context, index) {
|
|
final file = controller.selectedFiles[index];
|
|
return ListTile(
|
|
title: Text(
|
|
file.name,
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white70 : Colors.black87,
|
|
fontSize: 14.sp,
|
|
),
|
|
),
|
|
subtitle: Text(
|
|
'${(file.size / 1024).toStringAsFixed(2)} Kb',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white38 : Colors.black54,
|
|
fontSize: 12.sp,
|
|
),
|
|
),
|
|
trailing: Radio<int>(
|
|
value: index,
|
|
groupValue: 0,
|
|
onChanged: (value) {},
|
|
activeColor: Colors.blue,
|
|
),
|
|
);
|
|
},
|
|
)),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.refresh,
|
|
color: isDarkMode ? Colors.blue[300] : Colors.blue,
|
|
),
|
|
onPressed: () {
|
|
controller.selectedFiles.clear();
|
|
},
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(height: 16.h),
|
|
|
|
// 解码参数部分
|
|
_buildSection(
|
|
title: '解码参数',
|
|
isDarkMode: isDarkMode,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Obx(() => Checkbox(
|
|
value: controller.hasHeader.value,
|
|
onChanged: (value) => controller.toggleHeader(value!),
|
|
activeColor: Colors.blue,
|
|
)),
|
|
Text(
|
|
'是否携带协议头',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white70 : Colors.black87,
|
|
fontSize: 14.sp,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
// 数据包长度
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'数据包长度',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white70 : Colors.black87,
|
|
fontSize: 14.sp,
|
|
),
|
|
),
|
|
SizedBox(width: 16.w),
|
|
Expanded(
|
|
child: Obx(() => TextField(
|
|
controller: TextEditingController(
|
|
text: controller.packetLength.value),
|
|
onChanged: (value) => controller.setPacketLength(value),
|
|
keyboardType: TextInputType.number,
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
),
|
|
decoration: InputDecoration(
|
|
isDense: true,
|
|
suffix: Text(
|
|
'Byte',
|
|
style: TextStyle(
|
|
color: isDarkMode
|
|
? Colors.white60
|
|
: Colors.black54,
|
|
fontSize: 12.sp,
|
|
),
|
|
),
|
|
enabledBorder: UnderlineInputBorder(
|
|
borderSide: BorderSide(
|
|
color: isDarkMode
|
|
? Colors.white30
|
|
: Colors.black26,
|
|
),
|
|
),
|
|
focusedBorder: UnderlineInputBorder(
|
|
borderSide: BorderSide(
|
|
color: Colors.blue,
|
|
),
|
|
),
|
|
),
|
|
)),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 20.h),
|
|
|
|
// 采样率
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'采样率',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white70 : Colors.black87,
|
|
fontSize: 14.sp,
|
|
),
|
|
),
|
|
SizedBox(width: 16.w),
|
|
Expanded(
|
|
child: Obx(() => DropdownButton<int>(
|
|
value: controller.selectedSampleRate.value,
|
|
isExpanded: true,
|
|
dropdownColor:
|
|
isDarkMode ? Colors.grey[800] : Colors.white,
|
|
items: controller.sampleRateOptions.map((rate) {
|
|
return DropdownMenuItem<int>(
|
|
value: rate,
|
|
child: Text(
|
|
rate.toString(),
|
|
style: TextStyle(
|
|
color: isDarkMode
|
|
? Colors.white
|
|
: Colors.black87,
|
|
),
|
|
),
|
|
);
|
|
}).toList(),
|
|
onChanged: (value) =>
|
|
controller.setSampleRate(value!),
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white : Colors.black,
|
|
),
|
|
)),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 20.h),
|
|
|
|
// 通道数量
|
|
Text(
|
|
'通道数量',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white70 : Colors.black87,
|
|
fontSize: 14.sp,
|
|
),
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Row(
|
|
children: [
|
|
Obx(() => Radio<bool>(
|
|
value: true,
|
|
groupValue: controller.isMono.value,
|
|
onChanged: (value) =>
|
|
controller.toggleChannel(value!),
|
|
activeColor: Colors.blue,
|
|
)),
|
|
Text(
|
|
'单通道',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white70 : Colors.black87,
|
|
fontSize: 14.sp,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Row(
|
|
children: [
|
|
Obx(() => Radio<bool>(
|
|
value: false,
|
|
groupValue: controller.isMono.value,
|
|
onChanged: (value) =>
|
|
controller.toggleChannel(value!),
|
|
activeColor: Colors.blue,
|
|
)),
|
|
Text(
|
|
'双通道',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white70 : Colors.black87,
|
|
fontSize: 14.sp,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
SizedBox(height: 16.h),
|
|
|
|
// 状态消息
|
|
Obx(() => controller.statusMessage.value.isNotEmpty
|
|
? Container(
|
|
padding: EdgeInsets.symmetric(vertical: 8.h, horizontal: 16.w),
|
|
margin: EdgeInsets.only(bottom: 16.h),
|
|
decoration: BoxDecoration(
|
|
color: isDarkMode
|
|
? Colors.blue.withOpacity(0.2)
|
|
: Colors.blue.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(4.r),
|
|
border: Border.all(
|
|
color: isDarkMode
|
|
? Colors.blue.withOpacity(0.3)
|
|
: Colors.blue.withOpacity(0.2),
|
|
width: 1,
|
|
),
|
|
),
|
|
child: Text(
|
|
controller.statusMessage.value,
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.blue[300] : Colors.blue[700],
|
|
fontSize: 12.sp,
|
|
),
|
|
),
|
|
)
|
|
: const SizedBox.shrink()),
|
|
|
|
// 播放按钮
|
|
Container(
|
|
margin: EdgeInsets.symmetric(vertical: 8.h),
|
|
child: ElevatedButton.icon(
|
|
icon: Obx(() => Icon(
|
|
controller.isPlaying.value
|
|
? Icons.stop
|
|
: Icons.play_arrow,
|
|
color: Colors.white,
|
|
)),
|
|
label: Obx(() => Text(
|
|
controller.isPlaying.value ? '停止播放' : '播放音频',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 16.sp,
|
|
),
|
|
)),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.blue,
|
|
padding: EdgeInsets.symmetric(vertical: 16.h),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
),
|
|
),
|
|
onPressed: controller.isDecoding.value
|
|
? null
|
|
: () {
|
|
controller.playAudio();
|
|
},
|
|
),
|
|
),
|
|
|
|
// 解码按钮
|
|
Container(
|
|
margin: EdgeInsets.symmetric(vertical: 8.h),
|
|
child: Obx(() => ElevatedButton(
|
|
onPressed: controller.selectedFiles.isEmpty ||
|
|
controller.isDecoding.value
|
|
? null
|
|
: () {
|
|
controller.pickFiles();
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.blue,
|
|
padding: EdgeInsets.symmetric(vertical: 16.h),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
),
|
|
),
|
|
child: Text(
|
|
'开始解码',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 16.sp,
|
|
),
|
|
),
|
|
)),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
// 编码标签页（暂未实现）
|
|
Widget _buildEncodeTab(bool isDarkMode) {
|
|
return Center(
|
|
child: Text(
|
|
'编码功能尚未实现',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white54 : Colors.black54,
|
|
fontSize: 16.sp,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// 构建带标题的区段
|
|
Widget _buildSection({
|
|
required String title,
|
|
required Widget child,
|
|
required bool isDarkMode,
|
|
}) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
fontWeight: FontWeight.bold,
|
|
color: isDarkMode ? Colors.white : Colors.black87,
|
|
),
|
|
),
|
|
SizedBox(width: 8.w),
|
|
Expanded(
|
|
child: Container(
|
|
height: 1,
|
|
color: isDarkMode ? Colors.white24 : Colors.black12,
|
|
),
|
|
),
|
|
if (title == '选择文件')
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.add_circle_outline,
|
|
color: isDarkMode ? Colors.blue[300] : Colors.blue,
|
|
),
|
|
onPressed: () {
|
|
controller.pickFiles();
|
|
},
|
|
),
|
|
],
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.all(12.w),
|
|
decoration: BoxDecoration(
|
|
color: isDarkMode ? Colors.white.withOpacity(0.05) : Colors.white,
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: isDarkMode
|
|
? Colors.black.withOpacity(0.2)
|
|
: Colors.black.withOpacity(0.03),
|
|
blurRadius: 4,
|
|
offset: Offset(0, 2),
|
|
),
|
|
],
|
|
),
|
|
child: child,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|