Feat [#5] App Picker SwiftUI button 구현

[Zoe0929]

👾 작업 내용

SwiftUI를 이용해서 구현해야하는 App Picker 버튼을 구현했습니다.

🚀 PR Point

• SwiftUI 코드는 Code Convention이 따로 없어서 최대한 깔끔하게 적어보려 노력했습니다.
• 사용시에는 다음과 같이 HostingViewController를 사용해주시면 됩니다.

    var hostingController: UIHostingController<HMHAppSelectButtonView>?
    
    private lazy var contentViewController : UIHostingController<some View> = {
        let model = BlockingApplicationModel.shared
        let hostingController = UIHostingController(
            rootView: HMHAppSelectButtonView()
                .environmentObject(model)
        )
        return hostingController
    }()

• 이 경우에는 ViewController로 선언되기 때문에 contentViewController.view 형식으로 사용해야합니다. 이 부분 더 좋은 코드 있을지 더 고민해보겠습니다.
• SwiftUI의 View를 UIkit에서 사용하는 과정에서, AutoLayout을 잡으면, SwiftUI의 ContentsView가 하나의 뷰로 간주되어, 터치 영역이 텍스트 부분에만 잡히게 되었습니다. 이 문제를 해결하기 위해 RoundedRect 뷰를 아래에 두고, 그 위에 Button 크기가를 고정해두어 터치 영역을 잡아뒀습니다.

📸 스크린샷

구현 내용	스크린샷
앱 선택 버튼

✅ Issue

Resolved #5

[kim-seonwoo]

구현 수고 많으셨습니다~👍👏🏽🍀

[kim-seonwoo]

오 이 부분이 앱을 불러오는 건가요?

[Zoe0929]

맞습니다~ picker뷰를 띄워서 model에 저장하는 부분입니다!

[boyeon0119]

p5. SwiftUI 처음이실텐데 진짜 고생하셨습니다!!!!

[boyeon0119]

p5.이 친구는 왜 혼자 쓸쓸하게 있는걸까요??

[Zoe0929]

추후에 사용될 파일입니다!

[boyeon0119]

p5.스유에서는 UIColor가 아니라 uiColor라고 쓰나요?!?

[Zoe0929]

넵 여기서는 UIColor 대신 Color를 사용합니다! Color의 내장함수입니다~