dellevin/MookNote
1
0
Fork 0
generated from dellevin/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
DelLevin-Home
2026-03-07 14:58:26 +08:00
parent 874e21708a
commit dc513fb6f6
19 changed files with 2062 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
lib/widgets/book_status_bar.dart
View File

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/app_provider.dart';
/// 阅读状态选择栏 - 极简主义设计
/// 阅读状态选择栏 - 现代胶囊式设计
class BookStatusBar extends StatelessWidget {
const BookStatusBar({super.key});
@@ -11,39 +11,41 @@ class BookStatusBar extends StatelessWidget {
return Consumer<AppProvider>(
builder: (context, provider, child) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: const BoxDecoration(
color: Colors.white,
border: Border(
bottom: BorderSide(color: Color(0xFFE5E5E5), width: 0.5),
),
),
child: Row(
children: [
_buildStatusItem(
context,
'已读',
0,
provider.bookStatusIndex,
() => provider.setBookStatusIndex(0),
),
const SizedBox(width: 16),
_buildStatusItem(
context,
'在读',
1,
provider.bookStatusIndex,
() => provider.setBookStatusIndex(1),
),
const SizedBox(width: 16),
_buildStatusItem(
context,
'想读',
2,
provider.bookStatusIndex,
() => provider.setBookStatusIndex(2),
),
],
child: Container(
padding: const EdgeInsets.all(4),
decoration: BoxDecoration(
color: const Color(0xFFF5F5F5),
borderRadius: BorderRadius.circular(24),
),
child: Row(
children: [
_buildStatusItem(
label: '已读',
icon: Icons.check_circle_outline,
isSelected: provider.bookStatusIndex == 0,
onTap: () => provider.setBookStatusIndex(0),
),
_buildStatusItem(
label: '在读',
icon: Icons.menu_book_outlined,
isSelected: provider.bookStatusIndex == 1,
onTap: () => provider.setBookStatusIndex(1),
),
_buildStatusItem(
label: '想读',
icon: Icons.bookmark_outline,
isSelected: provider.bookStatusIndex == 2,
onTap: () => provider.setBookStatusIndex(2),
),
],
),
),
);
},
@@ -51,47 +53,50 @@ class BookStatusBar extends StatelessWidget {
}
/// 构建状态项
Widget _buildStatusItem(
BuildContext context,
String label,
int index,
int currentIndex,
VoidCallback onTap,
) {
final isSelected = index == currentIndex;
Color color;
switch (index) {
case 0:
color = const Color(0xFF1A1A1A);
break;
case 1:
color = const Color(0xFF666666);
break;
case 2:
color = const Color(0xFF999999);
break;
default:
color = const Color(0xFFCCCCCC);
}
Widget _buildStatusItem({
required String label,
required IconData icon,
required bool isSelected,
required VoidCallback onTap,
}) {
return Expanded(
child: InkWell(
child: GestureDetector(
onTap: onTap,
child: Container(
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
curve: Curves.easeInOut,
padding: const EdgeInsets.symmetric(vertical: 10),
decoration: BoxDecoration(
color: isSelected ? color : Colors.transparent,
border: Border.all(color: color),
color: isSelected ? const Color(0xFF1A1A1A) : Colors.transparent,
borderRadius: BorderRadius.circular(20),
boxShadow: isSelected
? [
BoxShadow(
color: Colors.black.withValues(alpha: 0.1),
blurRadius: 8,
offset: const Offset(0, 2),
),
]
: null,
),
child: Text(
label,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 14,
fontWeight: isSelected ? FontWeight.w500 : FontWeight.normal,
color: isSelected ? Colors.white : color,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
icon,
size: 16,
color: isSelected ? Colors.white : const Color(0xFF666666),
),
const SizedBox(width: 6),
Text(
label,
style: TextStyle(
fontSize: 13,
fontWeight: isSelected ? FontWeight.w600 : FontWeight.w500,
color: isSelected ? Colors.white : const Color(0xFF666666),
),
),
],
),
),
),

105
lib/widgets/bottom_nav_bar.dart
View File

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/app_provider.dart';
/// 自定义底部导航栏
/// 自定义底部导航栏 - 极简主义设计
class CustomBottomNavBar extends StatelessWidget {
const CustomBottomNavBar({super.key});
@@ -10,39 +10,86 @@ class CustomBottomNavBar extends StatelessWidget {
Widget build(BuildContext context) {
return Consumer<AppProvider>(
builder: (context, provider, child) {
return BottomNavigationBar(
currentIndex: provider.bottomNavIndex,
onTap: (index) {
if (index == 1) {
// 新增按钮 - 显示选择对话框
_showAddDialog(context, provider);
} else {
// 切换主页/我的页面
provider.setBottomNavIndex(index);
}
},
type: BottomNavigationBarType.fixed,
items: const [
BottomNavigationBarItem(
icon: Icon(Icons.home_outlined),
activeIcon: Icon(Icons.home),
label: '主页',
return Container(
height: 48,
decoration: const BoxDecoration(
color: Colors.white,
border: Border(
top: BorderSide(color: Color(0xFFE5E5E5), width: 0.5),
),
BottomNavigationBarItem(
icon: Icon(Icons.add_circle_outline),
activeIcon: Icon(Icons.add_circle),
label: '新增',
),
BottomNavigationBarItem(
icon: Icon(Icons.person_outline),
activeIcon: Icon(Icons.person),
label: '我的',
),
],
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
// 主页按钮
_buildNavItem(
icon: Icons.home_outlined,
activeIcon: Icons.home,
isActive: provider.bottomNavIndex == 0,
onTap: () => provider.setBottomNavIndex(0),
),
// 中间新增按钮
_buildAddButton(context, provider),
// 我的按钮
_buildNavItem(
icon: Icons.person_outline,
activeIcon: Icons.person,
isActive: provider.bottomNavIndex == 2,
onTap: () => provider.setBottomNavIndex(2),
),
],
),
);
},
);
}
/// 构建导航项
Widget _buildNavItem({
required IconData icon,
required IconData activeIcon,
required bool isActive,
required VoidCallback onTap,
}) {
return Expanded(
child: InkWell(
onTap: onTap,
child: Container(
color: Colors.transparent,
padding: const EdgeInsets.symmetric(vertical: 12),
child: Center(
child: Icon(
isActive ? activeIcon : icon,
color: isActive ? const Color(0xFF1A1A1A) : const Color(0xFF999999),
size: 24,
),
),
),
),
);
}
/// 构建中间新增按钮
Widget _buildAddButton(BuildContext context, AppProvider provider) {
return InkWell(
onTap: () => _showAddDialog(context, provider),
child: Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: const Color(0xFF1A1A1A),
borderRadius: BorderRadius.circular(8),
),
child: const Icon(
Icons.add,
color: Colors.white,
size: 24,
),
),
);
}
/// 显示新增对话框
void _showAddDialog(BuildContext context, AppProvider provider) {

2
lib/widgets/custom_drawer.dart
View File

@@ -32,7 +32,7 @@ class CustomDrawer extends StatelessWidget {
Container(
padding: const EdgeInsets.all(24),
child: const Text(
'MookNote v1.0.0',
'MookNote v0.1.5',
style: TextStyle(
fontSize: 12,
color: Color(0xFF999999),

134
lib/widgets/movie_status_bar.dart
View File

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/app_provider.dart';
/// 观影状态选择栏 - 极简主义设计
/// 观影状态选择栏 - 现代胶囊式设计
class MovieStatusBar extends StatelessWidget {
const MovieStatusBar({super.key});
@@ -11,39 +11,41 @@ class MovieStatusBar extends StatelessWidget {
return Consumer<AppProvider>(
builder: (context, provider, child) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: const BoxDecoration(
color: Colors.white,
border: Border(
bottom: BorderSide(color: Color(0xFFE5E5E5), width: 0.5),
),
),
child: Row(
children: [
_buildStatusItem(
context,
'已看',
0,
provider.movieStatusIndex,
() => provider.setMovieStatusIndex(0),
),
const SizedBox(width: 16),
_buildStatusItem(
context,
'在看',
1,
provider.movieStatusIndex,
() => provider.setMovieStatusIndex(1),
),
const SizedBox(width: 16),
_buildStatusItem(
context,
'想看',
2,
provider.movieStatusIndex,
() => provider.setMovieStatusIndex(2),
),
],
child: Container(
padding: const EdgeInsets.all(4),
decoration: BoxDecoration(
color: const Color(0xFFF5F5F5),
borderRadius: BorderRadius.circular(24),
),
child: Row(
children: [
_buildStatusItem(
label: '已看',
icon: Icons.check_circle_outline,
isSelected: provider.movieStatusIndex == 0,
onTap: () => provider.setMovieStatusIndex(0),
),
_buildStatusItem(
label: '在看',
icon: Icons.play_circle_outline,
isSelected: provider.movieStatusIndex == 1,
onTap: () => provider.setMovieStatusIndex(1),
),
_buildStatusItem(
label: '想看',
icon: Icons.bookmark_outline,
isSelected: provider.movieStatusIndex == 2,
onTap: () => provider.setMovieStatusIndex(2),
),
],
),
),
);
},
@@ -51,48 +53,50 @@ class MovieStatusBar extends StatelessWidget {
}
/// 构建状态项
Widget _buildStatusItem(
BuildContext context,
String label,
int index,
int currentIndex,
VoidCallback onTap,
) {
final isSelected = index == currentIndex;
Color color;
// 0:已看(深色), 1:在看(中灰), 2:想看(浅灰)
switch (index) {
case 0:
color = const Color(0xFF1A1A1A);
break;
case 1:
color = const Color(0xFF666666);
break;
case 2:
color = const Color(0xFF999999);
break;
default:
color = const Color(0xFFCCCCCC);
}
Widget _buildStatusItem({
required String label,
required IconData icon,
required bool isSelected,
required VoidCallback onTap,
}) {
return Expanded(
child: InkWell(
child: GestureDetector(
onTap: onTap,
child: Container(
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
curve: Curves.easeInOut,
padding: const EdgeInsets.symmetric(vertical: 10),
decoration: BoxDecoration(
color: isSelected ? color : Colors.transparent,
border: Border.all(color: color),
color: isSelected ? const Color(0xFF1A1A1A) : Colors.transparent,
borderRadius: BorderRadius.circular(20),
boxShadow: isSelected
? [
BoxShadow(
color: Colors.black.withValues(alpha: 0.1),
blurRadius: 8,
offset: const Offset(0, 2),
),
]
: null,
),
child: Text(
label,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 14,
fontWeight: isSelected ? FontWeight.w500 : FontWeight.normal,
color: isSelected ? Colors.white : color,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
icon,
size: 16,
color: isSelected ? Colors.white : const Color(0xFF666666),
),
const SizedBox(width: 6),
Text(
label,
style: TextStyle(
fontSize: 13,
fontWeight: isSelected ? FontWeight.w600 : FontWeight.w500,
color: isSelected ? Colors.white : const Color(0xFF666666),
),
),
],
),
),
),