UserBoxView 버튼 클릭 버벅임 현상 수정 및 UserInfoCollectionView Compositional layout으로 마이그레이션

[Minny27]

Motivation ⍰

• 버튼 클릭 버벅임 현상 수정
• UserInfoCollectionView Compositional layout으로 마이그레이션
• 원형 타이머 dot과 stoke가 이루는 각도를 30도로 가정해서 위치 수정
• 0초 위치 수정

Key Changes 🔑

미리보기는 다음과 같습니다.

더블 클릭 이벤트와 중첩되서 infoBoxView에 있는 버튼을 클릭했을 때 버벅였던 것으로 확인되어
타이머, 버튼 박스 부분을 제외한 프로필 컬렉션 뷰를 더블 클릭했을 때만 정지되도록 구현

cell에 bind할 때 더블 클릭 트리거를 구독해서 프로필, 멈춤 뷰 더블 클릭 이벤트를 머지한 것을 바인딩했습니다.

코드는 다음과 같습니다.

// FallingHomeViewController
let profileDoubleTapTriggerObserver = PublishSubject<Void>() // 셀에서 구독할 subject
    
    let profileDoubleTapTrigger = profileDoubleTapTriggerObserver // 더블 클릭 이벤트가 발생할 때마다 timerActiveRelay의 최신 값과 합성
      .withLatestFrom(timerActiveRelay) { !$1 }
      .asDriverOnErrorJustEmpty()
    
    Driver.merge(profileDoubleTapTrigger, viewWillDisAppearTrigger)
      .drive(timerActiveRelay)
      .disposed(by: disposeBag)
    
    let input = FallingHomeViewModel.Input(
      initialTrigger: initialTrigger,
      timeOverTrigger: timerOverTrigger,
      cellButtonAction: fallingCellButtonAction.asDriverOnErrorJustEmpty()
    )

// FallingUserCollectionViewCell

func bind<O> {
  let profileDoubleTapTrigger = self.profileCollectionView.rx
        .tapGesture(configuration: { gestureRecognizer, delegate in
          gestureRecognizer.numberOfTapsRequired = 2
        })
        .when(.recognized)
        .mapToVoid()
        .asDriverOnErrorJustEmpty()
      
      let pauseViewDoubleTapTrigger = self.pauseView.rx
        .tapGesture(configuration: { gestureRecognizer, delegate in
          gestureRecognizer.numberOfTapsRequired = 2
        })
        .when(.recognized)
        .mapToVoid()
        .asDriverOnErrorJustEmpty()
      
      Driver.merge(profileDoubleTapTrigger, pauseViewDoubleTapTrigger)
        .map { _ in }
        .drive(profileDoubleTapTriggerObserver)
        .disposed(by: disposeBag)
}

현재 UserCardInfoCollectionView(info 버튼 클릭했을 때 나오는 뷰)를 더블 클릭했을 때도 정지를 하게 하려고 했으나,
UserCardInfoCollectionView안에 있는 report 버튼이 또 버벅이는 문제로 구현하지 않았습니다.
UserCardInfoCollectionView, 그 안에 있는 TextView의 동적 높이는 구현이 아직 안 되어 있습니다.
또한, pageControl도 아직 구현 전입니다.

To Reviewers 🙏🏻

• UserCardInfoCollectionView가 디자인대로 잘 반영됐는 지 확인해주세요.
• 버튼 클릭 시, 버벅임이 없는지 확인해주세요.

Linked Issue 🔗

• User Info Box 버튼 이벤트 구현 #69

[ibcylon]

고생하셨습니다.