520kiss/wushu
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

深色模式、首页设置页面和功能优化

Browse Source
This commit is contained in:
Developer
2026-04-02 07:06:55 +08:00
parent f0a62ed68b
commit 954d173329
88 changed files with 12157 additions and 7578 deletions
Download Patch File Download Diff File Expand all files Collapse all files

235
lib/views/active/category_page.dart
View File

@@ -1,156 +1,95 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../../constants/app_constants.dart';
import 'tags/corr_page.dart';
import '../../services/get/category_controller.dart';
import '../../services/get/theme_controller.dart';
/// 时间: 2026-04-01
/// 功能: 分类页面
/// 介绍: 展示诗词分类，包括场景分类和朝代分类
/// 最新变化: 重新设计iOS风格布局，减少间距，加大字体，显示分类数量
/// 最新变化: 2026-04-02 支持深色模式
class CategoryPage extends StatefulWidget {
class CategoryPage extends StatelessWidget {
const CategoryPage({super.key});
@override
State<CategoryPage> createState() => _CategoryPageState();
}
class _CategoryPageState extends State<CategoryPage>
with SingleTickerProviderStateMixin {
late TabController _tabController;
final List<Map<String, dynamic>> _tabCategories = [
{'label': '场景分类', 'icon': Icons.category},
{'label': '朝代分类', 'icon': Icons.history},
];
static const sceneData = {
"节日": ["七夕节", "中秋节", "元宵节", "寒食节", "清明节", "端午节", "重阳节", "春节", "节日"],
"季节": ["三月", "二月", "冬天", "夏天", "春天", "春季", "秋天"],
"古籍": [
"三国志",
"三国演义",
"三字经",
"中庸",
"列子",
"史记",
"后汉书",
"吕氏春秋",
"商君书",
"围炉夜话",
"增广贤文",
"墨子",
"孙子兵法",
"孟子",
"小窗幽记",
"尚书",
"左传",
"幼学琼林",
"庄子",
"战国策",
"文心雕龙",
"易传",
"晋书",
"汉书",
"淮南子",
"礼记",
"管子",
"红楼梦",
"老子",
"荀子",
"菜根谭",
"警世通言",
"论语",
"资治通鉴",
"韩非子",
"鬼谷子",
"古籍",
"格言联璧",
],
"情感": ["伤感", "励志", "友情", "思乡", "思念", "感恩", "爱国", "爱情", "离别"],
"景物": ["庐山", "泰山", "西湖", "长江", "黄河", "边塞", "田园", "山水", "夜景"],
"天文气象": ["写云", "写雨", "写雪", "写风", "星星", "月亮", "流星"],
"动植物": ["写鸟", "柳树", "桃花", "梅花", "竹子", "荷花", "菊花"],
"语言文学": ["对联", "谚语", "一言", "读书", "哲理"],
"其他": ["母亲", "老师", "户外", "礼物", "酒"],
};
static const dynastyData = {
"主要朝代": ["唐代", "宋代", "元代", "明代", "清代"],
"古代朝代": ["南北朝", "五代", "隋代"],
"近现代": ["近现代", "用户投稿", "管理员测试"],
"其他": ["暂无朝代"],
};
@override
void initState() {
super.initState();
_tabController = TabController(length: _tabCategories.length, vsync: this);
}
@override
void dispose() {
_tabController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Column(
children: [
// Tab栏
Container(
color: Colors.white,
padding: const EdgeInsets.symmetric(horizontal: 16),
child: TabBar(
controller: _tabController,
tabs: _tabCategories
.map(
(category) => Tab(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(category['icon'], size: 18),
const SizedBox(width: 6),
Text(category['label']),
],
final controller = Get.put(CategoryController());
final themeController = Get.find<ThemeController>();
return Obx(() {
final isDark = themeController.isDarkModeRx.value;
return Column(
children: [
Container(
color: isDark ? Colors.grey[900] : Colors.white,
padding: const EdgeInsets.symmetric(horizontal: 16),
child: TabBar(
controller: controller.tabController,
tabs: controller.tabCategories
.map(
(category) => Tab(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(category['icon'] as IconData, size: 18),
const SizedBox(width: 6),
Text(category['label'] as String),
],
),
),
)
.toList(),
labelColor: AppConstants.primaryColor,
unselectedLabelColor: isDark
? Colors.grey[400]
: Colors.grey[600],
indicatorColor: AppConstants.primaryColor,
indicatorWeight: 3,
labelStyle: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 16,
),
unselectedLabelStyle: const TextStyle(
fontWeight: FontWeight.normal,
fontSize: 16,
),
),
),
Container(
height: 0.5,
color: isDark ? Colors.grey[800] : const Color(0xFFE5E5EA),
),
Expanded(
child: Container(
color: isDark ? const Color(0xFF121212) : const Color(0xFFF2F2F7),
child: TabBarView(
controller: controller.tabController,
children: [
_buildCategoryList(
controller.sceneData,
controller.tabCategories[0]['label'] as String,
isDark,
),
)
.toList(),
labelColor: AppConstants.primaryColor,
unselectedLabelColor: Colors.grey[600],
indicatorColor: AppConstants.primaryColor,
indicatorWeight: 3,
labelStyle: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 16,
),
unselectedLabelStyle: const TextStyle(
fontWeight: FontWeight.normal,
fontSize: 16,
_buildCategoryList(
controller.dynastyData,
controller.tabCategories[1]['label'] as String,
isDark,
),
],
),
),
),
),
Container(height: 0.5, color: const Color(0xFFE5E5EA)),
// 内容区域
Expanded(
child: Container(
color: const Color(0xFFF2F2F7),
child: TabBarView(
controller: _tabController,
children: [
_buildCategoryList(sceneData, _tabCategories[0]['label']),
_buildCategoryList(dynastyData, _tabCategories[1]['label']),
],
),
),
),
],
);
],
);
});
}
Widget _buildCategoryList(
Map<String, List<String>> data,
String categoryType,
bool isDark,
) {
return ListView.separated(
padding: const EdgeInsets.symmetric(vertical: 8),
@@ -163,11 +102,11 @@ class _CategoryPageState extends State<CategoryPage>
return Container(
margin: const EdgeInsets.symmetric(horizontal: 16),
decoration: BoxDecoration(
color: Colors.white,
color: isDark ? Colors.grey[850] : Colors.white,
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.black.withValues(alpha: 0.04),
color: Colors.black.withAlpha(isDark ? 0 : 10),
blurRadius: 8,
offset: const Offset(0, 2),
),
@@ -186,10 +125,10 @@ class _CategoryPageState extends State<CategoryPage>
Expanded(
child: Text(
category,
style: const TextStyle(
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
color: Colors.black,
color: isDark ? Colors.white : Colors.black,
),
),
),
@@ -199,9 +138,7 @@ class _CategoryPageState extends State<CategoryPage>
vertical: 4,
),
decoration: BoxDecoration(
color: AppConstants.primaryColor.withValues(
alpha: 0.1,
),
color: AppConstants.primaryColor.withAlpha(26),
borderRadius: BorderRadius.circular(12),
),
child: Text(
@@ -220,7 +157,7 @@ class _CategoryPageState extends State<CategoryPage>
spacing: 10,
runSpacing: 10,
children: items.map((item) {
return _buildCategoryChip(item, categoryType);
return _buildCategoryChip(item, categoryType, isDark);
}).toList(),
),
],
@@ -232,24 +169,20 @@ class _CategoryPageState extends State<CategoryPage>
);
}
Widget _buildCategoryChip(String label, String categoryType) {
Widget _buildCategoryChip(String label, String categoryType, bool isDark) {
final controller = Get.find<CategoryController>();
return GestureDetector(
onTap: () {
final searchType = categoryType == '朝代分类' ? 'alias' : 'keywords';
Navigator.push(
context,
MaterialPageRoute(
builder: (_) => CorrPage(label: label, searchType: searchType),
),
);
controller.navigateToCategoryDetail(label, categoryType);
},
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
decoration: BoxDecoration(
color: AppConstants.primaryColor.withValues(alpha: 0.1),
color: AppConstants.primaryColor.withAlpha(26),
borderRadius: BorderRadius.circular(20),
border: Border.all(
color: AppConstants.primaryColor.withValues(alpha: 0.3),
color: AppConstants.primaryColor.withAlpha(77),
width: 1,
),
),