288 lines
11 KiB
Dart
288 lines
11 KiB
Dart
import 'dart:io';
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:hive/hive.dart';
|
||
import 'package:pilipala/models/common/theme_type.dart';
|
||
import 'package:pilipala/pages/setting/pages/color_select.dart';
|
||
import 'package:pilipala/pages/setting/widgets/select_dialog.dart';
|
||
import 'package:pilipala/pages/setting/widgets/slide_dialog.dart';
|
||
import 'package:pilipala/utils/storage.dart';
|
||
|
||
import '../../models/common/dynamic_badge_mode.dart';
|
||
import 'controller.dart';
|
||
import 'widgets/switch_item.dart';
|
||
|
||
class StyleSetting extends StatefulWidget {
|
||
const StyleSetting({super.key});
|
||
|
||
@override
|
||
State<StyleSetting> createState() => _StyleSettingState();
|
||
}
|
||
|
||
class _StyleSettingState extends State<StyleSetting> {
|
||
final SettingController settingController = Get.put(SettingController());
|
||
final ColorSelectController colorSelectController =
|
||
Get.put(ColorSelectController());
|
||
|
||
Box setting = GStrorage.setting;
|
||
late int picQuality;
|
||
late double toastOpacity;
|
||
late ThemeType _tempThemeValue;
|
||
late dynamic defaultCustomRows;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
picQuality = setting.get(SettingBoxKey.defaultPicQa, defaultValue: 10);
|
||
toastOpacity = setting.get(SettingBoxKey.defaultToastOp, defaultValue: 1.0);
|
||
_tempThemeValue = settingController.themeType.value;
|
||
defaultCustomRows = setting.get(SettingBoxKey.customRows, defaultValue: 2);
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
TextStyle titleStyle = Theme.of(context).textTheme.titleMedium!;
|
||
TextStyle subTitleStyle = Theme.of(context)
|
||
.textTheme
|
||
.labelMedium!
|
||
.copyWith(color: Theme.of(context).colorScheme.outline);
|
||
return Scaffold(
|
||
appBar: AppBar(
|
||
centerTitle: false,
|
||
titleSpacing: 0,
|
||
title: Text(
|
||
'外观设置',
|
||
style: Theme.of(context).textTheme.titleMedium,
|
||
),
|
||
),
|
||
body: ListView(
|
||
children: [
|
||
Obx(
|
||
() => ListTile(
|
||
enableFeedback: true,
|
||
onTap: () => settingController.onOpenFeedBack(),
|
||
title: const Text('震动反馈'),
|
||
subtitle: Text('请确定手机设置中已开启震动反馈', style: subTitleStyle),
|
||
trailing: Transform.scale(
|
||
alignment: Alignment.centerRight,
|
||
scale: 0.8,
|
||
child: Switch(
|
||
thumbIcon: MaterialStateProperty.resolveWith<Icon?>(
|
||
(Set<MaterialState> states) {
|
||
if (states.isNotEmpty &&
|
||
states.first == MaterialState.selected) {
|
||
return const Icon(Icons.done);
|
||
}
|
||
return null; // All other states will use the default thumbIcon.
|
||
}),
|
||
value: settingController.feedBackEnable.value,
|
||
onChanged: (value) => settingController.onOpenFeedBack()),
|
||
),
|
||
),
|
||
),
|
||
const SetSwitchItem(
|
||
title: 'MD3样式底栏',
|
||
subTitle: '符合Material You设计规范的底栏',
|
||
setKey: SettingBoxKey.enableMYBar,
|
||
defaultVal: true,
|
||
),
|
||
const SetSwitchItem(
|
||
title: '首页顶栏收起',
|
||
subTitle: '首页列表滑动时，收起顶栏',
|
||
setKey: SettingBoxKey.hideSearchBar,
|
||
defaultVal: true,
|
||
needReboot: true,
|
||
),
|
||
const SetSwitchItem(
|
||
title: '首页底栏收起',
|
||
subTitle: '首页列表滑动时，收起底栏',
|
||
setKey: SettingBoxKey.hideTabBar,
|
||
defaultVal: true,
|
||
needReboot: true,
|
||
),
|
||
const SetSwitchItem(
|
||
title: '首页底栏背景渐变',
|
||
setKey: SettingBoxKey.enableGradientBg,
|
||
defaultVal: true,
|
||
needReboot: true,
|
||
),
|
||
ListTile(
|
||
onTap: () async {
|
||
int? result = await showDialog(
|
||
context: context,
|
||
builder: (context) {
|
||
return SelectDialog<int>(
|
||
title: '自定义列数',
|
||
value: defaultCustomRows,
|
||
values: [1, 2, 3, 4, 5].map((e) {
|
||
return {'title': '$e 列', 'value': e};
|
||
}).toList());
|
||
},
|
||
);
|
||
if (result != null) {
|
||
defaultCustomRows = result;
|
||
setting.put(SettingBoxKey.customRows, result);
|
||
setState(() {});
|
||
}
|
||
},
|
||
dense: false,
|
||
title: Text('自定义列数', style: titleStyle),
|
||
subtitle: Text(
|
||
'当前列数 $defaultCustomRows 列',
|
||
style: subTitleStyle,
|
||
),
|
||
),
|
||
ListTile(
|
||
dense: false,
|
||
onTap: () {
|
||
showDialog(
|
||
context: context,
|
||
builder: (context) {
|
||
return StatefulBuilder(
|
||
builder: (context, StateSetter setState) {
|
||
final SettingController settingController =
|
||
Get.put(SettingController());
|
||
return AlertDialog(
|
||
title: const Text('图片质量'),
|
||
contentPadding: const EdgeInsets.only(
|
||
top: 20, left: 8, right: 8, bottom: 8),
|
||
content: SizedBox(
|
||
height: 40,
|
||
child: Slider(
|
||
value: picQuality.toDouble(),
|
||
min: 10,
|
||
max: 100,
|
||
divisions: 9,
|
||
label: '$picQuality%',
|
||
onChanged: (double val) {
|
||
picQuality = val.toInt();
|
||
setState(() {});
|
||
},
|
||
),
|
||
),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () => Get.back(),
|
||
child: Text('取消',
|
||
style: TextStyle(
|
||
color: Theme.of(context)
|
||
.colorScheme
|
||
.outline))),
|
||
TextButton(
|
||
onPressed: () {
|
||
setting.put(
|
||
SettingBoxKey.defaultPicQa, picQuality);
|
||
Get.back();
|
||
settingController.picQuality.value = picQuality;
|
||
},
|
||
child: const Text('确定'),
|
||
)
|
||
],
|
||
);
|
||
},
|
||
);
|
||
},
|
||
);
|
||
},
|
||
title: Text('图片质量', style: titleStyle),
|
||
subtitle: Text('选择合适的图片清晰度，上限100%', style: subTitleStyle),
|
||
trailing: Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
||
child: Obx(
|
||
() => Text(
|
||
'${settingController.picQuality.value}%',
|
||
style: Theme.of(context).textTheme.titleSmall,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
ListTile(
|
||
dense: false,
|
||
onTap: () async {
|
||
double? result = await showDialog(
|
||
context: context,
|
||
builder: (context) {
|
||
return SlideDialog<double>(
|
||
title: 'Toast不透明度',
|
||
value: settingController.toastOpacity.value,
|
||
min: 0.0,
|
||
max: 1.0,
|
||
divisions: 10,
|
||
);
|
||
},
|
||
);
|
||
if (result != null) {
|
||
settingController.toastOpacity.value = result;
|
||
SmartDialog.showToast('设置成功');
|
||
setting.put(SettingBoxKey.defaultToastOp, result);
|
||
}
|
||
},
|
||
title: Text('Toast不透明度', style: titleStyle),
|
||
subtitle: Text('自定义Toast不透明度', style: subTitleStyle),
|
||
),
|
||
ListTile(
|
||
dense: false,
|
||
onTap: () async {
|
||
ThemeType? result = await showDialog(
|
||
context: context,
|
||
builder: (context) {
|
||
return SelectDialog<ThemeType>(
|
||
title: '主题模式',
|
||
value: _tempThemeValue,
|
||
values: ThemeType.values.map((e) {
|
||
return {'title': e.description, 'value': e};
|
||
}).toList());
|
||
},
|
||
);
|
||
if (result != null) {
|
||
_tempThemeValue = result;
|
||
settingController.themeType.value = result;
|
||
setting.put(SettingBoxKey.themeMode, result.code);
|
||
Get.forceAppUpdate();
|
||
}
|
||
},
|
||
title: Text('主题模式', style: titleStyle),
|
||
subtitle: Obx(() => Text(
|
||
'当前模式：${settingController.themeType.value.description}',
|
||
style: subTitleStyle)),
|
||
),
|
||
ListTile(
|
||
dense: false,
|
||
onTap: () => settingController.setDynamicBadgeMode(context),
|
||
title: Text('动态未读标记', style: titleStyle),
|
||
subtitle: Obx(() => Text(
|
||
'当前标记样式：${settingController.dynamicBadgeType.value.description}',
|
||
style: subTitleStyle)),
|
||
),
|
||
ListTile(
|
||
dense: false,
|
||
onTap: () => Get.toNamed('/colorSetting'),
|
||
title: Text('应用主题', style: titleStyle),
|
||
subtitle: Obx(() => Text(
|
||
'当前主题：${colorSelectController.type.value == 0 ? '动态取色' : '指定颜色'}',
|
||
style: subTitleStyle)),
|
||
),
|
||
ListTile(
|
||
dense: false,
|
||
onTap: () => Get.toNamed('/fontSizeSetting'),
|
||
title: Text('字体大小', style: titleStyle),
|
||
),
|
||
ListTile(
|
||
dense: false,
|
||
onTap: () => Get.toNamed('/tabbarSetting'),
|
||
title: Text('首页tabbar', style: titleStyle),
|
||
),
|
||
if (Platform.isAndroid)
|
||
ListTile(
|
||
dense: false,
|
||
onTap: () => Get.toNamed('/displayModeSetting'),
|
||
title: Text('屏幕帧率', style: titleStyle),
|
||
)
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|