Cxx0822/fitnote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:增加记录对话框内容

Browse Source
This commit is contained in:
Cxx0822
2025-12-01 19:59:25 +08:00
parent 49502295e3
commit eb14cf1957
28 changed files with 1596 additions and 620 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
lib/history.dart
View File

36
lib/layout/app_navbar.dart Normal file
View File

@@ -0,0 +1,36 @@
import 'package:fitnote/modesl/menu.dart';
import 'package:flutter/material.dart';
class AppNavbar extends StatefulWidget {
final int currentPageIndex;
final Function(int) onTapNavbarItem;
const AppNavbar({
super.key,
required this.currentPageIndex,
required this.onTapNavbarItem,
});
@override
State<AppNavbar> createState() => AppNavbarState();
}
class AppNavbarState extends State<AppNavbar> {
@override
Widget build(BuildContext context) {
final colors = Theme.of(context).colorScheme;
return BottomNavigationBar(
currentIndex: widget.currentPageIndex,
onTap: widget.onTapNavbarItem,
items: bottomNavItems,
type: BottomNavigationBarType.fixed,
selectedItemColor: colors.primary,
unselectedItemColor: colors.onSurface.withAlpha(150),
showSelectedLabels: true,
showUnselectedLabels: true,
backgroundColor: colors.surface,
elevation: 8,
);
}
}

8
lib/main.dart
View File

@@ -1,4 +1,4 @@
import 'package:fitnote/record.dart';
import 'package:fitnote/pages/home_page.dart';
import 'package:flutter/material.dart';
void main() {
@@ -11,13 +11,13 @@ class HealthLogApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'HealthLog - 健康记录',
title: '健康记录',
theme: ThemeData(
fontFamily: 'Inter',
scaffoldBackgroundColor: const Color(0xFFF9FAFB),
primaryColor: const Color(0xFF38BDF8), // 主色：天空蓝
primaryColor: const Color(0xFF38BDF8),
),
home: const RecordPage(),
home: HomePage(),
debugShowCheckedModeBanner: false,
);
}

30
lib/modesl/health.dart
View File

