diff --git a/lib/common/widgets/network_img_layer.dart b/lib/common/widgets/network_img_layer.dart index b07144e3..41cad46e 100644 --- a/lib/common/widgets/network_img_layer.dart +++ b/lib/common/widgets/network_img_layer.dart @@ -1,6 +1,10 @@ import 'package:flutter/material.dart'; import 'package:cached_network_image/cached_network_image.dart'; +import 'package:hive/hive.dart'; import 'package:pilipala/common/constants.dart'; +import 'package:pilipala/utils/storage.dart'; + +Box setting = GStrorage.setting; class NetworkImgLayer extends StatelessWidget { final String? src; @@ -24,13 +28,17 @@ class NetworkImgLayer extends StatelessWidget { this.fadeOutDuration, this.fadeInDuration, // 图片质量 默认1% - this.quality = 1, + this.quality, }) : super(key: key); @override Widget build(BuildContext context) { double pr = MediaQuery.of(context).devicePixelRatio; + int picQuality = setting.get(SettingBoxKey.defaultPicQa, defaultValue: 10); + // double pr = 2; + print( + '${src!.startsWith('//') ? 'https:${src!}' : src!}@${quality ?? picQuality}q.webp'); return src != '' ? ClipRRect( clipBehavior: Clip.hardEdge, @@ -41,7 +49,7 @@ class NetworkImgLayer extends StatelessWidget { : StyleString.imgRadius.x), child: CachedNetworkImage( imageUrl: - '${src!.startsWith('//') ? 'https:${src!}' : src!}@${quality}q.webp', + '${src!.startsWith('//') ? 'https:${src!}' : src!}@${quality ?? picQuality}q.webp', width: width ?? double.infinity, height: height ?? double.infinity, alignment: Alignment.center, diff --git a/lib/pages/setting/controller.dart b/lib/pages/setting/controller.dart index 7cb20eba..843d21d0 100644 --- a/lib/pages/setting/controller.dart +++ b/lib/pages/setting/controller.dart @@ -11,10 +11,12 @@ import 'package:pilipala/utils/storage.dart'; class SettingController extends GetxController { Box user = GStrorage.user; - RxBool userLogin = false.obs; - Box userInfoCache = GStrorage.userInfo; Box setting = GStrorage.setting; + Box userInfoCache = GStrorage.userInfo; + + RxBool userLogin = false.obs; RxBool feedBackEnable = false.obs; + RxInt picQuality = 10.obs; @override void onInit() { @@ -22,6 +24,8 @@ class SettingController extends GetxController { userLogin.value = user.get(UserBoxKey.userLogin) ?? false; feedBackEnable.value = setting.get(SettingBoxKey.feedBackEnable, defaultValue: false); + picQuality.value = + setting.get(SettingBoxKey.defaultPicQa, defaultValue: 10); } loginOut() async { diff --git a/lib/pages/setting/play_setting.dart b/lib/pages/setting/play_setting.dart index 9a79d39b..d8fc7413 100644 --- a/lib/pages/setting/play_setting.dart +++ b/lib/pages/setting/play_setting.dart @@ -31,13 +31,19 @@ class _PlaySettingState extends State { @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( - title: const Text('播放设置'), + centerTitle: false, + titleSpacing: 0, + title: Text( + '播放设置', + style: Theme.of(context).textTheme.titleMedium, + ), ), body: ListView( children: [ @@ -45,15 +51,17 @@ class _PlaySettingState extends State { title: '自动播放', subTitle: '进入详情页自动播放', setKey: SettingBoxKey.autoPlayEnable, + defaultVal: true, ), const SetSwitchItem( title: '开启硬解', subTitle: '以较低功耗播放视频', setKey: SettingBoxKey.enableHA, + defaultVal: true, ), ListTile( dense: false, - title: const Text('默认画质'), + title: Text('默认画质', style: titleStyle), subtitle: Text( '当前画质' + VideoQualityCode.fromCode(defaultVideoQa)!.description!, style: subTitleStyle, @@ -78,7 +86,7 @@ class _PlaySettingState extends State { ), ListTile( dense: false, - title: const Text('默认音质'), + title: Text('默认音质', style: titleStyle), subtitle: Text( '当前音质' + AudioQualityCode.fromCode(defaultAudioQa)!.description!, style: subTitleStyle, @@ -103,7 +111,7 @@ class _PlaySettingState extends State { ), ListTile( dense: false, - title: const Text('默认解码格式'), + title: Text('默认解码格式', style: titleStyle), subtitle: Text( '当前解码格式' + VideoDecodeFormatsCode.fromCode(defaultDecode)!.description!, diff --git a/lib/pages/setting/style_setting.dart b/lib/pages/setting/style_setting.dart new file mode 100644 index 00000000..a986d1ff --- /dev/null +++ b/lib/pages/setting/style_setting.dart @@ -0,0 +1,127 @@ +import 'package:flutter/material.dart'; +import 'package:get/get.dart'; +import 'package:hive/hive.dart'; +import 'package:pilipala/utils/storage.dart'; + +import 'controller.dart'; + +class StyleSetting extends StatefulWidget { + const StyleSetting({super.key}); + + @override + State createState() => _StyleSettingState(); +} + +class _StyleSettingState extends State { + final SettingController settingController = Get.put(SettingController()); + Box setting = GStrorage.setting; + late int picQuality; + + @override + void initState() { + super.initState(); + picQuality = setting.get(SettingBoxKey.defaultPicQa, defaultValue: 10); + } + + @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( + scale: 0.8, + child: Switch( + thumbIcon: MaterialStateProperty.resolveWith( + (Set 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()), + ), + ), + ), + ListTile( + dense: false, + onTap: () { + showDialog( + context: context, + builder: (context) { + return StatefulBuilder( + builder: (context, StateSetter setState) { + final SettingController settingController = + Get.put(SettingController()); + return AlertDialog( + title: Text('图片清晰度 - $picQuality%', style: titleStyle), + 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: const Text('取消')), + 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: Obx( + () => Text( + '${settingController.picQuality.value}%', + style: Theme.of(context).textTheme.titleSmall, + ), + ), + ), + ], + ), + ); + } +} diff --git a/lib/pages/setting/view.dart b/lib/pages/setting/view.dart index 3883397d..752952d0 100644 --- a/lib/pages/setting/view.dart +++ b/lib/pages/setting/view.dart @@ -14,42 +14,25 @@ class SettingPage extends StatelessWidget { final SettingController settingController = Get.put(SettingController()); return Scaffold( appBar: AppBar( - title: const Text('设置'), + centerTitle: false, + titleSpacing: 0, + title: Text( + '设置', + style: Theme.of(context).textTheme.titleMedium, + ), ), body: Column( children: [ - Obx( - () => ListTile( - enableFeedback: true, - onTap: () => settingController.onOpenFeedBack(), - title: const Text('震动反馈'), - subtitle: Text('请确定手机设置中已开启震动反馈', style: subTitleStyle), - trailing: Transform.scale( - scale: 0.8, - child: Switch( - thumbIcon: MaterialStateProperty.resolveWith( - (Set 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()), - ), - ), - ), ListTile( onTap: () => Get.toNamed('/playSetting'), dense: false, title: const Text('播放设置'), ), - // ListTile( - // onTap: () {}, - // dense: false, - // title: const Text('外观设置'), - // ), + ListTile( + onTap: () => Get.toNamed('/styleSetting'), + dense: false, + title: const Text('外观设置'), + ), // ListTile( // onTap: () {}, // dense: false, diff --git a/lib/pages/setting/widgets/switch_item.dart b/lib/pages/setting/widgets/switch_item.dart index 258c7ef7..6ae642d3 100644 --- a/lib/pages/setting/widgets/switch_item.dart +++ b/lib/pages/setting/widgets/switch_item.dart @@ -6,11 +6,13 @@ class SetSwitchItem extends StatefulWidget { final String? title; final String? subTitle; final String? setKey; + final bool? defaultVal; const SetSwitchItem({ this.title, this.subTitle, this.setKey, + this.defaultVal, Key? key, }) : super(key: key); @@ -26,11 +28,12 @@ class _SetSwitchItemState extends State { @override void initState() { super.initState(); - val = Setting.get(widget.setKey, defaultValue: false); + val = Setting.get(widget.setKey, defaultValue: widget.defaultVal ?? false); } @override Widget build(BuildContext context) { + TextStyle titleStyle = Theme.of(context).textTheme.titleMedium!; TextStyle subTitleStyle = Theme.of(context) .textTheme .labelMedium! @@ -40,7 +43,7 @@ class _SetSwitchItemState extends State { onTap: () { Setting.put(widget.setKey, !val); }, - title: Text(widget.title!), + title: Text(widget.title!, style: titleStyle), subtitle: widget.subTitle != null ? Text(widget.subTitle!, style: subTitleStyle) : null, diff --git a/lib/router/app_pages.dart b/lib/router/app_pages.dart index 652bc25a..14be2aae 100644 --- a/lib/router/app_pages.dart +++ b/lib/router/app_pages.dart @@ -15,6 +15,7 @@ import 'package:pilipala/pages/preview/index.dart'; import 'package:pilipala/pages/search/index.dart'; import 'package:pilipala/pages/searchResult/index.dart'; import 'package:pilipala/pages/setting/play_setting.dart'; +import 'package:pilipala/pages/setting/style_setting.dart'; import 'package:pilipala/pages/video/detail/index.dart'; import 'package:pilipala/pages/video/detail/replyReply/index.dart'; import 'package:pilipala/pages/webview/index.dart'; @@ -71,6 +72,8 @@ class Routes { GetPage(name: '/replyReply', page: () => const VideoReplyReplyPanel()), // 播放设置 - GetPage(name: '/playSetting', page: () => const PlaySetting()) + GetPage(name: '/playSetting', page: () => const PlaySetting()), + + GetPage(name: '/styleSetting', page: () => const StyleSetting()), ]; } diff --git a/lib/utils/storage.dart b/lib/utils/storage.dart index 63d17f83..f1a25f49 100644 --- a/lib/utils/storage.dart +++ b/lib/utils/storage.dart @@ -76,6 +76,7 @@ class SettingBoxKey { static const String autoUpgradeEnable = 'autoUpgradeEnable'; static const String autoPlayEnable = 'autoPlayEnable'; static const String enableHA = 'enableHA'; + static const String defaultPicQa = 'defaultPicQa'; static const String danmakuEnable = 'danmakuEnable'; }