feat(app): 剧场页九宫格与极简我的页

2026-10-20 05:28:51 +08:00
1 parent dc8ca7b743
commit 35338cbfc8
@@ -0,0 +1,134 @@
+// Author: fruit.com.cn
+
+import 'package:flutter/material.dart';
+
+import '../../../core/theme/app_colors.dart';
+import '../../../l10n/app_localizations.dart';
+
+/// 剧场页页头：品牌、搜索与个人页入口。
+class DiscoverHeader extends StatelessWidget {
+  const DiscoverHeader({
+    super.key,
+    required this.onSearch,
+    required this.onProfile,
+  });
+
+  final VoidCallback onSearch;
+  final VoidCallback onProfile;
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = AppLocalizations.of(context)!;
+    return SizedBox(
+      height: 46,
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 14),
+        child: Row(
+          children: [
+            _brand(l10n),
+            const Spacer(),
+            _HeaderIcon(
+              key: const Key('discover-search-button'),
+              icon: Icons.search_rounded,
+              tooltip: l10n.search,
+              onTap: onSearch,
+            ),
+            const SizedBox(width: 8),
+            _profile(l10n),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _brand(AppLocalizations l10n) {
+    return Row(
+      children: [
+        Container(
+          width: 24,
+          height: 24,
+          alignment: Alignment.center,
+          decoration: BoxDecoration(
+            color: AppColors.blue,
+            borderRadius: BorderRadius.circular(7),
+          ),
+          child: const Icon(
+            Icons.play_arrow_rounded,
+            color: AppColors.onPrimary,
+            size: 16,
+          ),
+        ),
+        const SizedBox(width: 8),
+        Text(
+          l10n.discoverTab,
+          style: const TextStyle(
+            fontFamily: 'Outfit',
+            color: AppColors.onSurface,
+            fontSize: 15,
+            fontWeight: FontWeight.w800,
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _profile(AppLocalizations l10n) {
+    return Semantics(
+      button: true,
+      label: l10n.myTab,
+      child: InkWell(
+        key: const Key('discover-profile'),
+        customBorder: const CircleBorder(),
+        onTap: onProfile,
+        child: Container(
+          width: 36,
+          height: 36,
+          decoration: const BoxDecoration(
+            shape: BoxShape.circle,
+            gradient: LinearGradient(
+              begin: Alignment.topLeft,
+              end: Alignment.bottomRight,
+              colors: [Color(0xFF6A5CFF), AppColors.blue],
+            ),
+          ),
+          child: const Icon(
+            Icons.person_rounded,
+            color: AppColors.onSurface,
+            size: 18,
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _HeaderIcon extends StatelessWidget {
+  const _HeaderIcon({
+    super.key,
+    required this.icon,
+    required this.tooltip,
+    required this.onTap,
+  });
+
+  final IconData icon;
+  final String tooltip;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: 36,
+      height: 36,
+      child: IconButton(
+        tooltip: tooltip,
+        onPressed: onTap,
+        padding: EdgeInsets.zero,
+        style: IconButton.styleFrom(
+          backgroundColor: const Color(0xFF2C2D33),
+          foregroundColor: AppColors.onSurface,
+        ),
+        icon: Icon(icon, size: 18),
+      ),
+    );
+  }
+}