@@ -1,7 +1,9 @@
import 'package:flutter/cupertino.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:json_annotation/json_annotation.dart';
@JsonSerializable()
class Health {
class HealthRecord {
@JsonKey(name: 'id')
int? id;
@@ -9,10 +11,10 @@ class Health {
String? sportProject;
@JsonKey(name: 'sportDuration')
int? sportDuration;
num? sportDuration;
@JsonKey(name: 'weight')
int? weight;
num? weight;
@JsonKey(name: 'sleepStartTime')
String? sleepStartTime;
@@ -21,12 +23,12 @@ class Health {
String? sleepEndTime;
@JsonKey(name: 'sleepDuration')
int? sleepDuration;
num? sleepDuration;
@JsonKey(name: 'date')
String date;
Health({
HealthRecord({
this.id,
this.sportProject,
this.sportDuration,
@@ -34,10 +36,22 @@ class Health {
this.sleepStartTime,
this.sleepEndTime,
this.sleepDuration,
required this.date
required this.date,
});
// factory Health.fromJson(Map<String, dynamic> json) => _$HealthFromJson(json);
//
// Map<String, dynamic> toJson() => _$HealthToJson(this);
}
}
enum RecordType {
weight('体重', FontAwesomeIcons.weightScale, Color(0xFFF59E0B)),
sport('运动', FontAwesomeIcons.personRunning, Color(0xFF38BDF8)),
sleep('睡眠', FontAwesomeIcons.moon, Color(0xFF10B981));
final String title;
final IconData icon;
final Color color;
const RecordType(this.title, this.icon, this.color);
}

27
lib/modesl/menu.dart Normal file
View File

@@ -0,0 +1,27 @@
import 'package:fitnote/pages/history_page.dart';
import 'package:fitnote/pages/record_page.dart';
import 'package:fitnote/pages/setting_page.dart';
import 'package:fitnote/pages/stats_page.dart';
import 'package:flutter/material.dart';
class PageInfo {
final String title;
final IconData icon;
final Widget page;
const PageInfo({required this.title, required this.icon, required this.page});
}
final List<PageInfo> pages = [
PageInfo(title: '记录', icon: Icons.article, page: RecordPage()),
PageInfo(title: '历史', icon: Icons.history, page: HistoryPage()),
PageInfo(title: '统计', icon: Icons.insert_chart, page: StatsPage()),
PageInfo(title: '设置', icon: Icons.settings, page: SettingPage()),
];
final List<Widget> pageWidgets = pages.map((item) => item.page).toList();
final List<BottomNavigationBarItem> bottomNavItems =
pages.map((page) {
return BottomNavigationBarItem(icon: Icon(page.icon), label: page.title);
}).toList();

15
lib/pages/history_page.dart Normal file
View File

@@ -0,0 +1,15 @@
import 'package:flutter/material.dart';
class HistoryPage extends StatefulWidget {
const HistoryPage({super.key});
@override
State<HistoryPage> createState() => _HistoryPageState();
}
class _HistoryPageState extends State<HistoryPage> {
@override
Widget build(BuildContext context) {
return Center(child: Text('历史记录'));
}
}

100
lib/pages/home_page.dart Normal file
View File

@@ -0,0 +1,100 @@
import 'package:fitnote/layout/app_navbar.dart';
import 'package:fitnote/modesl/menu.dart';
import 'package:flutter/material.dart';
class HomePage extends StatefulWidget {
const HomePage({super.key});
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
int _currentPageIndex = 0;
late PageController _pageController;
@override
void initState() {
super.initState();
_pageController = PageController(initialPage: _currentPageIndex);
}
@override
void dispose() {
_pageController.dispose();
super.dispose();
}
Widget _buildLeading() {
return Builder(
builder:
(context) => IconButton(
icon: Icon(Icons.menu, color: Colors.white),
onPressed: () => Scaffold.of(context).openDrawer(),
),
);
}
Widget _buildAppBarTitle() {
return Text(
pages[_currentPageIndex].title,
style: TextStyle(color: Colors.white),
);
}
Widget _buildPageView() {
return PageView(
controller: _pageController,
onPageChanged: (index) {
setState(() {
_currentPageIndex = index;
});
},
children: pageWidgets,
);
}
void _onTapNavbarItem(int index) {
setState(() {
_currentPageIndex = index;
});
_pageController.animateToPage(
index,
duration: Duration(milliseconds: 300),
curve: Curves.easeInOut,
);
}
void onTapDrawerItem(int index) {
setState(() {
_currentPageIndex = index;
});
_pageController.animateToPage(
index,
duration: Duration(milliseconds: 300),
curve: Curves.easeInOut,
);
Navigator.pop(context);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: _buildAppBarTitle(),
backgroundColor: Theme.of(context).colorScheme.primary,
elevation: 0,
leading: _buildLeading(),
),
// drawer: AppDrawer(
// currentPageIndex: _currentPageIndex,
// onTapDrawerItem: onTapDrawerItem,
// ),
body: Padding(padding: EdgeInsets.all(10), child: _buildPageView()),
bottomNavigationBar: AppNavbar(
currentPageIndex: _currentPageIndex,
onTapNavbarItem: _onTapNavbarItem,
),
);
}
}

111
lib/pages/record_page.dart Normal file
View File

@@ -0,0 +1,111 @@
import 'package:fitnote/widget/record/goal_progress.dart';
import 'package:fitnote/widget/record/today_record.dart';
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:intl/intl.dart';
class RecordPage extends StatefulWidget {
const RecordPage({super.key});
@override
State<RecordPage> createState() => _RecordPageState();
}
class _RecordPageState extends State<RecordPage> {
// 格式化当前日期
String _formatCurrentDate() {
final now = DateTime.now();
// 格式：2025年11月28日，周五
return "${DateFormat('yyyy年MM月dd日').format(now)}，${_getWeekday(now.weekday)}";
}
// 数字星期转中文
String _getWeekday(int weekday) {
const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
return weekdays[weekday - 1];
}
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Column(
children: [GoalProgress(), const SizedBox(height: 24), TodayRecord()],
),
);
}
// 顶部导航栏
Widget _buildHeader() {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
color: Colors.white,
// boxShadow: const [
// BoxShadow(
// color: Color(0x0A000000),
// blurRadius: 4,
// offset: Offset(0, 2),
// ),
// ],
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'早上好，用户',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Color(0xFF1E293B),
),
),
const SizedBox(height: 4),
Text(
'今天是 ${_formatCurrentDate()}',
style: const TextStyle(fontSize: 12, color: Color(0xFF64748B)),
),
],
),
Row(
children: [
// 通知按钮
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: const Color(0xFFF1F5F9),
borderRadius: BorderRadius.circular(20),
),
child: Icon(
FontAwesomeIcons.bell,
color: const Color(0xFF64748B),
size: 18,
),
),
// 用户头像
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: const Color(0xFFE0F2FE), // 主色浅背景
borderRadius: BorderRadius.circular(20),
),
child: const Center(
child: Text(
'U',
style: TextStyle(
color: Color(0xFF38BDF8),
fontWeight: FontWeight.bold,
fontSize: 16,
),
),
),
),
],
),
],
),
);
}
}

15
lib/pages/setting_page.dart Normal file
View File

