Feat: FloatingButton, FloatingMenuView UI 구현

Author: choijungp

Projects/Presentation/Resources/Images.xcassets/add_routine_icon.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "add_routine_icon.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "add_routine_icon@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "add_routine_icon@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Projects/Presentation/Resources/Images.xcassets/add_routine_icon.imageset/add_routine_icon.png

@@ -0,0 +1,57 @@
+//
+//  FloatingButton.swift
+//  Presentation
+//
+//  Created by 최정인 on 7/28/25.
+//
+
+import SnapKit
+import UIKit
+
+final class FloatingButton: UIButton {
+
+    private enum Layout {
+        static let floatingButtonHeight: CGFloat = 52
+        static let plusIconSize: CGFloat = 15
+    }
+
+    private let plusIcon = UIImageView()
+    private var isToggled: Bool = false
+
+    init() {
+        super.init(frame: .zero)
+        configureAttribute()
+        configureLayout()
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    private func configureAttribute() {
+        backgroundColor = BitnagilColor.navy500
+        layer.masksToBounds = true
+        layer.cornerRadius = Layout.floatingButtonHeight / 2
+
+        plusIcon.image = BitnagilIcon.plusIcon
+        plusIcon.tintColor = BitnagilColor.gray99
+    }
+
+    private func configureLayout() {
+        addSubview(plusIcon)
+
+        plusIcon.snp.makeConstraints { make in
+            make.size.equalTo(Layout.plusIconSize)
+            make.center.equalToSuperview()
+        }
+    }
+
+    func toggle() {
+        isToggled.toggle()
+
+        let angle: CGFloat = isToggled ? -.pi / 4 : 0
+        UIView.animate(withDuration: 0.3, delay: 0, options: [.curveEaseInOut]) {
+            self.plusIcon.transform = CGAffineTransform(rotationAngle: angle)
+        }
+    }
+}

Projects/Presentation/Resources/Images.xcassets/add_routine_icon.imageset/add_routine_icon@2x.png

@@ -0,0 +1,87 @@
+//
+//  FloatingMenu.swift
+//  Presentation
+//
+//  Created by 최정인 on 7/28/25.
+//
+
+import SnapKit
+import UIKit
+
+protocol FloatingMenuViewDelegate: AnyObject {
+    func floatingMenuDidTapRegisterRoutineButton(_ sender: FloatingMenuView)
+}
+
+final class FloatingMenuView: UIView {
+
+    private enum Layout {
+        static let registerRoutineButtonHeight: CGFloat = 22
+        static let registerRoutineButtonWidth: CGFloat = 98
+        static let registerRoutineIconSize: CGFloat = 24
+        static let registerRoutineLabelLeadingSpacing: CGFloat = 16
+        static let registerRoutineLabelHeight: CGFloat = 20
+    }
+
+    private let containerView = UIView()
+    private let registerRoutineButton = UIButton()
+    private let registerRoutineIconView = UIImageView()
+    private let registerRoutineLabel = UILabel()
+    weak var delegate: FloatingMenuViewDelegate?
+
+    init() {
+        super.init(frame: .zero)
+        configureAttribute()
+        configureLayout()
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    private func configureAttribute() {
+        containerView.backgroundColor = .white
+        containerView.layer.masksToBounds = true
+        containerView.layer.cornerRadius = 12
+
+        registerRoutineIconView.image = BitnagilIcon.addRoutineIcon
+
+        registerRoutineLabel.text = "루틴 등록"
+        registerRoutineLabel.font = BitnagilFont(style: .subtitle1, weight: .medium).font
+        registerRoutineLabel.textColor = BitnagilColor.navy500
+
+        registerRoutineButton.addAction(UIAction { [weak self] _ in
+            guard let self else { return }
+            self.delegate?.floatingMenuDidTapRegisterRoutineButton(self)
+        }, for: .touchUpInside)
+    }
+
+    private func configureLayout() {
+        addSubview(containerView)
+        containerView.addSubview(registerRoutineButton)
+        [registerRoutineIconView, registerRoutineLabel].forEach {
+            registerRoutineButton.addSubview($0)
+        }
+
+        containerView.snp.makeConstraints { make in
+            make.edges.equalToSuperview()
+        }
+
+        registerRoutineButton.snp.makeConstraints { make in
+            make.center.equalToSuperview()
+            make.height.equalTo(Layout.registerRoutineButtonHeight)
+            make.width.equalTo(Layout.registerRoutineButtonWidth)
+        }
+
+        registerRoutineIconView.snp.makeConstraints { make in
+            make.centerY.equalToSuperview()
+            make.leading.equalToSuperview()
+            make.size.equalTo(Layout.registerRoutineIconSize)
+        }
+
+        registerRoutineLabel.snp.makeConstraints { make in
+            make.leading.equalTo(registerRoutineIconView.snp.trailing).offset(Layout.registerRoutineLabelLeadingSpacing)
+            make.centerY.equalToSuperview()
+            make.height.equalTo(Layout.registerRoutineLabelHeight)
+        }
+    }
+}