Mirrors/nc-photos
1
0
Fork 0
mirror of https://gitlab.com/nkming2/nc-photos.git synced 2025-03-22 15:09:22 +01:00
Code Issues Projects Releases Packages Wiki Activity

Tweak cloud progress indicator design

Browse source
This commit is contained in:
Ming Ming 2022-11-27 18:46:04 +08:00
parent 938a0dfb4f
commit 2e9d70d878
1 changed files with 31 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
app/lib/widget/cloud_progress_indicator.dart
View file

@ -91,7 +91,9 @@ class _Indicator extends AnimatedWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final thisValue = value ?? _progress.value; final thisValue = value ?? _progress.value;
final stroke = size / 12; final stroke = size * .07;
final offsetX = size * .06;
final offsetY = size * .15;
const curve = Curves.easeInOutQuad; const curve = Curves.easeInOutQuad;
return Transform.scale( return Transform.scale(
scaleX: isInvert ? -1 : 1, scaleX: isInvert ? -1 : 1,
@ -100,10 +102,12 @@ class _Indicator extends AnimatedWidget {
padding: EdgeInsets.all(stroke / 2), padding: EdgeInsets.all(stroke / 2),
child: Row( child: Row(
mainAxisSize: MainAxisSize.max, mainAxisSize: MainAxisSize.max,
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.end,
children: [ children: [
Expanded( Expanded(
flex: 1, flex: 3,
child: Transform.translate(
offset: Offset(offsetX, 0),
child: AspectRatio( child: AspectRatio(
aspectRatio: 1, aspectRatio: 1,
child: CircularProgressIndicator( child: CircularProgressIndicator(
@ -112,9 +116,11 @@ class _Indicator extends AnimatedWidget {
), ),
), ),
), ),
SizedBox(width: stroke / 2), ),
Expanded( Expanded(
flex: 2, flex: 5,
child: Transform.translate(
offset: Offset(0, -offsetY),
child: AspectRatio( child: AspectRatio(
aspectRatio: 1, aspectRatio: 1,
child: CircularProgressIndicator( child: CircularProgressIndicator(
@ -123,9 +129,11 @@ class _Indicator extends AnimatedWidget {
), ),
), ),
), ),
SizedBox(width: stroke / 2), ),
Expanded( Expanded(
flex: 1, flex: 3,
child: Transform.translate(
offset: Offset(-offsetX, 0),
child: AspectRatio( child: AspectRatio(
aspectRatio: 1, aspectRatio: 1,
child: CircularProgressIndicator( child: CircularProgressIndicator(
@ -134,6 +142,7 @@ class _Indicator extends AnimatedWidget {
), ),
), ),
), ),
),
], ],
), ),
), ),