@@ -0,0 +1,15 @@
import 'package:flutter/material.dart';
class SettingPage extends StatefulWidget {
const SettingPage({super.key});
@override
State<SettingPage> createState() => _SettingPageState();
}
class _SettingPageState extends State<SettingPage> {
@override
Widget build(BuildContext context) {
return Center(child: Text('设置'));
}
}

15
lib/pages/stats_page.dart Normal file
View File

@@ -0,0 +1,15 @@
import 'package:flutter/material.dart';
class StatsPage extends StatefulWidget {
const StatsPage({super.key});
@override
State<StatsPage> createState() => _StatsPageState();
}
class _StatsPageState extends State<StatsPage> {
@override
Widget build(BuildContext context) {
return Center(child: Text('统计'));
}
}

568
lib/record.dart
View File

@@ -1,568 +0,0 @@
import 'package:fitnote/modesl/health.dart';
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:getwidget/getwidget.dart';
import 'package:intl/intl.dart';
class RecordPage extends StatefulWidget {
const RecordPage({super.key});
@override
State<RecordPage> createState() => _RecordPageState();
}
class _RecordPageState extends State<RecordPage> {
// 格式化当前日期
String _formatCurrentDate() {
final now = DateTime.now();
// 格式：2025年11月28日，周五
return "${DateFormat('yyyy年MM月dd日').format(now)}，${_getWeekday(now.weekday)}";
}
// 数字星期转中文
String _getWeekday(int weekday) {
const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
return weekdays[weekday - 1];
}
// 记录项数据（图标、标题、颜色）
final List<RecordItem> recordItems = [
RecordItem(
icon: FontAwesomeIcons.weightScale,
title: '体重',
color: const Color(0xFFF59E0B), // 橙色
),
RecordItem(
icon: FontAwesomeIcons.personRunning,
title: '运动',
color: const Color(0xFF38BDF8), // 天空蓝
),
RecordItem(
icon: FontAwesomeIcons.moon,
title: '睡眠',
color: const Color(0xFF10B981), // 薄荷绿
),
];
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Column(
children: [
// 顶部导航栏
_buildHeader(),
// 主要内容区（滚动）
Expanded(
child: SingleChildScrollView(
padding: const EdgeInsets.all(24),
child: Column(
children: [
// 本月目标进度卡片
_buildGoalProgressCard(),
const SizedBox(height: 24),
// 今日记录区
_buildTodayRecordSection(),
],
),
),
),
],
),
),
);
}
// 顶部导航栏
Widget _buildHeader() {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
color: Colors.white,
// boxShadow: const [
// BoxShadow(
// color: Color(0x0A000000),
// blurRadius: 4,
// offset: Offset(0, 2),
// ),
// ],
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'早上好，用户',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Color(0xFF1E293B),
),
),
const SizedBox(height: 4),
Text(
'今天是 ${_formatCurrentDate()}',
style: const TextStyle(fontSize: 12, color: Color(0xFF64748B)),
),
],
),
Row(
children: [
// 通知按钮
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: const Color(0xFFF1F5F9),
borderRadius: BorderRadius.circular(20),
),
child: Icon(
FontAwesomeIcons.bell,
color: const Color(0xFF64748B),
size: 18,
),
),
// 用户头像
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: const Color(0xFFE0F2FE), // 主色浅背景
borderRadius: BorderRadius.circular(20),
),
child: const Center(
child: Text(
'U',
style: TextStyle(
color: Color(0xFF38BDF8),
fontWeight: FontWeight.bold,
fontSize: 16,
),
),
),
),
],
),
],
),
);
}
Widget _buildCard({required Widget child}) {
return Container(
padding: const EdgeInsets.all(24),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: const Color(0xFF38BDF8).withOpacity(0.08),
blurRadius: 25,
offset: const Offset(0, 10),
),
BoxShadow(
color: const Color(0xFF38BDF8).withOpacity(0.05),
blurRadius: 10,
offset: const Offset(0, 8),
),
],
),
child: child,
);
}
// 本月目标进度卡片
Widget _buildGoalProgressCard() {
return _buildCard(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 卡片标题
Row(
children: [
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: const Color(0xFFE0F2FE),
borderRadius: BorderRadius.circular(20),
),
child: const Icon(
FontAwesomeIcons.trophy,
color: Color(0xFF38BDF8),
size: 18,
),
),
SizedBox(width: 6),
const Text(
'本月目标进度',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Color(0xFF1E293B),
),
),
],
),
const SizedBox(height: 28),
// 目标体重
_buildProgressItem(
title: '目标体重',
current: '65.2',
target: '60',
unit: 'kg',
progress: 0.85,
color: const Color(0xFFF59E0B),
),
const SizedBox(height: 28),
// 运动总时长目标
_buildProgressItem(
title: '运动总时长',
current: '450',
target: '600',
unit: '分钟',
progress: 0.75,
color: const Color(0xFF38BDF8),
),
const SizedBox(height: 28),
// 日均睡眠目标
_buildProgressItem(
title: '日均睡眠',
current: '7.2',
target: '8',
unit: '小时',
progress: 0.9,
color: const Color(0xFF10B981),
),
],
),
);
}
// 单个进度项组件
Widget _buildProgressItem({
required String title,
required String current,
required String target,
required String unit,
required double progress,
required Color color,
}) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 标题+进度数值
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
title,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Color(0xFF475569),
),
),
Text(
'$current/$target $unit',
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: color,
),
),
],
),
const SizedBox(height: 8),
GFProgressBar(
animation: true,
lineHeight: 20,
percentage: progress,
progressBarColor: color,
child: Text(
'${progress * 100}%',
textAlign: TextAlign.end,
style: TextStyle(color: Colors.white),
),
),
],
);
}
Widget _buildCircleIcon({required IconData icon, required Color color}) {
return Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.primary.withAlpha(50),
borderRadius: BorderRadius.circular(20),
),
child: Icon(icon, color: Theme.of(context).colorScheme.primary, size: 18),
);
}
// 今日记录区
Widget _buildTodayRecordSection() {
return _buildCard(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 区域标题
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
_buildCircleIcon(
icon: FontAwesomeIcons.calendarCheck,
color: Color(0xFF10B981),
),
SizedBox(width: 6),
Text(
'今日记录',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Theme.of(context).colorScheme.primary,
),
),
],
),
// 日期标签
Container(
padding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 4,
),
decoration: BoxDecoration(
color: const Color(0xFFF1F5F9),
borderRadius: BorderRadius.circular(16),
),
child: Text(
DateFormat('MM月dd日').format(DateTime.now()),
style: const TextStyle(
fontSize: 12,
color: Color(0xFF64748B),
fontWeight: FontWeight.w500,
),
),
),
],
),
const SizedBox(height: 20),
// 记录卡片列表
ListView.separated(
// 禁用滚动（父布局已为 SingleChildScrollView）
physics: const NeverScrollableScrollPhysics(),
// 固定高度（3个item + 间距：每个item高度≈72，间距16，总高度=72*3 + 16*2 = 248）
shrinkWrap: true,
itemCount: recordItems.length,
separatorBuilder: (context, index) => SizedBox(height: 8),
itemBuilder: (context, index) {
final item = recordItems[index];
return _buildRecordListTile(item);
},
),
],
),
);
}
// 增强版记录卡片（显示具体记录内容）
Widget _buildRecordListTile(RecordItem item) {
// 模拟已记录数据（实际项目可替换为真实数据）
final healthRecord = Health(
id: 1,
sportProject: '羽毛球',
sleepDuration: 20,
weight: 72,
sleepStartTime: '2025-11-27 23:00',
sleepEndTime: '2025-11-28 24:00',
date: '2025-11-28',
);
final recordData = _getMockRecordData(item.title);
return Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [item.color.withAlpha(10), Colors.white.withAlpha(200)],
),
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: Colors.black.withAlpha(10),
blurRadius: 12,
offset: const Offset(0, 4),
),
],
),
child: ListTile(
// 左侧图标
leading: Container(
width: 48,
height: 48,
decoration: BoxDecoration(
color: item.color.withAlpha(30),
borderRadius: BorderRadius.circular(24),
),
child: Icon(item.icon, color: item.color, size: 22),
),
// 标题+具体记录内容
title: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
// 主标题
Text(
item.title,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: item.color,
),
),
const SizedBox(height: 4),
// 具体记录内容（根据类型显示不同布局）
_buildRecordContent(item.title, recordData),
],
),
// 右侧按钮（添加/编辑）
trailing: GestureDetector(
onTap: () {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(
'${recordData["hasData"] ? "编辑" : "添加"}${item.title}记录',
),
),
);
},
child: Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: item.color.withAlpha(30),
borderRadius: BorderRadius.circular(20),
),
child: Icon(
recordData["hasData"]
? FontAwesomeIcons.pencil
: FontAwesomeIcons.plus,
color: item.color,
size: 18,
),
),
),
// 取消默认波纹效果
splashColor: Colors.transparent,
// 增加内边距，适配新增内容
contentPadding: const EdgeInsets.symmetric(
horizontal: 20,
vertical: 12,
),
),
);
}
// 模拟记录数据（实际项目替换为真实数据来源）
Map<String, dynamic> _getMockRecordData(String type) {
switch (type) {
case "体重":
return {
"hasData": false,
"weight": 65.2, // kg
"updateTime": "08:30",
};
case "运动":
return {
"hasData": true,
"sportType": "跑步",
"duration": 45, // 分钟
"distance": 5.2, // km
"updateTime": "18:45",
};
case "睡眠":
return {
"hasData": true,
"sleepTime": "23:15",
"wakeTime": "07:30",
"duration": "8小时15分钟",
"updateTime": "今天",
};
default:
return {"hasData": false};
}
}
// 根据类型构建不同的记录内容布局
Widget _buildRecordContent(String type, Map<String, dynamic> data) {
// 未记录状态
if (!data["hasData"]) {
return Text(
"尚未记录今日数据，点击添加",
style: TextStyle(fontSize: 12, color: Colors.grey[500]),
);
}
// 已记录状态：根据类型显示不同内容
switch (type) {
case "体重":
return Row(
children: [
Text(
"${data["weight"]} kg",
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Colors.grey[800],
),
),
],
);
case "运动":
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text(
"${data["sportType"]} · ${data["duration"]}分钟",
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Colors.grey[800],
),
),
],
);
case "睡眠":
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text(
"入睡 ${data["sleepTime"]} · 起床 ${data["wakeTime"]} · ${data["duration"]}",
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Colors.grey[800],
),
),
],
);
default:
return const SizedBox.shrink();
}
}
}
// 记录项模型
class RecordItem {
final IconData icon;
final String title;
final Color color;
RecordItem({required this.icon, required this.title, required this.color});
}

