水印相机前端

2026-09-28 09:59:43 +08:00
parent 187a7e0911
commit c5b3d81d07
19 changed files with 2761 additions and 3 deletions
@@ -0,0 +1,179 @@
+import 'package:flutter/material.dart';
+
+import '../../../models/watermark.dart';
+
+/// 编辑这一张照片的水印内容（地址 / 天气 / 温度 / 备注）
+///
+/// 返回 null 表示用户取消了。时间不在这里改 —— 它总是「现在」，
+/// 让用户手改反而容易把水印弄成假的时间。
+Future<WatermarkData?> showWatermarkContentSheet(
+  BuildContext context, {
+  required WatermarkData initial,
+}) {
+  return showModalBottomSheet<WatermarkData>(
+    context: context,
+    backgroundColor: Colors.white,
+    isScrollControlled: true,
+    shape: const RoundedRectangleBorder(
+      borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
+    ),
+    builder: (_) => _WatermarkContentSheet(initial: initial),
+  );
+}
+
+class _WatermarkContentSheet extends StatefulWidget {
+  const _WatermarkContentSheet({required this.initial});
+
+  final WatermarkData initial;
+
+  @override
+  State<_WatermarkContentSheet> createState() => _WatermarkContentSheetState();
+}
+
+class _WatermarkContentSheetState extends State<_WatermarkContentSheet> {
+  late final TextEditingController _address;
+  late final TextEditingController _weather;
+  late final TextEditingController _temperature;
+  late final TextEditingController _remark;
+
+  @override
+  void initState() {
+    super.initState();
+    _address = TextEditingController(text: widget.initial.address);
+    _weather = TextEditingController(text: widget.initial.weather);
+    _temperature = TextEditingController(text: widget.initial.temperature);
+    _remark = TextEditingController(text: widget.initial.remark);
+  }
+
+  @override
+  void dispose() {
+    _address.dispose();
+    _weather.dispose();
+    _temperature.dispose();
+    _remark.dispose();
+    super.dispose();
+  }
+
+  void _submit() {
+    Navigator.of(context).pop(
+      widget.initial.copyWith(
+        address: _address.text.trim(),
+        weather: _weather.text.trim(),
+        temperature: _temperature.text.trim(),
+        remark: _remark.text.trim(),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      // 键盘弹出时把内容顶上去，否则输入框会被挡住
+      padding: EdgeInsets.only(bottom: MediaQuery.viewInsetsOf(context).bottom),
+      child: SafeArea(
+        child: SingleChildScrollView(
+          padding: const EdgeInsets.fromLTRB(20, 16, 20, 20),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              const Center(
+                child: Text(
+                  '编辑水印内容',
+                  style: TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.w600,
+                    color: Color(0xFF5D4037),
+                  ),
+                ),
+              ),
+              const SizedBox(height: 18),
+
+              _field(label: '地址', controller: _address, hint: '自动定位，也可手改'),
+              _field(label: '天气', controller: _weather, hint: '如：晴'),
+              _field(label: '温度', controller: _temperature, hint: '如：25℃'),
+              _field(label: '备注', controller: _remark, hint: '想写点什么'),
+
+              const SizedBox(height: 20),
+              Row(
+                children: [
+                  Expanded(
+                    child: SizedBox(
+                      height: 46,
+                      child: OutlinedButton(
+                        onPressed: () => Navigator.of(context).pop(),
+                        style: OutlinedButton.styleFrom(
+                          foregroundColor: const Color(0xFFC8956E),
+                          side: const BorderSide(color: Color(0xFFC8956E)),
+                          shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(23),
+                          ),
+                        ),
+                        child: const Text('取消'),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(width: 12),
+                  Expanded(
+                    child: SizedBox(
+                      height: 46,
+                      child: FilledButton(
+                        onPressed: _submit,
+                        style: FilledButton.styleFrom(
+                          backgroundColor: const Color(0xFFC8956E),
+                          foregroundColor: Colors.white,
+                          shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(23),
+                          ),
+                        ),
+                        child: const Text('确定'),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _field({
+    required String label,
+    required TextEditingController controller,
+    required String hint,
+  }) {
+    return Padding(
+      padding: const EdgeInsets.only(bottom: 14),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            label,
+            style: const TextStyle(fontSize: 13, color: Color(0xFF8D6E63)),
+          ),
+          const SizedBox(height: 6),
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 14),
+            decoration: BoxDecoration(
+              color: const Color(0xFFF7F4F1),
+              borderRadius: BorderRadius.circular(10),
+            ),
+            child: TextField(
+              controller: controller,
+              style: const TextStyle(fontSize: 14, color: Color(0xFF5D4037)),
+              decoration: InputDecoration(
+                border: InputBorder.none,
+                isDense: true,
+                contentPadding: const EdgeInsets.symmetric(vertical: 13),
+                hintText: hint,
+                hintStyle: const TextStyle(fontSize: 14, color: Color(0xFFD7CCC8)),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}