mirror of
https://github.com/vodemn/m3_lightmeter.git
synced 2024-10-18 22:30:39 +00:00
0a45a2719b
transparent status bar on Android unified metering screen dialogs
188 lines
7.1 KiB
Dart
188 lines
7.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:lightmeter/generated/l10n.dart';
|
|
import 'package:lightmeter/models/exposure_pair.dart';
|
|
import 'package:lightmeter/models/iso_value.dart';
|
|
import 'package:lightmeter/models/nd_value.dart';
|
|
import 'package:lightmeter/models/photography_value.dart';
|
|
import 'package:lightmeter/res/dimens.dart';
|
|
|
|
import 'components/shared/animated_dialog.dart';
|
|
import 'components/dialog_picker.dart';
|
|
import 'components/reading_container.dart';
|
|
import 'models/reading_value.dart';
|
|
|
|
class MeteringTopBar extends StatelessWidget {
|
|
static const _columnsCount = 3;
|
|
final _isoDialogKey = GlobalKey<AnimatedDialogState>();
|
|
final _ndDialogKey = GlobalKey<AnimatedDialogState>();
|
|
|
|
final ExposurePair? fastest;
|
|
final ExposurePair? slowest;
|
|
final double ev;
|
|
final IsoValue iso;
|
|
final NdValue nd;
|
|
final ValueChanged<IsoValue> onIsoChanged;
|
|
final ValueChanged<NdValue> onNdChanged;
|
|
|
|
MeteringTopBar({
|
|
required this.fastest,
|
|
required this.slowest,
|
|
required this.ev,
|
|
required this.iso,
|
|
required this.nd,
|
|
required this.onIsoChanged,
|
|
required this.onNdChanged,
|
|
super.key,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final columnWidth =
|
|
(MediaQuery.of(context).size.width - Dimens.paddingM * 2 - Dimens.grid16 * (_columnsCount - 1)) / 3;
|
|
return ClipRRect(
|
|
borderRadius: const BorderRadius.only(
|
|
bottomLeft: Radius.circular(Dimens.borderRadiusL),
|
|
bottomRight: Radius.circular(Dimens.borderRadiusL),
|
|
),
|
|
child: ColoredBox(
|
|
color: Theme.of(context).colorScheme.surface,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(Dimens.paddingM),
|
|
child: SafeArea(
|
|
bottom: false,
|
|
child: MediaQuery(
|
|
data: MediaQuery.of(context),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
SizedBox(
|
|
height: columnWidth / 3 * 4,
|
|
child: ReadingContainer(
|
|
values: [
|
|
ReadingValue(
|
|
label: S.of(context).fastestExposurePair,
|
|
value: fastest != null
|
|
? '${fastest!.aperture.toString()} - ${fastest!.shutterSpeed.toString()}'
|
|
: 'N/A',
|
|
),
|
|
ReadingValue(
|
|
label: S.of(context).slowestExposurePair,
|
|
value: fastest != null
|
|
? '${slowest!.aperture.toString()} - ${slowest!.shutterSpeed.toString()}'
|
|
: 'N/A',
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const _InnerPadding(),
|
|
Row(
|
|
children: [
|
|
SizedBox(
|
|
width: columnWidth,
|
|
child: ReadingContainer.singleValue(
|
|
value: ReadingValue(
|
|
label: 'EV',
|
|
value: ev.toStringAsFixed(1),
|
|
),
|
|
),
|
|
),
|
|
const _InnerPadding(),
|
|
SizedBox(
|
|
width: columnWidth,
|
|
child: _AnimatedDialogPicker(
|
|
key: _isoDialogKey,
|
|
title: S.of(context).iso,
|
|
selectedValue: iso,
|
|
values: isoValues,
|
|
itemTitleBuilder: (context, value) => Text(
|
|
value.value.toString(),
|
|
style: value.stopType == StopType.full
|
|
? null // use default
|
|
: Theme.of(context).textTheme.bodySmall,
|
|
),
|
|
onChanged: onIsoChanged,
|
|
),
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
const _InnerPadding(),
|
|
SizedBox(
|
|
width: columnWidth,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
AnimatedDialog(
|
|
openedSize: Size(
|
|
MediaQuery.of(context).size.width - Dimens.paddingM * 2,
|
|
(MediaQuery.of(context).size.width - Dimens.paddingM * 2) / 3 * 4,
|
|
),
|
|
child: const AspectRatio(
|
|
aspectRatio: 3 / 4,
|
|
child: ColoredBox(color: Colors.black),
|
|
),
|
|
),
|
|
const _InnerPadding(),
|
|
_AnimatedDialogPicker(
|
|
key: _ndDialogKey,
|
|
title: S.of(context).nd,
|
|
selectedValue: nd,
|
|
values: ndValues,
|
|
itemTitleBuilder: (context, value) => Text(
|
|
value.value == 0 ? S.of(context).none : value.value.toString(),
|
|
),
|
|
onChanged: onNdChanged,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _InnerPadding extends SizedBox {
|
|
const _InnerPadding() : super(height: Dimens.grid16, width: Dimens.grid16);
|
|
}
|
|
|
|
class _AnimatedDialogPicker<T extends PhotographyValue> extends AnimatedDialog {
|
|
_AnimatedDialogPicker({
|
|
required GlobalKey<AnimatedDialogState> key,
|
|
required String title,
|
|
required T selectedValue,
|
|
required List<T> values,
|
|
required Widget Function(BuildContext, T) itemTitleBuilder,
|
|
required ValueChanged<T> onChanged,
|
|
}) : super(
|
|
key: key,
|
|
closedChild: ReadingContainer.singleValue(
|
|
value: ReadingValue(
|
|
label: title,
|
|
value: selectedValue.value.toString(),
|
|
),
|
|
),
|
|
openedChild: MeteringScreenDialogPicker(
|
|
title: title,
|
|
initialValue: selectedValue,
|
|
values: values,
|
|
itemTitleBuilder: itemTitleBuilder,
|
|
onCancel: () {
|
|
key.currentState?.close();
|
|
},
|
|
onSelect: (value) {
|
|
key.currentState?.close().then((_) => onChanged(value));
|
|
},
|
|
),
|
|
);
|
|
}
|