0
lib/setting.dart
View File

0
lib/stats.dart
View File

46
lib/widget/dropdown_select.dart Normal file
View File

@@ -0,0 +1,46 @@
import 'package:flutter/material.dart';
import 'package:getwidget/getwidget.dart';
class DropdownSelect extends StatelessWidget {
final String value;
final ValueChanged<String?> onChanged;
final List<String> items;
const DropdownSelect({
Key? key,
required this.value,
required this.onChanged,
required this.items,
}) : super(key: key);
@override
Widget build(BuildContext context) {
final colors = Theme.of(context).colorScheme;
return Container(
width: 150,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6),
border: Border.all(color: colors.primary, width: 1.5),
),
child: DropdownButtonHideUnderline(
child: GFDropdown(
itemHeight: 32,
padding: const EdgeInsets.all(0),
borderRadius: BorderRadius.circular(8),
value: value,
onChanged: onChanged,
items:
items
.map(
(value) => DropdownMenuItem(
value: value,
child: Text(value, style: const TextStyle(fontSize: 16)),
),
)
.toList(),
),
),
);
}
}

131
lib/widget/number_input.dart Normal file
View File

@@ -0,0 +1,131 @@
import 'package:flutter/material.dart';
class NumberInput extends StatefulWidget {
final num? value;
final ValueChanged<num?>? onChanged;
final double min;
final double max;
final double step;
final int precision;
final String unit;
const NumberInput({
Key? key,
this.value,
this.onChanged,
this.min = double.negativeInfinity,
this.max = double.infinity,
this.step = 1,
this.precision = 2,
this.unit = ''
}) : super(key: key);
@override
State<NumberInput> createState() => _NumberInputState();
}
class _NumberInputState extends State<NumberInput> {
late TextEditingController _controller;
late num _currentValue;
final Color disabledColor = Colors.grey.shade400;
@override
void initState() {
super.initState();
_currentValue = widget.value ?? 0.0;
_controller = TextEditingController(text: _formatValue(_currentValue));
}
@override
void didUpdateWidget(NumberInput oldWidget) {
super.didUpdateWidget(oldWidget);
if (widget.value != oldWidget.value && widget.value != _currentValue) {
_currentValue = widget.value ?? 0.0;
_controller.text = _formatValue(_currentValue);
}
}
String _formatValue(num value) {
if (widget.precision == 0) return value.toInt().toString();
return value.toStringAsFixed(widget.precision);
}
void _handleValueChange(num newValue) {
num clampedValue = newValue.clamp(widget.min, widget.max);
if (widget.precision > 0) {
clampedValue = double.parse(
clampedValue.toStringAsFixed(widget.precision),
);
}
setState(() {
_currentValue = clampedValue;
_controller.text = _formatValue(clampedValue);
});
widget.onChanged?.call(clampedValue);
}
Widget _buildControlButton({
required IconData icon,
required VoidCallback? onPressed,
required bool disabled,
}) {
final colors = Theme.of(context).colorScheme;
return Container(
width: 32,
height: 32,
child: Material(
color: disabled ? disabledColor : colors.primary.withAlpha(100),
child: InkWell(
onTap: disabled ? null : onPressed,
borderRadius: BorderRadius.circular(4),
child: Icon(icon, size: 18, color: colors.onSurface),
),
),
);
}
@override
Widget build(BuildContext context) {
final colors = Theme.of(context).colorScheme;
return Container(
width: 150,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6),
border: Border.all(color: colors.primary, width: 1.5),
),
child: IntrinsicWidth(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
_buildControlButton(
icon: Icons.remove,
onPressed: () => _handleValueChange(_currentValue - widget.step),
disabled: _currentValue <= widget.min,
),
Expanded(
child: Text(
'${_currentValue} ${widget.unit}',
textAlign: TextAlign.center,
),
),
_buildControlButton(
icon: Icons.add,
onPressed: () => _handleValueChange(_currentValue + widget.step),
disabled: _currentValue >= widget.max,
),
],
),
),
);
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
}

