界面优化

2026-07-11 02:12:23 +08:00
parent 2e6e283218
commit 7e2a0bc106
13 changed files with 1045 additions and 388 deletions
--- a/lib/widgets/movie_category_bar.dart
+++ b/lib/widgets/movie_category_bar.dart
@@ -0,0 +1,109 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../providers/app_provider.dart';
+
+/// 影视分类选择栏 - 可横向滚动，带动画指示器
+class MovieCategoryBar extends StatelessWidget {
+  const MovieCategoryBar({super.key});
+
+  static const _categories = [
+    ('电影', 'movie'),
+    ('电视剧', 'tv'),
+    ('动漫', 'anime'),
+    ('综艺', 'variety'),
+    ('纪录片', 'documentary'),
+    ('微短剧', 'short'),
+    ('其他', 'other'),
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    final colors = Theme.of(context).colorScheme;
+    return Consumer<AppProvider>(
+      builder: (context, provider, child) {
+        final currentIndex = provider.movieCategoryIndex;
+        return Container(
+          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+          decoration: BoxDecoration(color: colors.surface),
+          child: Container(
+            padding: const EdgeInsets.all(4),
+            decoration: BoxDecoration(
+              color: colors.surfaceContainerHighest,
+              borderRadius: BorderRadius.circular(24),
+            ),
+            child: LayoutBuilder(
+              builder: (context, constraints) {
+                final count = _categories.length;
+                final tabWidth = constraints.maxWidth / count;
+                return SizedBox(
+                  height: 36,
+                  child: Stack(
+                    children: [
+                      AnimatedPositioned(
+                        duration: const Duration(milliseconds: 200),
+                        curve: Curves.easeInOut,
+                        left: currentIndex * tabWidth,
+                        top: 0, bottom: 0, width: tabWidth,
+                        child: Padding(
+                          padding: const EdgeInsets.all(3),
+                          child: Container(
+                            decoration: BoxDecoration(
+                              color: colors.primary,
+                              borderRadius: BorderRadius.circular(18),
+                              boxShadow: [
+                                BoxShadow(color: Colors.black.withValues(alpha: 0.1), blurRadius: 8, offset: const Offset(0, 2)),
+                              ],
+                            ),
+                          ),
+                        ),
+                      ),
+                      Row(
+                        children: List.generate(count, (i) {
+                          final isSelected = currentIndex == i;
+                          return Expanded(
+                            child: GestureDetector(
+                              behavior: HitTestBehavior.opaque,
+                              onTap: () => provider.setMovieCategoryIndex(i),
+                              child: AnimatedOpacity(
+                                opacity: isSelected ? 1.0 : 0.5,
+                                duration: const Duration(milliseconds: 200),
+                                curve: Curves.easeInOut,
+                                child: Center(
+                                  child: FittedBox(
+                                    child: Text(
+                                      _categories[i].$1,
+                                      style: TextStyle(
+                                        fontSize: 12,
+                                        fontWeight: isSelected ? FontWeight.w600 : FontWeight.w500,
+                                        color: isSelected ? colors.onPrimary : colors.onSurface,
+                                      ),
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ),
+                          );
+                        }),
+                      ),
+                    ],
+                  ),
+                );
+              },
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  /// 根据索引获取分类值
+  static String categoryValue(int index) =>
+      _categories[index.clamp(0, _categories.length - 1)].$2;
+
+  /// 根据索引获取分类标签
+  static String categoryLabel(int index) =>
+      _categories[index.clamp(0, _categories.length - 1)].$1;
+
+  /// 分类数量
+  static int get count => _categories.length;
+}