RomanNum3ral
/
quickgui
mirror of https://github.com/quickemu-project/quickgui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(home_page_button_group): colored progress arrow when certain item is select

This commit is contained in:
Kingkor Roy Tirtho 2022-12-23 17:54:27 +06:00
parent 96e4f14e19
commit b800cbcc7e
1 changed files with 46 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
lib/src/widgets/home_page/home_page_button_group.dart
View File

@ -20,7 +20,7 @@ class ProgressArrowPainter extends CustomPainter {
const ProgressArrowPainter({
this.oddColor,
this.evenColor,
this.radius = 3,
this.radius = 4,
});
@override
@ -73,14 +73,26 @@ class ProgressArrowPainter extends CustomPainter {
}
class ProgressArrow extends StatelessWidget {
const ProgressArrow({Key? key}) : super(key: key);
final Color? oddColor;
final Color? evenColor;
final double? radius;
const ProgressArrow({
Key? key,
this.oddColor,
this.evenColor,
this.radius,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 12).copyWith(top: 30),
child: const CustomPaint(
painter: ProgressArrowPainter(),
child: CustomPaint(
painter: ProgressArrowPainter(
oddColor: oddColor,
evenColor: evenColor,
radius: radius ?? 4,
),
),
);
}
@ -98,6 +110,18 @@ class _HomePageButtonGroupState extends State<HomePageButtonGroup> {
Version? _selectedVersion;
Option? _selectedOption;
/// Lighten a color by [percent] amount (100 = white)
// ........................................................
Color lighten(Color c, [int percent = 10]) {
assert(1 <= percent && percent <= 100);
var p = percent / 100;
return Color.fromARGB(
c.alpha,
c.red + ((255 - c.red) * p).round(),
c.green + ((255 - c.green) * p).round(),
c.blue + ((255 - c.blue) * p).round());
}
@override
Widget build(BuildContext context) {
var _versionButtonLabel =
@ -160,8 +184,15 @@ class _HomePageButtonGroupState extends State<HomePageButtonGroup> {
),
],
),
const Expanded(
child: ProgressArrow(),
Expanded(
child: ProgressArrow(
evenColor: _selectedOperatingSystem != null
? PlatformTheme.of(context).primaryColor
: null,
oddColor: _selectedOperatingSystem != null
? lighten(PlatformTheme.of(context).primaryColor!, 35)
: null,
),
),
Column(
children: [
@ -197,8 +228,15 @@ class _HomePageButtonGroupState extends State<HomePageButtonGroup> {
),
],
),
const Expanded(
child: ProgressArrow(),
Expanded(
child: ProgressArrow(
evenColor: _selectedVersion != null
? PlatformTheme.of(context).primaryColor
: null,
oddColor: _selectedVersion != null
? lighten(PlatformTheme.of(context).primaryColor!, 35)
: null,
),
),
Column(
children: [