37
lib/widget/record/common.dart Normal file
View File

@@ -0,0 +1,37 @@
import 'package:flutter/material.dart';
Widget buildCardTitle({
required BuildContext context,
required String title,
required IconData icon,
}) {
return Row(
children: [
buildCircleIcon(context: context, icon: icon),
SizedBox(width: 6),
Text(
title,
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Theme.of(context).colorScheme.primary,
),
),
],
);
}
Widget buildCircleIcon({
required BuildContext context,
required IconData icon,
}) {
return Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.primary.withAlpha(50),
borderRadius: BorderRadius.circular(20),
),
child: Icon(icon, color: Theme.of(context).colorScheme.primary, size: 18),
);
}

95
lib/widget/record/goal_progress.dart Normal file
View File

@@ -0,0 +1,95 @@
import 'package:fitnote/modesl/health.dart';
import 'package:fitnote/widget/record/common.dart';
import 'package:flutter/material.dart';
import 'package:flutter_common/widget/common_widget.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:getwidget/getwidget.dart';
class GoalProgress extends StatefulWidget {
const GoalProgress({super.key});
@override
State<GoalProgress> createState() => _GoalProgressState();
}
class _GoalProgressState extends State<GoalProgress> {
@override
Widget build(BuildContext context) {
return CommonCard(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
buildCardTitle(
context: context,
title: '本月目标进度',
icon: FontAwesomeIcons.trophy,
),
const SizedBox(height: 28),
_buildProgressItem(
title: '目标体重',
current: '65.2',
target: '60',
unit: 'kg',
progress: 0.85,
color: RecordType.weight.color,
),
const SizedBox(height: 28),
_buildProgressItem(
title: '运动总时长',
current: '450',
target: '600',
unit: '分钟',
progress: 0.75,
color: RecordType.sport.color,
),
const SizedBox(height: 28),
_buildProgressItem(
title: '日均睡眠',
current: '7.2',
target: '8',
unit: '小时',
progress: 0.9,
color: RecordType.sleep.color,
),
],
),
);
}
Widget _buildProgressItem({
required String title,
required String current,
required String target,
required String unit,
required double progress,
required Color color,
}) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(title),
Text(
'$current/$target $unit',
style: TextStyle(fontWeight: FontWeight.w500, color: color),
),
],
),
const SizedBox(height: 8),
GFProgressBar(
animation: true,
lineHeight: 20,
percentage: progress,
progressBarColor: color,
child: Text(
'${progress * 100}%',
textAlign: TextAlign.end,
style: TextStyle(color: Colors.white),
),
),
],
);
}
}

