✨ Better EXIF overlay

2026-01-02 19:22:47 +08:00
parent 78c1a284a5
commit 7147ce1efa
5 changed files with 284 additions and 70 deletions
--- a/lib/widgets/content/exif_info_overlay.dart
+++ b/lib/widgets/content/exif_info_overlay.dart
@@ -0,0 +1,163 @@
+import 'package:flutter/material.dart';
+import 'package:island/models/file.dart';
+import 'package:material_symbols_icons/symbols.dart';
+
+class ExifInfoOverlay extends StatelessWidget {
+  final SnCloudFile item;
+
+  const ExifInfoOverlay({super.key, required this.item});
+
+  static bool precheck(SnCloudFile item) {
+    final exifData = item.fileMeta?['exif'] as Map<String, dynamic>? ?? {};
+
+    if (exifData.isEmpty) return false;
+
+    final dateTime = exifData['ifd0-DateTime'];
+    final model = exifData['ifd0-Model'];
+    final iso = exifData['ifd2-ISOSpeedRatings'];
+    final fnumber = exifData['ifd2-FNumber'];
+    final exposureTime = exifData['ifd2-ExposureTime'];
+    final focalLength = exifData['ifd2-FocalLength'];
+
+    return (dateTime != null && dateTime.isNotEmpty) ||
+        (model != null && model.isNotEmpty) ||
+        iso != null ||
+        fnumber != null ||
+        exposureTime != null ||
+        focalLength != null;
+  }
+
+  bool _isPreferredValue(String key, String value) {
+    if ([
+      'ExposureTime',
+      'FNumber',
+      'FocalLength',
+      'ApertureValue',
+      'DateTime',
+    ].contains(key)) {
+      return true;
+    }
+
+    return false;
+  }
+
+  String _formatExifValue(String key, String value) {
+    final lastOpen = value.lastIndexOf('(');
+    final lastClose = value.endsWith(')') ? value.length - 1 : -1;
+
+    if (lastOpen == -1 || lastClose == -1 || lastOpen > lastClose) {
+      return value;
+    }
+
+    final inside = value.substring(lastOpen + 1, lastClose);
+    final commaIndex = inside.indexOf(',');
+
+    if (commaIndex != -1) {
+      final candidate = inside.substring(0, commaIndex).trim();
+
+      if (_isPreferredValue(key, candidate)) {
+        return candidate;
+      }
+    }
+
+    if (lastOpen == -1) {
+      return value;
+    }
+
+    return value.substring(0, lastOpen).trimRight();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final exifData = item.fileMeta?['exif'] as Map<String, dynamic>? ?? {};
+
+    if (exifData.isEmpty) return const SizedBox.shrink();
+
+    final dateTime = exifData['ifd0-DateTime'];
+    final model = exifData['ifd0-Model'];
+    final iso = exifData['ifd2-ISOSpeedRatings'];
+    final fnumber = exifData['ifd2-FNumber'];
+    final exposureTime = exifData['ifd2-ExposureTime'];
+    final focalLength = exifData['ifd2-FocalLength'];
+
+    final items = <Widget>[];
+
+    if (dateTime != null && dateTime.isNotEmpty) {
+      items.add(_buildExifItem('DateTime', dateTime, Symbols.calendar_check));
+    }
+    if (model != null && model.isNotEmpty) {
+      items.add(_buildExifItem('Model', model, Symbols.camera_alt));
+    }
+    if (iso != null) {
+      items.add(_buildExifItem('ISO', iso, Icons.iso));
+    }
+    if (fnumber != null) {
+      items.add(_buildExifItem('FNumber', fnumber, Symbols.camera_enhance));
+    }
+    if (exposureTime != null) {
+      items.add(
+        _buildExifItem('ExposureTime', exposureTime, Icons.shutter_speed),
+      );
+    }
+    if (focalLength != null) {
+      items.add(
+        _buildExifItem(
+          'FocalLength',
+          focalLength,
+          Symbols.photo_size_select_large,
+        ),
+      );
+    }
+
+    if (items.isEmpty) return const SizedBox.shrink();
+
+    return Material(
+      color: Colors.transparent,
+      child: Container(
+        margin: const EdgeInsets.only(bottom: 16),
+        child: Wrap(
+          alignment: WrapAlignment.start,
+          children: items
+              .map(
+                (item) => Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: 8),
+                  child: item,
+                ),
+              )
+              .toList(),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildExifItem(String key, String value, IconData icon) {
+    final formattedValue = _formatExifValue(key, value);
+    final shadow = [
+      Shadow(
+        color: Colors.black54,
+        blurRadius: 5.0,
+        offset: const Offset(1.0, 1.0),
+      ),
+    ];
+
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Icon(icon, size: 16, color: Colors.white70, shadows: shadow),
+        const SizedBox(width: 6),
+        Flexible(
+          child: Text(
+            formattedValue,
+            overflow: TextOverflow.ellipsis,
+            style: TextStyle(
+              color: Colors.white,
+              fontSize: 12,
+              fontWeight: FontWeight.w500,
+              shadows: shadow,
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}