[FEAT/#12] 마이크 버튼과 TapPublisher를 구현했습니다.

[hsw1920]

🤔 배경

• 많은 화면에서 재활용되는 마이크 버튼 공통 컴포넌트가 필요했습니다.
• tap 하여 토글되었을 때 이벤트를 감지할 수 있도록 Combine에서 따로 지원하지 않는 TapPublisher도 필요했습니다.

📃 작업 내역

• UIControl의 controlPublisher() 구현
• UIControl의 Event중 .touchUpInside를 감지하는 tapPublisher를 UIButton에 확장
• PTGMicButton 구현

✅ 리뷰 노트

1. PTGMicButton은 기본적으로 아래와 같은 프로퍼티와 메서드를 갖습니다.

public final class PTGMicButton: UIButton {
    ...
    private var micState: PTGMicState

    public func toggleMicState() { }
    ...
}

• micState는 on/off 상태를 가지며 toggleMicState()를 통해 각 state에 맞게 적절한 UI를 변경할 수 있습니다.

2. tapPublisher를 구현하였습니다.

        button.tapPublisher
            .sink { [weak self] _ in
                self?.button.toggleMicState()
            }.store(in: &cancellables)

• 위 예시처럼 사용가능합니다.

3. controlPublisher()를 통해 UIControl.Event를 구독할 수 있습니다.

        button.controlPublisher(for: .touchDown)
            .map { _ in }
            .eraseToAnyPublisher()
            .sink { [weak self] _ in
                print("touchDown")
            }.store(in: &cancellables)
        
        button.controlPublisher(for: .touchUpOutside)
            .map { _ in }
            .eraseToAnyPublisher()
            .sink { [weak self] _ in
                print("touchUpOutSide")
            }.store(in: &cancellables)

• UIControl.Event의 경우 범용적으로 많이 사용될 가능성이 있어 public으로 열어뒀습니다.

🎨 스크린샷

마이크 버튼 토글

🚀 테스트 방법

• 위 스크린샷은 데모를 통해 임의로 구현된 예시입니다.
• 테스트하려면 DesignSystem의 PTGMicButton 인스턴스를 선언하여 테스트 부탁드립니다.

[youn9k]

Publisher 들 구현해둔 게 엄청 편할 것 같아요! 익스텐션은 FeatureUtility 모듈에 두기로 했었는데 이렇게 보니 굳이 두개의 모듈로 쪼갤 필요가 있나 싶어서 지금처럼 BaseFeature에 두고, FeatureUtility모듈을 없애는 것도 좋아보입니다ㅎㅎ

[Kiyoung-Kim-57]

Combine에 대한 이해가 부족해서 읽는데 오래걸렸습니다! 확실히 Publisher로 탭 이벤트를 관리하니 사용하기 훨씬 편해보이는 것 같습니다!! 고생하셨습니다!