359
lib/widget/record/today_record.dart Normal file
View File

@@ -0,0 +1,359 @@
import 'package:fitnote/modesl/health.dart';
import 'package:fitnote/widget/dropdown_select.dart';
import 'package:fitnote/widget/number_input.dart';
import 'package:fitnote/widget/record/common.dart';
import 'package:fitnote/widget/select_input.dart';
import 'package:flutter/material.dart';
import 'package:flutter_common/widget/common_widget.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:getwidget/getwidget.dart';
import 'package:intl/intl.dart';
import 'package:numberpicker/numberpicker.dart';
class TodayRecord extends StatefulWidget {
const TodayRecord({super.key});
@override
State<TodayRecord> createState() => _TodayRecordState();
}
class _TodayRecordState extends State<TodayRecord> {
final record = HealthRecord(
id: 1,
sportProject: '羽毛球',
sportDuration: 20,
sleepStartTime: '23:00',
sleepEndTime: '24:00',
sleepDuration: 60,
weight: 0,
date: '2025-11-28',
);
final recordForm = HealthRecord(
id: 1,
sportProject: '羽毛球',
sportDuration: 20,
sleepStartTime: '23:00',
sleepEndTime: '24:00',
sleepDuration: 60,
weight: 70,
date: '2025-11-28',
);
@override
Widget build(BuildContext context) {
return CommonCard(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
buildCardTitle(
context: context,
title: '今日记录',
icon: FontAwesomeIcons.calendarCheck,
),
_buildTodayTag(),
],
),
const SizedBox(height: 20),
ListView.separated(
physics: const NeverScrollableScrollPhysics(),
shrinkWrap: true,
itemCount: RecordType.values.length,
separatorBuilder: (context, index) => SizedBox(height: 8),
itemBuilder: (context, index) {
final recordType = RecordType.values[index];
return _buildRecordListTile(recordType);
},
),
],
),
);
}
Widget _buildTodayTag() {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
decoration: BoxDecoration(
color: const Color(0xFFF1F5F9),
borderRadius: BorderRadius.circular(16),
),
child: Text(
DateFormat('MM月dd日').format(DateTime.now()),
style: const TextStyle(
fontSize: 12,
color: Color(0xFF64748B),
fontWeight: FontWeight.w500,
),
),
);
}
Widget _buildRecordListTile(RecordType type) {
return Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [type.color.withAlpha(10), Colors.white.withAlpha(200)],
),
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: Colors.black.withAlpha(10),
blurRadius: 12,
offset: const Offset(0, 4),
),
],
),
child: ListTile(
leading: Container(
width: 48,
height: 48,
decoration: BoxDecoration(
color: type.color.withAlpha(30),
borderRadius: BorderRadius.circular(24),
),
child: Icon(type.icon, color: type.color, size: 22),
),
title: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text(
type.title,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: type.color,
),
),
const SizedBox(height: 4),
_buildRecordContent(type),
],
),
trailing: GestureDetector(
onTap: () => onTapRecord(type),
child: Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: type.color.withAlpha(30),
borderRadius: BorderRadius.circular(20),
),
child: Icon(
_checkHasRecordValue(type)
? FontAwesomeIcons.pencil
: FontAwesomeIcons.plus,
color: type.color,
size: 18,
),
),
),
splashColor: Colors.transparent,
contentPadding: const EdgeInsets.symmetric(
horizontal: 20,
vertical: 12,
),
),
);
}
bool _checkHasRecordValue(RecordType type) {
switch (type) {
case RecordType.weight:
return record.weight != null;
case RecordType.sport:
return record.sportProject != null;
case RecordType.sleep:
return record.sleepStartTime != null;
}
}
Widget _buildDialogButton(RecordType type) {
final colors = Theme.of(context).colorScheme;
return Row(
children: [
Expanded(
child: GFButton(
onPressed: () => Navigator.of(context).pop(),
color: colors.secondary.withAlpha(100),
text: "取消",
),
),
const SizedBox(width: 12),
Expanded(
child: GFButton(onPressed: () {}, color: colors.primary, text: "确定"),
),
],
);
}
// void _saveRecordData(RecordType type) {
// setState(() {
// switch (type) {
// case RecordType.weight:
// record.weight = _dialogWeight;
// break;
// case RecordType.sport:
// record.sportProject = _dialogSportProject;
// record.sportDuration = _dialogSportDuration.toInt();
// break;
// case RecordType.sleep:
// // 处理睡眠数据
// break;
// }
// });
// }
Widget _buildDialogTitle(String title) {
return Text(
title,
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Theme.of(context).colorScheme.primary,
),
);
}
Widget _buildFiledTitle(String title) {
return Text(title, style: TextStyle(fontSize: 16));
}
Widget _buildDialogContent(RecordType type) {
final colors = Theme.of(context).colorScheme;
switch (type) {
case RecordType.weight:
return Column(
mainAxisSize: MainAxisSize.min,
children: [
_buildDialogTitle('记录体重'),
SizedBox(height: 20),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
_buildFiledTitle('体重：'),
SizedBox(width: 10),
NumberInput(
value: recordForm.weight!,
min: 0,
max: 100,
step: 0.1,
unit: 'Kg',
onChanged:
(value) => setState(() => recordForm.weight = value!),
),
],
),
SizedBox(height: 20),
_buildDialogButton(type),
],
);
case RecordType.sport:
return Column(
mainAxisSize: MainAxisSize.min,
children: [
_buildDialogTitle('记录运动'),
SizedBox(height: 24),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
_buildFiledTitle('运动类型：'),
SizedBox(width: 10),
DropdownSelect(
value: recordForm.sportProject!,
items: ['羽毛球', '乒乓球', '篮球', '跑步'],
onChanged: (newValue) {
setState(() {
recordForm.sportProject = newValue!;
});
},
),
],
),
SizedBox(height: 20),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
// 运动时长
_buildFiledTitle('运动时长：'),
SizedBox(width: 10),
NumberInput(
value: recordForm.sportDuration,
min: 5,
max: 240,
step: 5,
unit: '分钟',
onChanged:
(value) =>
setState(() => recordForm.sportDuration = value!),
),
],
),
SizedBox(height: 24),
_buildDialogButton(type),
],
);
case RecordType.sleep:
return Column(
mainAxisSize: MainAxisSize.min,
children: [
_buildFiledTitle('记录睡眠'),
SizedBox(height: 20),
// 这里添加睡眠相关的输入控件
SizedBox(height: 20),
_buildDialogButton(type),
],
);
}
}
void onTapRecord(RecordType type) {
showDialog(
context: context,
builder:
(context) => Dialog(
child: Padding(
padding: EdgeInsets.all(20),
child: _buildDialogContent(type),
),
),
);
}
Widget _buildRecordContent(RecordType type) {
if (!_checkHasRecordValue(type)) {
return Text(
"尚未记录今日数据，点击添加",
style: TextStyle(fontSize: 12, color: Colors.grey[500]),
);
}
late String title;
switch (type) {
case RecordType.weight:
title = "${record.weight} kg";
case RecordType.sport:
title = "${record.sportProject} · ${record.sportDuration}分钟";
case RecordType.sleep:
title =
"入睡 ${record.sleepStartTime} · 起床 ${record.sleepEndTime} · ${record.sleepDuration}分钟";
}
return Text(
title,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Colors.grey[800],
),
);
}
}

