428 lines
15 KiB
Dart
428 lines
15 KiB
Dart
import 'dart:async';
|
|
import 'dart:math';
|
|
import 'dart:ui';
|
|
|
|
import 'package:aves/app_mode.dart';
|
|
import 'package:aves/model/actions/entry_actions.dart';
|
|
import 'package:aves/model/entry.dart';
|
|
import 'package:aves/model/settings/settings.dart';
|
|
import 'package:aves/model/source/collection_lens.dart';
|
|
import 'package:aves/theme/durations.dart';
|
|
import 'package:aves/widgets/viewer/controller.dart';
|
|
import 'package:aves/widgets/viewer/entry_horizontal_pager.dart';
|
|
import 'package:aves/widgets/viewer/info/info_page.dart';
|
|
import 'package:aves/widgets/viewer/notifications.dart';
|
|
import 'package:aves/widgets/viewer/video/conductor.dart';
|
|
import 'package:aves_magnifier/aves_magnifier.dart';
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:screen_brightness/screen_brightness.dart';
|
|
|
|
class ViewerVerticalPageView extends StatefulWidget {
|
|
final CollectionLens? collection;
|
|
final ValueNotifier<AvesEntry?> entryNotifier;
|
|
final ViewerController viewerController;
|
|
final Animation<double> overlayOpacity;
|
|
final PageController horizontalPager, verticalPager;
|
|
final void Function(int page) onVerticalPageChanged, onHorizontalPageChanged;
|
|
final VoidCallback onImagePageRequested;
|
|
final void Function(AvesEntry mainEntry, AvesEntry? pageEntry) onViewDisposed;
|
|
|
|
const ViewerVerticalPageView({
|
|
super.key,
|
|
required this.collection,
|
|
required this.entryNotifier,
|
|
required this.viewerController,
|
|
required this.overlayOpacity,
|
|
required this.verticalPager,
|
|
required this.horizontalPager,
|
|
required this.onVerticalPageChanged,
|
|
required this.onHorizontalPageChanged,
|
|
required this.onImagePageRequested,
|
|
required this.onViewDisposed,
|
|
});
|
|
|
|
@override
|
|
State<ViewerVerticalPageView> createState() => _ViewerVerticalPageViewState();
|
|
}
|
|
|
|
class _ViewerVerticalPageViewState extends State<ViewerVerticalPageView> {
|
|
final List<StreamSubscription> _subscriptions = [];
|
|
final ValueNotifier<double> _backgroundOpacityNotifier = ValueNotifier(1);
|
|
final ValueNotifier<bool> _isVerticallyScrollingNotifier = ValueNotifier(false);
|
|
final ValueNotifier<bool> _isImageFocusedNotifier = ValueNotifier(true);
|
|
Timer? _verticalScrollMonitoringTimer;
|
|
AvesEntry? _oldEntry;
|
|
Future<double>? _systemBrightness;
|
|
|
|
CollectionLens? get collection => widget.collection;
|
|
|
|
bool get hasCollection => collection != null;
|
|
|
|
AvesEntry? get entry => widget.entryNotifier.value;
|
|
|
|
static const double maximumBrightness = 1.0;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_registerWidget(widget);
|
|
|
|
if (settings.viewerMaxBrightness) {
|
|
_systemBrightness = ScreenBrightness().system;
|
|
}
|
|
}
|
|
|
|
@override
|
|
void didUpdateWidget(covariant ViewerVerticalPageView oldWidget) {
|
|
super.didUpdateWidget(oldWidget);
|
|
_unregisterWidget(oldWidget);
|
|
_registerWidget(widget);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_unregisterWidget(widget);
|
|
_stopScrollMonitoringTimer();
|
|
_backgroundOpacityNotifier.dispose();
|
|
_isVerticallyScrollingNotifier.dispose();
|
|
_isImageFocusedNotifier.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _registerWidget(ViewerVerticalPageView widget) {
|
|
_subscriptions.add(widget.viewerController.showNextCommands.listen((event) {
|
|
_goToHorizontalPage(1, animate: true);
|
|
}));
|
|
_subscriptions.add(widget.viewerController.overlayCommands.listen((event) {
|
|
ToggleOverlayNotification(visible: event.visible).dispatch(context);
|
|
}));
|
|
widget.verticalPager.addListener(_onVerticalPageControllerChanged);
|
|
widget.entryNotifier.addListener(_onEntryChanged);
|
|
if (_oldEntry != entry) _onEntryChanged();
|
|
}
|
|
|
|
void _unregisterWidget(ViewerVerticalPageView widget) {
|
|
_subscriptions
|
|
..forEach((sub) => sub.cancel())
|
|
..clear();
|
|
widget.verticalPager.removeListener(_onVerticalPageControllerChanged);
|
|
widget.entryNotifier.removeListener(_onEntryChanged);
|
|
_oldEntry?.visualChangeNotifier.removeListener(_onVisualChanged);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// fake page for opacity transition between collection and viewer
|
|
const transitionPage = SizedBox();
|
|
|
|
final pages = [
|
|
transitionPage,
|
|
_buildImagePage(),
|
|
];
|
|
|
|
final appMode = context.read<ValueNotifier<AppMode>>().value;
|
|
if (!{AppMode.screenSaver, AppMode.slideshow}.contains(appMode)) {
|
|
final infoPage = NotificationListener<ShowImageNotification>(
|
|
onNotification: (notification) {
|
|
widget.onImagePageRequested();
|
|
return true;
|
|
},
|
|
child: AnimatedBuilder(
|
|
animation: widget.verticalPager,
|
|
builder: (context, child) {
|
|
return Visibility(
|
|
visible: widget.verticalPager.page! > 1,
|
|
child: child!,
|
|
);
|
|
},
|
|
child: FocusScope(
|
|
child: InfoPage(
|
|
collection: collection,
|
|
entryNotifier: widget.entryNotifier,
|
|
isScrollingNotifier: _isVerticallyScrollingNotifier,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
pages.add(infoPage);
|
|
}
|
|
|
|
return ValueListenableBuilder<double>(
|
|
valueListenable: _backgroundOpacityNotifier,
|
|
builder: (context, backgroundOpacity, child) {
|
|
return ValueListenableBuilder<double>(
|
|
valueListenable: widget.overlayOpacity,
|
|
builder: (context, overlayOpacity, child) {
|
|
final background = Theme.of(context).brightness == Brightness.dark ? Colors.black : Color.lerp(Colors.black, Colors.white, overlayOpacity)!;
|
|
return Container(
|
|
color: background.withOpacity(backgroundOpacity),
|
|
child: child,
|
|
);
|
|
},
|
|
child: child,
|
|
);
|
|
},
|
|
child: PageView(
|
|
// key is expected by test driver
|
|
key: const Key('vertical-pageview'),
|
|
scrollDirection: Axis.vertical,
|
|
controller: widget.verticalPager,
|
|
physics: MagnifierScrollerPhysics(
|
|
gestureSettings: context.select<MediaQueryData, DeviceGestureSettings>((mq) => mq.gestureSettings),
|
|
parent: const PageScrollPhysics(),
|
|
),
|
|
onPageChanged: widget.onVerticalPageChanged,
|
|
children: pages,
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildImagePage() {
|
|
final useTvLayout = settings.useTvLayout;
|
|
|
|
// cf https://developer.android.com/training/tv/start/controllers#media-events
|
|
Map<ShortcutActivator, Intent>? shortcuts = {
|
|
const SingleActivator(LogicalKeyboardKey.arrowUp): useTvLayout ? const TvShowLessInfoIntent() : const _LeaveIntent(),
|
|
const SingleActivator(LogicalKeyboardKey.arrowDown): useTvLayout ? const _TvShowMoreInfoIntent() : const _ShowInfoIntent(),
|
|
// KEYCODE_MEDIA_PLAY_PAUSE / 85 / play/pause
|
|
const SingleActivator(LogicalKeyboardKey.mediaPlayPause): const _PlayPauseIntent.toggle(),
|
|
// KEYCODE_MEDIA_STOP / 86 / stop
|
|
const SingleActivator(LogicalKeyboardKey.mediaStop): const _PlayPauseIntent.pause(),
|
|
// KEYCODE_MEDIA_NEXT / 87 / skip to next
|
|
const SingleActivator(LogicalKeyboardKey.mediaTrackNext): const _ShowNextIntent(),
|
|
// KEYCODE_MEDIA_PREVIOUS / 88 / skip to previous
|
|
const SingleActivator(LogicalKeyboardKey.mediaTrackPrevious): const _ShowPreviousIntent(),
|
|
// KEYCODE_MEDIA_PLAY / 126 / play
|
|
const SingleActivator(LogicalKeyboardKey.mediaPlay): const _PlayPauseIntent.play(),
|
|
// KEYCODE_MEDIA_PAUSE / 127 / pause
|
|
const SingleActivator(LogicalKeyboardKey.mediaPause): const _PlayPauseIntent.pause(),
|
|
// KEYCODE_BUTTON_L1 / 102 / skip to previous
|
|
const SingleActivator(LogicalKeyboardKey.gameButtonLeft1): const _ShowPreviousIntent(),
|
|
// KEYCODE_BUTTON_R1 / 103 / skip to next
|
|
const SingleActivator(LogicalKeyboardKey.gameButtonRight1): const _ShowNextIntent(),
|
|
// KEYCODE_BUTTON_START / 108 / pause
|
|
const SingleActivator(LogicalKeyboardKey.gameButtonStart): const _PlayPauseIntent.pause(),
|
|
// KEYCODE_BUTTON_SELECT / 109 / play/pause
|
|
const SingleActivator(LogicalKeyboardKey.gameButtonSelect): const _PlayPauseIntent.toggle(),
|
|
};
|
|
|
|
Widget? child;
|
|
if (hasCollection) {
|
|
shortcuts.addAll(const {
|
|
SingleActivator(LogicalKeyboardKey.arrowLeft): _ShowPreviousIntent(),
|
|
SingleActivator(LogicalKeyboardKey.arrowRight): _ShowNextIntent(),
|
|
});
|
|
child = MultiEntryScroller(
|
|
collection: collection!,
|
|
viewerController: widget.viewerController,
|
|
pageController: widget.horizontalPager,
|
|
onPageChanged: widget.onHorizontalPageChanged,
|
|
onViewDisposed: widget.onViewDisposed,
|
|
);
|
|
} else if (entry != null) {
|
|
child = SingleEntryScroller(
|
|
viewerController: widget.viewerController,
|
|
entry: entry!,
|
|
);
|
|
}
|
|
if (child != null) {
|
|
if (settings.useTvLayout) {
|
|
child = ValueListenableBuilder<bool>(
|
|
valueListenable: _isImageFocusedNotifier,
|
|
builder: (context, isImageFocused, child) {
|
|
return AnimatedScale(
|
|
scale: isImageFocused ? 1 : .6,
|
|
curve: Curves.fastOutSlowIn,
|
|
duration: context.select<DurationsData, Duration>((v) => v.tvImageFocusAnimation),
|
|
child: child!,
|
|
);
|
|
},
|
|
child: child,
|
|
);
|
|
}
|
|
|
|
return FocusableActionDetector(
|
|
autofocus: true,
|
|
shortcuts: shortcuts,
|
|
actions: {
|
|
_ShowPreviousIntent: CallbackAction<Intent>(onInvoke: (intent) => _goToHorizontalPage(-1, animate: false)),
|
|
_ShowNextIntent: CallbackAction<Intent>(onInvoke: (intent) => _goToHorizontalPage(1, animate: false)),
|
|
_LeaveIntent: CallbackAction<Intent>(onInvoke: (intent) => Navigator.maybeOf(context)?.pop()),
|
|
_ShowInfoIntent: CallbackAction<Intent>(onInvoke: (intent) => ShowInfoPageNotification().dispatch(context)),
|
|
TvShowLessInfoIntent: CallbackAction<Intent>(onInvoke: (intent) => TvShowLessInfoNotification().dispatch(context)),
|
|
_TvShowMoreInfoIntent: CallbackAction<Intent>(onInvoke: (intent) => TvShowMoreInfoNotification().dispatch(context)),
|
|
_PlayPauseIntent: CallbackAction<_PlayPauseIntent>(onInvoke: (intent) => _onPlayPauseIntent(intent, entry)),
|
|
ActivateIntent: CallbackAction<Intent>(onInvoke: (intent) {
|
|
if (useTvLayout) {
|
|
final _entry = entry;
|
|
if (_entry != null && _entry.isVideo) {
|
|
// address `TV-PC` requirement from https://developer.android.com/docs/quality-guidelines/tv-app-quality
|
|
final controller = context.read<VideoConductor>().getController(_entry);
|
|
if (controller != null) {
|
|
VideoActionNotification(controller: controller, action: EntryAction.videoTogglePlay).dispatch(context);
|
|
}
|
|
} else {
|
|
const ToggleOverlayNotification().dispatch(context);
|
|
}
|
|
}
|
|
return null;
|
|
}),
|
|
},
|
|
onFocusChange: (focused) => _isImageFocusedNotifier.value = focused,
|
|
child: child,
|
|
);
|
|
}
|
|
return const SizedBox();
|
|
}
|
|
|
|
void _goToHorizontalPage(int delta, {required bool animate}) {
|
|
final pageController = widget.horizontalPager;
|
|
final page = pageController.page?.round();
|
|
final _collection = collection;
|
|
if (page != null && _collection != null) {
|
|
var target = page + delta;
|
|
if (!widget.viewerController.repeat) {
|
|
target = target.clamp(0, _collection.entryCount - 1);
|
|
}
|
|
if (animate) {
|
|
pageController.animateToPage(
|
|
target,
|
|
duration: Durations.viewerHorizontalPageAnimation,
|
|
curve: Curves.easeInOutCubic,
|
|
);
|
|
} else {
|
|
pageController.jumpToPage(target);
|
|
}
|
|
}
|
|
}
|
|
|
|
void _onVerticalPageControllerChanged() {
|
|
final page = widget.verticalPager.page!;
|
|
|
|
final opacity = min(1.0, page);
|
|
_backgroundOpacityNotifier.value = opacity * opacity;
|
|
|
|
if (settings.viewerMaxBrightness) {
|
|
_systemBrightness?.then((system) {
|
|
final value = lerpDouble(maximumBrightness, system, ((1 - page).abs() * 2).clamp(0, 1))!;
|
|
ScreenBrightness().setScreenBrightness(value);
|
|
});
|
|
}
|
|
|
|
_isVerticallyScrollingNotifier.value = true;
|
|
_stopScrollMonitoringTimer();
|
|
_verticalScrollMonitoringTimer = Timer(Durations.infoScrollMonitoringTimerDelay, () {
|
|
_isVerticallyScrollingNotifier.value = false;
|
|
});
|
|
}
|
|
|
|
void _stopScrollMonitoringTimer() {
|
|
_verticalScrollMonitoringTimer?.cancel();
|
|
}
|
|
|
|
// when the entry changed (e.g. by scrolling through the PageView, or if the entry got deleted)
|
|
Future<void> _onEntryChanged() async {
|
|
_oldEntry?.visualChangeNotifier.removeListener(_onVisualChanged);
|
|
_oldEntry = entry;
|
|
|
|
final _entry = entry;
|
|
if (_entry != null) {
|
|
_entry.visualChangeNotifier.addListener(_onVisualChanged);
|
|
// make sure to locate the entry,
|
|
// so that we can display the address instead of coordinates
|
|
// even when initial collection locating has not reached this entry yet
|
|
await _entry.catalog(background: false, force: false, persist: true);
|
|
await _entry.locate(background: false, force: false, geocoderLocale: settings.appliedLocale);
|
|
} else {
|
|
Navigator.maybeOf(context)?.pop();
|
|
}
|
|
|
|
// needed to refresh when entry changes but the page does not (e.g. on page deletion)
|
|
if (mounted) {
|
|
setState(() {});
|
|
}
|
|
}
|
|
|
|
// when the entry image itself changed (e.g. after rotation)
|
|
void _onVisualChanged() async {
|
|
// rebuild to refresh the Image inside ImagePage
|
|
if (mounted) {
|
|
setState(() {});
|
|
}
|
|
}
|
|
|
|
void _onPlayPauseIntent(_PlayPauseIntent intent, entry) {
|
|
// address `TV-PP` requirement from https://developer.android.com/docs/quality-guidelines/tv-app-quality
|
|
final _entry = entry;
|
|
if (_entry != null && _entry.isVideo) {
|
|
final controller = context.read<VideoConductor>().getController(_entry);
|
|
if (controller != null) {
|
|
bool toggle;
|
|
switch (intent.type) {
|
|
case _TvPlayPauseType.play:
|
|
toggle = !controller.isPlaying;
|
|
break;
|
|
case _TvPlayPauseType.pause:
|
|
toggle = controller.isPlaying;
|
|
break;
|
|
case _TvPlayPauseType.toggle:
|
|
toggle = true;
|
|
break;
|
|
}
|
|
if (toggle) {
|
|
VideoActionNotification(controller: controller, action: EntryAction.videoTogglePlay).dispatch(context);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// keyboard shortcut intents
|
|
|
|
class _ShowPreviousIntent extends Intent {
|
|
const _ShowPreviousIntent();
|
|
}
|
|
|
|
class _ShowNextIntent extends Intent {
|
|
const _ShowNextIntent();
|
|
}
|
|
|
|
class _LeaveIntent extends Intent {
|
|
const _LeaveIntent();
|
|
}
|
|
|
|
class _ShowInfoIntent extends Intent {
|
|
const _ShowInfoIntent();
|
|
}
|
|
|
|
class TvShowLessInfoIntent extends Intent {
|
|
const TvShowLessInfoIntent();
|
|
}
|
|
|
|
class _TvShowMoreInfoIntent extends Intent {
|
|
const _TvShowMoreInfoIntent();
|
|
}
|
|
|
|
class _PlayPauseIntent extends Intent {
|
|
const _PlayPauseIntent({
|
|
required this.type,
|
|
});
|
|
|
|
const _PlayPauseIntent.play() : type = _TvPlayPauseType.play;
|
|
|
|
const _PlayPauseIntent.pause() : type = _TvPlayPauseType.pause;
|
|
|
|
const _PlayPauseIntent.toggle() : type = _TvPlayPauseType.toggle;
|
|
|
|
final _TvPlayPauseType type;
|
|
}
|
|
|
|
enum _TvPlayPauseType {
|
|
play,
|
|
pause,
|
|
toggle,
|
|
}
|