[#18] BottomDetailView 레이아웃 구현

[Taehyeon-Kim]

🔍 What is this PR?

BottomDetailView 레이아웃을 구현했어요.

📝 Changes

• SmokePlace 도메인 모델 추가
• BaseView 파일 추가
• 에셋 일부 추가
• 컬러 일부 추가(@jane1choi 당장 필요한것만 추가해서 구현했는데 세팅해주시면 바꾸도록 할게요)

🗣 Comment

• ViewModelType 추가되면 이후에 MVVM + Input/Output Modeling으로 수정할게요.
• 현재 애니메이션은 show/hide 2가지 상태만 구현했어요. 나중에 데이터만 업데이트하는 부분은 추가되어야 할 것 같습니다.
• SE는 레이아웃이 원하는대로 안 잡히는 이슈가 있어서 분기처리해두었습니다. (정확한 값은 디자이너와 논의해야할 것 같아요.)

📌 Usage

func showBottomSheet(withDuration duration: Double = 0.3) {
    let movement = Metrics.bottomSheetBottom

    bottomSheetView.snp.updateConstraints {
        $0.bottom.equalToSuperview().inset(movement)
    }

    UIView.animate(withDuration: duration) { [weak self] in
        self?.layoutIfNeeded()
    }
}

• show animation 메서드입니다.
• 애니메이션 기본 지속시간은 0.3초로 지정해놨어요.

func hideBottomSheet(withDuration duration: Double = 0.3) {
    let movement = -(Metrics.bottomSheetViewHeight + Metrics.bottomSheetBottom)

    bottomSheetView.snp.updateConstraints {
        $0.bottom.equalToSuperview().inset(movement)
    }

    UIView.animate(withDuration: duration) { [weak self] in
        self?.layoutIfNeeded()
    }
}

• hide animation 메서드입니다.

📸 Screenshot

구현 내용	스크린샷
SE 2(3rd Generation)
13 mini Animation

☑️ Test Checklist

• iPhone 13 mini, iPhone 14 Pro, iPhone SE2 정도 확인했습니다.
• show/hide 애니메이션 확인했습니다.

📮 관련 이슈

• Resolved: #18