tanlongsheng
11 months ago
5 changed files with 581 additions and 85 deletions
@ -1,3 +1,85 @@ |
|||||
|
import 'package:flutter/widgets.dart'; |
||||
import 'package:get/get.dart'; |
import 'package:get/get.dart'; |
||||
|
|
||||
class EqSettingsController extends GetxController {} |
import '../../../core/utils/logger.dart'; |
||||
|
import '../../../routes/app_routes.dart'; |
||||
|
import '../views/widgets/row_confirm_widget.dart'; |
||||
|
import '../views/widgets/row_input_widget.dart'; |
||||
|
|
||||
|
class EqSettingsController extends GetxController { |
||||
|
final RxList uiList = [ |
||||
|
{ |
||||
|
'title': '音效', |
||||
|
'templates': [], |
||||
|
}, |
||||
|
{ |
||||
|
'title': '按键功能', |
||||
|
'templates': [], |
||||
|
}, |
||||
|
{ |
||||
|
'title': '耳机功能', |
||||
|
'templates': [ |
||||
|
{ |
||||
|
'type': 'input', |
||||
|
'name': '修改名称', |
||||
|
'value': 'voitrans', |
||||
|
'onCallback': (String value) { |
||||
|
Logger.d('input', '修改名称：$value'); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
'type': 'input', |
||||
|
'name': '工作模式', |
||||
|
'value': '', |
||||
|
'onCallback': () {}, |
||||
|
}, |
||||
|
{ |
||||
|
'type': 'switch', |
||||
|
'name': '闪灯开关', |
||||
|
'value': false, |
||||
|
'onCallback': () {}, |
||||
|
}, |
||||
|
{ |
||||
|
'type': 'switch', |
||||
|
'name': '查找设备', |
||||
|
'value': false, |
||||
|
'description': '在设备上播放声音', |
||||
|
'onCallback': () {}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
'templates': [ |
||||
|
{ |
||||
|
'type': 'confirm', |
||||
|
'name': '升级耳机固件', |
||||
|
'onCallback': () => Get.toNamed(Routes.OTA_UPGRADE), |
||||
|
}, |
||||
|
{ |
||||
|
'type': 'confirm', |
||||
|
'name': '恢复出厂设置', |
||||
|
'tips': '确定要恢复出厂设置吗？', |
||||
|
'onCallback': () { |
||||
|
Logger.d('confirm', '恢复出厂设置'); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
'type': 'confirm', |
||||
|
'name': '清除配对记录', |
||||
|
'tips': '确定要清除配对记录吗？', |
||||
|
'onCallback': () { |
||||
|
Logger.d('confirm', '清除配对记录'); |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
} |
||||
|
].obs; |
||||
|
|
||||
|
Widget getTemplate(Map data) { |
||||
|
return switch (data['type']) { |
||||
|
'input' => RowInputWidget(data), |
||||
|
'confirm' => RowConfirmWidget(data), |
||||
|
_ => const SizedBox.shrink(), |
||||
|
}; |
||||
|
} |
||||
|
} |
||||
|
|||||
@ -0,0 +1,96 @@ |
|||||
|
import 'package:flutter/material.dart'; |
||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
|
import 'package:get/get.dart'; |
||||
|
|
||||
|
class RowConfirmWidget extends StatefulWidget { |
||||
|
final Map templateData; |
||||
|
|
||||
|
const RowConfirmWidget(this.templateData, {super.key}); |
||||
|
|
||||
|
@override |
||||
|
State<RowConfirmWidget> createState() => _RowConfirmWidgetState(); |
||||
|
} |
||||
|
|
||||
|
class _RowConfirmWidgetState extends State<RowConfirmWidget> { |
||||
|
Map get _templateData => widget.templateData; |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
final isDarkMode = Theme.of(context).brightness == Brightness.dark; |
||||
|
|
||||
|
return GestureDetector( |
||||
|
onTap: () { |
||||
|
if (_templateData['tips'] != null) { |
||||
|
_alertDialog(isDarkMode); |
||||
|
} else { |
||||
|
_templateData['onCallback'](); |
||||
|
} |
||||
|
}, |
||||
|
behavior: HitTestBehavior.translucent, |
||||
|
child: Padding( |
||||
|
padding: EdgeInsets.fromLTRB(10.w, 10.w, 0, 10.w), |
||||
|
child: Row( |
||||
|
children: [ |
||||
|
Expanded( |
||||
|
child: Text( |
||||
|
_templateData['name'], |
||||
|
style: TextStyle( |
||||
|
fontSize: 14.sp, |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
Icon( |
||||
|
Icons.chevron_right, |
||||
|
size: 26.w, |
||||
|
color: Colors.blue, |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
void _alertDialog(bool isDarkMode) { |
||||
|
Get.dialog( |
||||
|
AlertDialog( |
||||
|
backgroundColor: isDarkMode ? Colors.grey[900] : Colors.white, |
||||
|
title: Text( |
||||
|
_templateData['name'], |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white : Colors.black87, |
||||
|
), |
||||
|
), |
||||
|
content: Text( |
||||
|
_templateData['tips'], |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white70 : Colors.black54, |
||||
|
), |
||||
|
), |
||||
|
actions: [ |
||||
|
TextButton( |
||||
|
onPressed: () => Get.back(), |
||||
|
child: Text( |
||||
|
'cancel'.tr, // 取消 |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.white70 : Colors.black54, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
TextButton( |
||||
|
onPressed: () { |
||||
|
_templateData['onCallback'](); |
||||
|
Get.back(); |
||||
|
}, |
||||
|
child: Text( |
||||
|
'confirm'.tr, // 确定 |
||||
|
style: TextStyle( |
||||
|
color: isDarkMode ? Colors.red[300] : Colors.red[600], |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,231 @@ |
|||||
|
import 'package:flutter/material.dart'; |
||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
|
import 'package:get/get.dart'; |
||||
|
|
||||
|
class RowInputWidget extends StatefulWidget { |
||||
|
final Map templateData; |
||||
|
|
||||
|
const RowInputWidget(this.templateData, {super.key}); |
||||
|
|
||||
|
@override |
||||
|
State<RowInputWidget> createState() => _RowInputWidgetState(); |
||||
|
} |
||||
|
|
||||
|
class _RowInputWidgetState extends State<RowInputWidget> { |
||||
|
Map get _templateData => widget.templateData; |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
final isDarkMode = Theme.of(context).brightness == Brightness.dark; |
||||
|
|
||||
|
return GestureDetector( |
||||
|
onTap: () => _inputBottomSheet(isDarkMode), |
||||
|
behavior: HitTestBehavior.translucent, |
||||
|
child: Padding( |
||||
|
padding: EdgeInsets.fromLTRB(10.w, 10.w, 0, 10.w), |
||||
|
child: Row( |
||||
|
children: [ |
||||
|
Expanded( |
||||
|
child: Text( |
||||
|
_templateData['name'], |
||||
|
style: TextStyle( |
||||
|
fontSize: 14.sp, |
||||
|
color: isDarkMode ? Colors.white : Colors.black, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
Text( |
||||
|
_templateData['value'], |
||||
|
style: TextStyle( |
||||
|
fontSize: 12.sp, |
||||
|
color: isDarkMode ? Colors.white : Colors.grey, |
||||
|
), |
||||
|
), |
||||
|
Icon( |
||||
|
Icons.chevron_right, |
||||
|
size: 26.w, |
||||
|
color: Colors.blue, |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
void _inputBottomSheet(bool isDarkMode) { |
||||
|
Get.bottomSheet( |
||||
|
InputBox(_templateData['name'], _templateData['value']), |
||||
|
isScrollControlled: true, |
||||
|
backgroundColor: isDarkMode ? Colors.grey[800] : Colors.grey[100], |
||||
|
shape: RoundedRectangleBorder( |
||||
|
borderRadius: BorderRadius.vertical( |
||||
|
top: Radius.circular(12.r), |
||||
|
), |
||||
|
), |
||||
|
).then((value) { |
||||
|
if (value != null) { |
||||
|
setState(() { |
||||
|
_templateData['value'] = value; |
||||
|
}); |
||||
|
_templateData['onCallback'](value); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
class InputBox extends StatefulWidget { |
||||
|
final String title; |
||||
|
final String inputText; |
||||
|
|
||||
|
const InputBox(this.title, this.inputText, {super.key}); |
||||
|
|
||||
|
@override |
||||
|
State<InputBox> createState() => _InputBoxState(); |
||||
|
} |
||||
|
|
||||
|
class _InputBoxState extends State<InputBox> { |
||||
|
final TextEditingController _inputController = TextEditingController(); |
||||
|
|
||||
|
@override |
||||
|
void initState() { |
||||
|
super.initState(); |
||||
|
_inputController.text = widget.inputText; |
||||
|
} |
||||
|
|
||||
|
@override |
||||
|
void dispose() { |
||||
|
_inputController.dispose(); |
||||
|
super.dispose(); |
||||
|
} |
||||
|
|
||||
|
@override |
||||
|
Widget build(BuildContext context) { |
||||
|
return Padding( |
||||
|
padding: EdgeInsets.symmetric(horizontal: 12.w), |
||||
|
child: Column( |
||||
|
mainAxisSize: MainAxisSize.min, |
||||
|
children: [ |
||||
|
Container( |
||||
|
padding: EdgeInsets.symmetric(vertical: 10.w), |
||||
|
child: Row( |
||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
|
children: [ |
||||
|
Text( |
||||
|
widget.title, |
||||
|
style: TextStyle( |
||||
|
fontSize: 16.sp, |
||||
|
color: Colors.black87, |
||||
|
fontWeight: FontWeight.bold, |
||||
|
), |
||||
|
), |
||||
|
GestureDetector( |
||||
|
onTap: () => Get.back(), |
||||
|
child: Container( |
||||
|
width: 26.w, |
||||
|
height: 26.w, |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.white, |
||||
|
borderRadius: BorderRadius.circular(26.r), |
||||
|
), |
||||
|
child: Icon( |
||||
|
Icons.close, |
||||
|
size: 18.w, |
||||
|
color: Colors.grey[400], |
||||
|
), |
||||
|
), |
||||
|
) |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
Divider( |
||||
|
height: 1, |
||||
|
color: Colors.grey[300], |
||||
|
), |
||||
|
Container( |
||||
|
margin: EdgeInsets.symmetric(vertical: 20.w), |
||||
|
alignment: Alignment.center, |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.white, |
||||
|
borderRadius: BorderRadius.circular(12.w), |
||||
|
boxShadow: [ |
||||
|
BoxShadow( |
||||
|
color: Colors.black.withValues(alpha: 0.05), |
||||
|
blurRadius: 10, |
||||
|
offset: const Offset(0, 2), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
child: TextField( |
||||
|
controller: _inputController, |
||||
|
style: TextStyle( |
||||
|
color: Colors.black87, |
||||
|
fontSize: 16.sp, |
||||
|
), |
||||
|
decoration: InputDecoration( |
||||
|
hintText: 'maxCharacters'.tr, |
||||
|
hintStyle: TextStyle( |
||||
|
color: Colors.black54, |
||||
|
fontSize: 16.sp, |
||||
|
), |
||||
|
isDense: true, |
||||
|
fillColor: Colors.transparent, |
||||
|
border: InputBorder.none, |
||||
|
contentPadding: EdgeInsets.all(10.w), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
Padding( |
||||
|
padding: EdgeInsets.only(bottom: 20.w), |
||||
|
child: Row( |
||||
|
children: [ |
||||
|
Expanded( |
||||
|
child: GestureDetector( |
||||
|
onTap: () => Get.back(), |
||||
|
child: Container( |
||||
|
height: 48.w, |
||||
|
alignment: Alignment.center, |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.grey[300], |
||||
|
borderRadius: BorderRadius.circular(12.r), |
||||
|
), |
||||
|
child: Text( |
||||
|
'cancel'.tr, // 取消 |
||||
|
style: TextStyle( |
||||
|
fontSize: 16.sp, |
||||
|
color: Colors.black, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
10.horizontalSpace, |
||||
|
Expanded( |
||||
|
child: GestureDetector( |
||||
|
onTap: () { |
||||
|
Get.back(result: _inputController.text); |
||||
|
}, |
||||
|
child: Container( |
||||
|
height: 48.w, |
||||
|
alignment: Alignment.center, |
||||
|
decoration: BoxDecoration( |
||||
|
color: Colors.black, |
||||
|
borderRadius: BorderRadius.circular(12.r), |
||||
|
), |
||||
|
child: Text( |
||||
|
'confirm'.tr, // 确认 |
||||
|
style: TextStyle( |
||||
|
fontSize: 16.sp, |
||||
|
color: Colors.white, |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
), |
||||
|
], |
||||
|
), |
||||
|
); |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue