Fabio/aves
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

selection: darker overlay for selected items

Browse source
This commit is contained in:
Thibault Deckers 2020-04-29 10:52:51 +09:00
parent ccfb5879ba
commit 11cbd6512d
2 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
lib/widgets/album/thumbnail/decorated.dart
View file

@ -55,13 +55,9 @@ class DecoratedThumbnail extends StatelessWidget {
),
),
if (showOverlay)
Positioned(
top: 0,
right: 0,
child: ThumbnailSelectionOverlay(
entry: entry,
extent: extent,
),
ThumbnailSelectionOverlay(
entry: entry,
extent: extent,
),
],
),

32
lib/widgets/album/thumbnail/overlay.dart
View file

@ -56,6 +56,7 @@ class ThumbnailSelectionOverlay extends StatelessWidget {
@override
Widget build(BuildContext context) {
final duration = Duration(milliseconds: (200 * timeDilation).toInt());
final fontSize = min(14.0, (extent / 8)).roundToDouble();
final iconSize = fontSize * 2;
final collection = Provider.of<CollectionLens>(context);
@ -67,13 +68,15 @@ class ThumbnailSelectionOverlay extends StatelessWidget {
animation: collection.selectionChangeNotifier,
builder: (context, child) {
final selected = collection.isSelected([entry]);
final child = OverlayIcon(
key: ValueKey(selected),
icon: selected ? AIcons.selected : AIcons.unselected,
size: iconSize,
);
return AnimatedSwitcher(
duration: Duration(milliseconds: (300 * timeDilation).toInt()),
var child = collection.isSelecting
? OverlayIcon(
key: ValueKey(selected),
icon: selected ? AIcons.selected : AIcons.unselected,
size: iconSize,
)
: const SizedBox.shrink();
child = AnimatedSwitcher(
duration: duration,
switchInCurve: Curves.easeOutBack,
switchOutCurve: Curves.easeOutBack,
transitionBuilder: (child, animation) => ScaleTransition(
@ -82,17 +85,18 @@ class ThumbnailSelectionOverlay extends StatelessWidget {
),
child: child,
);
child = AnimatedContainer(
duration: duration,
alignment: Alignment.topRight,
color: selected ? Colors.black54 : Colors.transparent,
child: child,
);
return child;
},
)
: const SizedBox.shrink();
return AnimatedSwitcher(
duration: Duration(milliseconds: (300 * timeDilation).toInt()),
switchInCurve: Curves.easeOutBack,
switchOutCurve: Curves.easeOutBack,
transitionBuilder: (child, animation) => ScaleTransition(
child: child,
scale: animation,
),
duration: duration,
child: child,
);
},