HCha/PiliPlus
1
0
Fork 0
mirror of https://github.com/HChaZZY/PiliPlus.git synced 2025-12-06 09:13:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: sponsorblock: custom color

Browse Source
This commit is contained in:
bggRGjQaUbCoE
2024-10-29 12:17:22 +08:00
parent 1f34c19df4
commit ac1e655a65
3 changed files with 226 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
lib/pages/setting/sponsor_block_page.dart
View File

@@ -6,6 +6,7 @@ import 'package:PiliPalaX/pages/video/detail/controller.dart'
import 'package:PiliPalaX/utils/storage.dart';
import 'package:PiliPalaX/utils/utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:get/get.dart';
class SponsorBlockPage extends StatefulWidget {
@@ -18,6 +19,7 @@ class SponsorBlockPage extends StatefulWidget {
class _SponsorBlockPageState extends State<SponsorBlockPage> {
late double _blockLimit;
late List<Pair<SegmentType, SkipType>> _blockSettings;
late List<Color> _blockColor;
final _url = 'https://github.com/hanydd/BilibiliSponsorBlock';
@override
@@ -25,6 +27,7 @@ class _SponsorBlockPageState extends State<SponsorBlockPage> {
super.initState();
_blockLimit = GStorage.blockLimit;
_blockSettings = GStorage.blockSettings;
_blockColor = GStorage.blockColor;
}
@override
@@ -101,6 +104,37 @@ class _SponsorBlockPageState extends State<SponsorBlockPage> {
),
)
: ListTile(
enabled:
_blockSettings[index - 1].second != SkipType.disable,
onTap: () {
showDialog(
context: context,
builder: (_) => AlertDialog(
clipBehavior: Clip.hardEdge,
contentPadding:
const EdgeInsets.symmetric(vertical: 16),
title: const Text(
'Color Picker',
style: TextStyle(fontSize: 18),
),
content: SlideColorPicker(
color: _blockColor[index - 1],
callback: (Color? color) async {
_blockColor[index - 1] = color ??
_blockSettings[index - 1].first.color;
await GStorage.setting.put(
SettingBoxKey.blockColor,
_blockColor
.map((item) => item.value
.toRadixString(16)
.substring(2))
.toList());
setState(() {});
},
),
),
);
},
leading: Container(
height: 24,
width: 24,
@@ -110,7 +144,7 @@ class _SponsorBlockPageState extends State<SponsorBlockPage> {
width: 10,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: _blockSettings[index - 1].first.color,
color: _blockColor[index - 1],
),
),
),
@@ -171,3 +205,175 @@ class _SponsorBlockPageState extends State<SponsorBlockPage> {
);
}
}
class SlideColorPicker extends StatefulWidget {
const SlideColorPicker({
super.key,
required this.color,
required this.callback,
});
final Color color;
final Function(Color? color) callback;
@override
State<SlideColorPicker> createState() => _SlideColorPickerState();
}
class _SlideColorPickerState extends State<SlideColorPicker> {
late int _r;
late int _g;
late int _b;
late final TextEditingController _textController;
@override
void initState() {
super.initState();
_r = widget.color.red;
_g = widget.color.green;
_b = widget.color.blue;
_textController = TextEditingController(text: _convert);
}
@override
void dispose() {
_textController.dispose();
super.dispose();
}
String get _convert => Color.fromARGB(255, _r, _g, _b)
.value
.toRadixString(16)
.substring(2)
.toUpperCase();
Widget _slider({
required String title,
required int value,
required ValueChanged<double> onChanged,
}) {
return Row(
children: [
const SizedBox(width: 16),
Text(title),
Expanded(
child: Slider(
min: 0,
max: 255,
divisions: 255,
value: value.toDouble(),
onChanged: onChanged,
),
),
Text(
value.toString(),
),
const SizedBox(width: 16),
],
);
}
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
height: 100,
color: Color.fromARGB(255, _r, _g, _b),
),
const SizedBox(height: 10),
IntrinsicWidth(
child: TextField(
inputFormatters: [
LengthLimitingTextInputFormatter(6),
FilteringTextInputFormatter.allow(RegExp('[0-9a-fA-F]')),
],
controller: _textController,
decoration: InputDecoration(
isDense: true,
prefixText: '#',
contentPadding: const EdgeInsets.all(0),
),
onChanged: (value) {
_textController.text = value.toUpperCase();
if (value.length == 6) {
Color color =
Color(int.tryParse('FF$value', radix: 16) ?? 0xFF000000);
setState(() {
_r = color.red;
_g = color.green;
_b = color.blue;
});
}
},
),
),
_slider(
title: 'R',
value: _r,
onChanged: (value) {
setState(() {
_r = value.round();
_textController.text = _convert;
});
},
),
_slider(
title: 'G',
value: _g,
onChanged: (value) {
setState(() {
_g = value.round();
_textController.text = _convert;
});
},
),
_slider(
title: 'B',
value: _b,
onChanged: (value) {
setState(() {
_b = value.round();
_textController.text = _convert;
});
},
),
Row(
children: [
const SizedBox(width: 16),
TextButton(
onPressed: () {
Get.back();
widget.callback(null);
},
child: Text(
'重置',
),
),
const Spacer(),
TextButton(
onPressed: Get.back,
child: Text(
'取消',
style: TextStyle(
color: Theme.of(context).colorScheme.outline,
),
),
),
TextButton(
onPressed: () {
Get.back();
widget.callback(Color.fromARGB(255, _r, _g, _b));
},
child: const Text('确定'),
),
const SizedBox(width: 16),
],
)
],
),
);
}
}