show sliders values

lib/screens/metering/components/camera_container/components/camera_controls/components/exposure_offset_slider/widget_slider_exposure_offset.dart

@@ -1,39 +1,17 @@
 import 'package:flutter/material.dart';
-import 'package:lightmeter/generated/l10n.dart';
 import 'package:lightmeter/screens/shared/ruler_slider/widget_slider_ruler.dart';
 import 'package:lightmeter/utils/to_string_signed.dart';
 
-class ExposureOffsetSlider extends StatelessWidget {
+class ExposureOffsetSlider extends RulerSlider {
-  final RangeValues range;
+  ExposureOffsetSlider({
-  final double value;
+    required super.range,
-  final ValueChanged<double> onChanged;
+    required super.value,
-
+    required super.onChanged,
-  const ExposureOffsetSlider({
-    required this.range,
-    required this.value,
-    required this.onChanged,
     super.key,
-  });
+  }) : super(
-
+          icon: Icons.light_mode,
-  @override
+          defaultValue: 0,
-  Widget build(BuildContext context) {
+          rulerValueAdapter: (value) => value.toStringSignedAsFixed(0),
-    return Column(
+          valueAdapter: (value) => value.toStringSignedAsFixed(1),
-      children: [
+        );
-        IconButton(
-          icon: const Icon(Icons.sync),
-          onPressed: value != 0.0 ? () => onChanged(0.0) : null,
-          tooltip: S.of(context).tooltipResetToZero,
-        ),
-        Expanded(
-          child: RulerSlider(
-            icon: Icons.light_mode,
-            range: range,
-            value: value,
-            onChanged: onChanged,
-            rulerValueAdapter: (value) => value.toStringSignedAsFixed(0),
-          ),
-        ),
-      ],
-    );
-  }
 }

lib/screens/metering/components/camera_container/components/camera_controls/components/zoom_slider/widget_slider_zoom.dart

@@ -1,36 +1,16 @@
 import 'package:flutter/material.dart';
 import 'package:lightmeter/screens/shared/ruler_slider/widget_slider_ruler.dart';
 
-class ZoomSlider extends StatelessWidget {
+class ZoomSlider extends RulerSlider {
-  final RangeValues range;
+  ZoomSlider({
-  final double value;
+    required super.range,
-  final ValueChanged<double> onChanged;
+    required super.value,
-
+    required super.onChanged,
-  const ZoomSlider({
-    required this.range,
-    required this.value,
-    required this.onChanged,
     super.key,
-  });
+  }) : super(
-
+          icon: Icons.search,
-  @override
+          defaultValue: range.start,
-  Widget build(BuildContext context) {
+          rulerValueAdapter: (value) => value.toStringAsFixed(0),
-    return Column(
+          valueAdapter: (value) => 'x${value.toStringAsFixed(1)}',
-      children: [
+        );
-        const IconButton(
-          icon: Icon(Icons.lock_open),
-          onPressed: null,
-        ),
-        Expanded(
-          child: RulerSlider(
-            icon: Icons.search,
-            range: range,
-            value: value,
-            onChanged: onChanged,
-            rulerValueAdapter: (value) => '${value.toStringAsFixed(0)}x',
-          ),
-        ),
-      ],
-    );
-  }
 }

lib/screens/metering/components/camera_container/widget_container_camera.dart

@@ -159,9 +159,9 @@ class _CameraControlsBuilder extends StatelessWidget {
     return Padding(
       padding: const EdgeInsets.fromLTRB(
         Dimens.paddingL,
-        Dimens.paddingM,
-        0,
         Dimens.paddingL,
+        0,
+        Dimens.paddingM,
       ),
       child: BlocBuilder<CameraContainerBloc, CameraContainerState>(
         builder: (context, state) {

lib/screens/shared/ruler_slider/widget_slider_ruler.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:lightmeter/generated/l10n.dart';
 import 'package:lightmeter/res/dimens.dart';
 import 'package:lightmeter/screens/shared/centered_slider/widget_slider_centered.dart';
 
@@ -6,34 +7,55 @@ class RulerSlider extends StatelessWidget {
   final IconData icon;
   final RangeValues range;
   final double value;
+  final double defaultValue;
   final ValueChanged<double> onChanged;
   final String Function(double value) rulerValueAdapter;
+  final String Function(double value) valueAdapter;
 
   const RulerSlider({
     required this.icon,
     required this.range,
     required this.value,
+    required this.defaultValue,
     required this.onChanged,
     required this.rulerValueAdapter,
+    required this.valueAdapter,
     super.key,
   });
 
   @override
   Widget build(BuildContext context) {
-    return Row(
+    return Column(
       children: [
-        _Ruler(
+        Text(
-          range.start,
+          valueAdapter(value),
-          range.end,
+          style: Theme.of(context).textTheme.labelLarge,
-          rulerValueAdapter,
         ),
-        CenteredSlider(
+        const SizedBox(height: Dimens.grid8),
-          isVertical: true,
+        Expanded(
-          icon: Icon(icon),
+          child: Row(
-          value: value,
+            children: [
-          min: range.start,
+              _Ruler(
-          max: range.end,
+                range.start,
-          onChanged: onChanged,
+                range.end,
+                rulerValueAdapter,
+              ),
+              CenteredSlider(
+                isVertical: true,
+                icon: Icon(icon),
+                value: value,
+                min: range.start,
+                max: range.end,
+                onChanged: onChanged,
+              ),
+            ],
+          ),
+        ),
+        const SizedBox(height: Dimens.grid4),
+        IconButton(
+          icon: const Icon(Icons.sync),
+          onPressed: value != defaultValue ? () => onChanged(defaultValue) : null,
+          tooltip: S.of(context).tooltipResetToZero,
         ),
       ],
     );