feat: 운동 기록 화면 틀 완성 (Neibce/OnGi#50)

Author: Neibce

frontend/ongi/assets/images/exercise_record_title_logo.png

@@ -0,0 +1,92 @@
+import 'package:flutter/material.dart';
+import '../../core/app_colors.dart';
+
+class ExerciseRecordScreen extends StatefulWidget {
+  const ExerciseRecordScreen({super.key});
+
+  @override
+  State<ExerciseRecordScreen> createState() => _ExerciseRecordScreenState();
+}
+
+class _ExerciseRecordScreenState extends State<ExerciseRecordScreen> {
+  @override
+  Widget build(BuildContext context) {
+    final screenWidth = MediaQuery.of(context).size.width;
+    final circleSize = screenWidth * 1.56;
+
+    return Scaffold(
+      backgroundColor: AppColors.ongiLigntgrey,
+      body: SafeArea(
+        child: Stack(
+          clipBehavior: Clip.none,
+          children: [
+            Align(
+              alignment: Alignment.topCenter,
+              child: Transform.translate(
+                offset: Offset(0, -circleSize * 0.76),
+                child: OverflowBox(
+                  maxWidth: double.infinity,
+                  maxHeight: double.infinity,
+                  child: Container(
+                    width: circleSize,
+                    height: circleSize,
+                    decoration: BoxDecoration(
+                      shape: BoxShape.circle,
+                      color: AppColors.ongiOrange,
+                    ),
+                    child: Center(
+                      child: Padding(
+                        padding: EdgeInsets.only(top: circleSize),
+                        child: OverflowBox(
+                          maxHeight: double.infinity,
+                          child: Column(
+                            children: [
+                              const Text(
+                                '오늘 목표 운동 시간,',
+                                style: TextStyle(
+                                  fontSize: 25,
+                                  color: Colors.white,
+                                  fontWeight: FontWeight.w600,
+                                  height: 1,
+                                ),
+                              ),
+                              const Text(
+                                '다 채우셨나요?',
+                                style: TextStyle(
+                                  fontSize: 40,
+                                  color: Colors.white,
+                                  fontWeight: FontWeight.w600,
+                                ),
+                              ),
+                              Container(
+                                margin: EdgeInsets.symmetric(
+                                  horizontal: 0,
+                                  vertical: 6,
+                                ),
+                                child: Image.asset(
+                                  'assets/images/exercise_record_title_logo.png',
+                                  width: circleSize * 0.3,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+            Positioned(
+              top: circleSize * 0.3 + 60,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              child: Text("여기부터 본문을 생성 ㅇ.ㅇ"),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

frontend/ongi/lib/screens/health/exercise_record_screen.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:ongi/core/app_light_background.dart';
+import 'package:ongi/screens/health/exercise_record_screen.dart';
 import 'package:ongi/utils/prefs_manager.dart';
 import 'package:ongi/core/app_colors.dart';
 import 'package:ongi/screens/health/family_step_tracker_screen.dart';
@@ -100,38 +101,7 @@ class _HealthHomeScreenState extends State<HealthHomeScreen> {
   Widget _buildExerciseView() {
     return Stack(
       children: [
-        Container(
-          color: AppColors.ongiLigntgrey,
-          child: Center(
-            child: Column(
-              mainAxisAlignment: MainAxisAlignment.center,
-              children: [
-                const Text(
-                  '운동 기록',
-                  style: TextStyle(
-                    fontSize: 40,
-                    fontWeight: FontWeight.w600,
-                    color: AppColors.ongiOrange,
-                  ),
-                ),
-                const SizedBox(height: 50),
-                Container(
-                  padding: const EdgeInsets.all(20),
-                  margin: const EdgeInsets.all(20),
-                  decoration: BoxDecoration(
-                    color: Colors.white,
-                    borderRadius: BorderRadius.circular(20),
-                  ),
-                  child: const Text(
-                    '운동 기록 화면\n(추후 구현 예정)',
-                    textAlign: TextAlign.center,
-                    style: TextStyle(fontSize: 18),
-                  ),
-                ),
-              ],
-            ),
-          ),
-        ),
+        const ExerciseRecordScreen(),
         _buildBackButton(),
       ],
     );

frontend/ongi/lib/screens/health/health_home_screen.dart

@@ -46,6 +46,7 @@ flutter:
     - assets/images/homebar_capsule.svg
     - assets/images/homebar_med.svg
     - assets/images/homebar_walk.svg
+    - assets/images/exercise_record_title_logo.png
     - assets/images/walk_icon.svg
     - assets/images/users/elderly_woman.png