188
lib/widget/select_input.dart Normal file
View File

@@ -0,0 +1,188 @@
import 'package:flutter/material.dart';
class SelectInputField extends StatefulWidget {
final List<String> options;
final String? value;
final ValueChanged<String?>? onChanged;
final String hintText;
final String labelText;
final bool enabled;
final EdgeInsetsGeometry? padding;
final InputBorder? border;
const SelectInputField({
Key? key,
required this.options,
this.value,
this.onChanged,
this.hintText = '请选择或输入',
this.labelText = '',
this.enabled = true,
this.padding,
this.border,
}) : super(key: key);
@override
State<SelectInputField> createState() => _SelectInputFieldState();
}
class _SelectInputFieldState extends State<SelectInputField> {
final TextEditingController _controller = TextEditingController();
final FocusNode _focusNode = FocusNode();
bool _showDropdown = false;
String? _selectedValue;
@override
void initState() {
super.initState();
_selectedValue = widget.value;
_controller.text = widget.value ?? '';
}
@override
void didUpdateWidget(SelectInputField oldWidget) {
super.didUpdateWidget(oldWidget);
if (widget.value != oldWidget.value) {
_selectedValue = widget.value;
_controller.text = widget.value ?? '';
}
}
void _onTextChanged(String text) {
setState(() {
_selectedValue = text.isEmpty ? null : text;
_showDropdown = text.isNotEmpty;
});
widget.onChanged?.call(text.isEmpty ? null : text);
}
void _onOptionSelected(String option) {
setState(() {
_selectedValue = option;
_controller.text = option;
_showDropdown = false;
});
widget.onChanged?.call(option);
_focusNode.unfocus();
}
void _onFieldTap() {
setState(() {
_showDropdown = !_showDropdown;
});
}
void _onFocusChange(bool hasFocus) {
setState(() {
_showDropdown = hasFocus;
});
}
List<String> get _filteredOptions {
if (_controller.text.isEmpty) {
return widget.options;
}
return widget.options
.where((option) =>
option.toLowerCase().contains(_controller.text.toLowerCase()))
.toList();
}
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (widget.labelText.isNotEmpty) ...[
Text(
widget.labelText,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: Colors.grey[700],
),
),
const SizedBox(height: 8),
],
Stack(
children: [
TextField(
controller: _controller,
focusNode: _focusNode,
onChanged: _onTextChanged,
onTap: _onFieldTap,
enabled: widget.enabled,
decoration: InputDecoration(
hintText: widget.hintText,
border: widget.border ?? const OutlineInputBorder(),
contentPadding: const EdgeInsets.symmetric(
horizontal: 12,
vertical: 14,
),
suffixIcon: IconButton(
icon: Icon(
_showDropdown ? Icons.arrow_drop_up : Icons.arrow_drop_down,
color: Colors.grey[600],
),
onPressed: () {
setState(() {
_showDropdown = !_showDropdown;
});
if (_showDropdown) {
_focusNode.requestFocus();
} else {
_focusNode.unfocus();
}
},
),
),
),
if (_showDropdown && _filteredOptions.isNotEmpty)
Positioned(
top: 60,
left: 0,
right: 0,
child: _buildDropdownList(),
),
],
),
],
);
}
Widget _buildDropdownList() {
return Material(
elevation: 4,
borderRadius: BorderRadius.circular(8),
child: Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(8),
border: Border.all(color: Colors.grey[300]!),
),
constraints: const BoxConstraints(maxHeight: 200),
child: ListView.builder(
shrinkWrap: true,
padding: EdgeInsets.zero,
itemCount: _filteredOptions.length,
itemBuilder: (context, index) {
final option = _filteredOptions[index];
return ListTile(
title: Text(option),
onTap: () => _onOptionSelected(option),
dense: true,
visualDensity: VisualDensity.compact,
);
},
),
),
);
}
@override
void dispose() {
_controller.dispose();
_focusNode.dispose();
super.dispose();
}
}