Feat: 추천 루틴 화면에 FloatingButton 추가 및 등록 화면 이동 (#T3-121)

- RecommendedRoutineView에 FloatingButton, FloatingMenu, dimmedView 추가
- 루틴 등록 화면으로 이동해야 하므로 RoutineCreationViewModel 의존성 등록

Author: choijungp

Projects/Presentation/Sources/Common/DesignSystem/BitnagilIcon.swift

@@ -23,6 +23,7 @@ enum BitnagilIcon {
     static let ellipsisIcon = UIImage(named: "ellipsis_icon", in: bundle, with: nil)
     static let informationIcon = UIImage(named: "information_icon", in: bundle, with: nil)
     static let sortIcon = UIImage(named: "sort_icon", in: bundle, with: nil)
+    static let addRoutineIcon = UIImage(named: "add_routine_icon", in: bundle, with: nil)
 
     // MARK: - Tab Bar Icons
     static let homeFillIcon = UIImage(named: "home_fill_icon", in: bundle, with: nil)

Projects/Presentation/Sources/Common/PresentationDependencyAssembler.swift

@@ -49,5 +49,9 @@ public struct PresentationDependencyAssembler: DependencyAssemblerProtocol {
 
             return MypageViewModel(userDataRepository: userDataRepository)
         }
+
+        DIContainer.shared.register(type: RoutineCreationViewModel.self) { _ in
+            return RoutineCreationViewModel()
+        }
     }
 }

Projects/Presentation/Sources/RecommendedRoutine/View/RecommendedRoutineView.swift

@@ -7,6 +7,7 @@
 
 import Combine
 import Domain
+import Shared
 import SnapKit
 import UIKit
 
@@ -26,19 +27,30 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
         static let recommendedRoutineStackViewBottomSpacing: CGFloat = 50
         static let routineCardHeight: CGFloat = 80
         static let registerEmotionButtonHeight: CGFloat = 52
+        static let floatingButtonBottomSpacing: CGFloat = 19
+        static let floatingButtonSize: CGFloat = 52
+        static let floatingMenuBottomSpacing: CGFloat = 15
+        static let floatingMenuHeight: CGFloat = 64
+        static let floatingMenuWidth: CGFloat = 144
     }
 
     private let categoryView = RoutineCategoryView()
     private let headerStackView = UIStackView()
     private let routineLabel = UILabel()
     private let levelButton = RoutineLevelButton()
     private let levelView = SelectableItemTableView<RoutineLevelType>(items: RoutineLevelType.allCases.sorted(by: { $0.id < $1.id }))
+
     private let recommendedRoutineScrollView = UIScrollView()
     private let recommendedRoutineStackView = UIStackView()
     private var recommendedRoutineCards: [Int: RecommendedRoutineCardView] = [:]
     private let registerEmotionButton = RegisterEmotionButton()
-    private var cancellables: Set<AnyCancellable>
 
+    private var isShowingFloatinMenu: Bool = false
+    private let dimmedView = UIView()
+    private let floatingButton = FloatingButton()
+    private let floatingMenu = FloatingMenuView()
+
+    private var cancellables: Set<AnyCancellable>
     public override init(viewModel: RecommendedRoutineViewModel) {
         cancellables = []
         super.init(viewModel: viewModel)
@@ -73,6 +85,20 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
 
         recommendedRoutineStackView.axis = .vertical
         recommendedRoutineStackView.spacing = Layout.recommendedRoutineStackViewSpacing
+
+        floatingButton.addAction(UIAction { [weak self] _ in
+            self?.toggleFloatingButton()
+        }, for: .touchUpInside)
+
+        floatingMenu.isHidden = true
+        floatingMenu.delegate = self
+
+        dimmedView.isHidden = true
+        dimmedView.backgroundColor = UIColor.black.withAlphaComponent(0.7)
+        dimmedView.alpha = 0
+
+        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(tappedDimmedView))
+        dimmedView.addGestureRecognizer(tapGesture)
     }
 
     public override func configureLayout() {
@@ -87,6 +113,10 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
         view.addSubview(recommendedRoutineScrollView)
         recommendedRoutineScrollView.addSubview(recommendedRoutineStackView)
 
+        view.addSubview(dimmedView)
+        view.addSubview(floatingMenu)
+        view.addSubview(floatingButton)
+
         categoryView.snp.makeConstraints { make in
             make.leading.equalTo(safeArea)
             make.trailing.equalTo(safeArea)
@@ -121,6 +151,23 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
             make.bottom.equalToSuperview().inset(Layout.recommendedRoutineStackViewBottomSpacing)
             make.width.equalTo(recommendedRoutineScrollView.snp.width)
         }
+
+        floatingButton.snp.makeConstraints { make in
+            make.trailing.equalTo(safeArea).inset(Layout.horizontalMargin)
+            make.bottom.equalTo(safeArea).inset(Layout.floatingButtonBottomSpacing)
+            make.size.equalTo(Layout.floatingButtonSize)
+        }
+
+        floatingMenu.snp.makeConstraints { make in
+            make.trailing.equalTo(safeArea).inset(Layout.horizontalMargin)
+            make.bottom.equalTo(floatingButton.snp.top).offset(-Layout.floatingMenuBottomSpacing)
+            make.height.equalTo(Layout.floatingMenuHeight)
+            make.width.equalTo(Layout.floatingMenuWidth)
+        }
+
+        dimmedView.snp.makeConstraints { make in
+            make.edges.equalToSuperview()
+        }
     }
 
     public override func bind() {
@@ -162,6 +209,9 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
     }
 
     private func showBottomSheet() {
+        if isShowingFloatinMenu {
+            toggleFloatingButton()
+        }
         presentCustomBottomSheet(contentViewController: levelView, maxHeight: Layout.bottomSheetHeight)
     }
 
@@ -173,6 +223,23 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
             make.height.equalTo(Layout.registerEmotionButtonHeight)
         }
     }
+
+    private func toggleFloatingButton() {
+        floatingButton.toggle()
+        isShowingFloatinMenu.toggle()
+
+        floatingMenu.isHidden = !isShowingFloatinMenu
+        dimmedView.isHidden = !isShowingFloatinMenu
+
+        UIView.animate(withDuration: 0.2, delay: 0, options: [.curveEaseOut]) {
+            self.dimmedView.alpha = self.isShowingFloatinMenu ? 1 : 0
+            self.floatingMenu.alpha = self.isShowingFloatinMenu ? 1 : 0
+        }
+    }
+
+    @objc private func tappedDimmedView() {
+        toggleFloatingButton()
+    }
 }
 
 // MARK: RoutineCategoryViewDelegate
@@ -198,3 +265,15 @@ extension RecommendedRoutineView: SelectableItemTableViewDelegate {
         levelButton.updateButton(level: didSelectLevel)
     }
 }
+
+// MARK: FloatingMenuViewDelegate
+extension RecommendedRoutineView: FloatingMenuViewDelegate {
+    func floatingMenuDidTapRegisterRoutineButton(_ sender: FloatingMenuView) {
+        toggleFloatingButton()
+        guard let routineCreationViewModel = DIContainer.shared.resolve(type: RoutineCreationViewModel.self) else {
+            fatalError("routineCreationViewModel 의존성이 등록되지 않았습니다.")
+        }
+        let routineCreationView = RoutineCreationView(viewModel: routineCreationViewModel)
+        self.navigationController?.pushViewController(routineCreationView, animated: true)
+    }
+}