Feat [#7] 커스텀 HMHNavigationBar 구현

[kim-seonwoo]

👾 작업 내용

• HMHNavigationBar 파일에 프로젝트 전반에 사용되는 네비게이션 바를 구현하였습니다.
• ImageLiterals 파일을 생성하였습니다.
• 아직 아이콘의 일부는 추가하지 못했습니다. 파란 배경으로 대체하였습니다.

🚀 PR Point

네비게이션바 타입 종류

HMHNavigationBar의 NavigationBarType은 HMH 로고 이미지를 포함하는 네비게이션 바를 표현 한 logo type과
그 외의 일반적인 네비게이션 바 상황을 담은 normal로 case 분류를 하였습니다.

    enum NavigationBarType {
        case normal
        case logo
    }

네비게이션바 사용법

다음은 네비게이션 바 사용예시입니다.

lazy var navigationBar = HMHNavigationBar(self, leftItem: .normal, isBackButton: true, isTitleLabel: true, isPointImage: true, titleText: "마이페이지")

• 첫 파라미터는 self로 설정하여 해당 viewController를 나타내 줍니다.
• leftItem에 normal과 logo 중 설정해 줍니다.
• isBackButton, isTitleLabel, isPointImage에 Bool값을 설정합니다. false로 설정 시 해당 요소가 생략된 네비게이션 바가 생성됩니다.
• titleText에 중앙 라벨에 보여질 텍스트의 내용을 입력합니다.

ImageLiteral 설정&사용

• 다음과 같이 Image.swift에 쓰일 이미지를 작성합니다.

enum ImageLiterals {
    enum NavigationBar {
        static var icArrowLeft: UIImage { .load(named: "ic_back")}
    }
}

• 다음은 ImageLiterals 사용 예시입니다.

$0.setImage(ImageLiterals.NavigationBar.icArrowLeft, for: .normal)

📸 스크린샷

구현 내용	스크린샷
HMHNavigationBar 사용 예시

✅ Issue

Resolved #7

[boyeon0119]

너무 빠릅니다. 속도 맞춰주세요~ 🙏🫢👍

[Zoe0929]

P2. 왕빠르다 ! 고생하셨습니다. 🚀🐹