feat: BBToolTip Action 처리 및 마이그레이션 작업 해요 #693

Do-hyun-Kim · 2024-10-27T13:36:38Z

🔵PR을 올리기 전 아래 사항을 확인해주세요.

구현한 로직과 기능이 올바르게 작동되는지 충분히 테스트해주세요.
코드의 성능이나 메모리 효율성이 적절하게 고려되었는지, 불필요한 코드가 없는지 검토해주세요.
이번 PR에서 구현된 주요 기능이나 해결된 문제에 대해 자세히 서술해주세요.
(위 내용은 지워주세요)

😽개요

기존 ToolTipView를 text, Thumbnail로 모듈 분리하여 기능구현 하였습니다.

🛠️작업 내용

BBBaseToolTipView는 ToolTipView에 뼈대가 되는 ShapeLayer를 그리는 역할을 수행하도록 내부 구현을 했습니다.
BBToolTip을 통해서 BBThumbnailToolTipView, BBTextToolTipView를 superView에 띄우도록 구현하였습니다.
BBThumbnailToolTipView는 BBBaseToolTipView를 상속받고 있기 때문에 오직 Thumbnail에 필요한 Layout과 기능 구현만 수행하도록 로직을 구현했습니다.
BBTextToolTipView도 위와 동일
BBToolTip은 superView Property를 통해 자동으로 Layout을 잡도록 구현했습니다. 때문에 AutoLayout을 선언하지 않고 Tooltip을 넣어줘야하는 view를 넣어주시기만 하면 됩니다.

BBToolTip 사용 방법

//Property 선언
private let toolTipView: BBToolTip = BBToolTip(.monthlyCalendar)
        
toolTipView.do {
    // tooltipView에 기준이될 superView 주입
     $0.superview = tipButton
}
  // toggle 형식으로  tooltip show, hide 처리
reactor.pulse(\.$hiddenTooltipView)
    .bind(with: self) {
        $1 ? $0.toolTipView.hide()
        : $0.toolTipView.show()
     }
     .disposed(by: disposeBag)

(작업한 코드에 대한 자세한 설명해주세요. 필요하다면 이미지나 표를 첨부해주세요)

이미지①

✅테스트 케이스

ToolTip이 해당 superView 기준으로 정확히 배치되었는지 확인해요
TooTip의 Type이 변경될 경우 Layout이 변경되는지 확인해요

🙏🏻아래와 같이 PR을 리뷰해주세요.

PR 내용이 부족하다면 보충 요청해주세요.
코드 스타일이 팀의 규칙에 맞게 작성되었는지, 일관성을 유지하고 있는지 확인해주세요.
코드에 대한 문서화나 주석이 필요한 부분에 적절하게 작성되어 있는지 확인해주세요.
구현된 로직이 효율적이고 올바르게 작성되었는지, 아키텍처를 잘 준수하고 있는지 검토해주세요.
네이밍, 포매팅, 주석 등 코드의 일관성이 유지되고 있는지 확인해주세요.

- BBAnimatable 로직 수정 - BBToolTipType xPosition, yPosition 분리 - BBToolTipAction Nested Type 추가

- BBBaseToolTIpView 내부 drawable Method 추가 - BBToolTip Class 추가 - BBDrawable protocol, extension 제거

- ToolTip 관련 주석 추가

- BBToolTip Layout을 frame 기반으로 로직 수정

…하기 위해 intrinsicContentSize 재정의 - BBTooltip contentView ContentView intrinsicContentSize 기반으로 로직 수정 - BBToolTipConfiguration maxWidth, maxHeight Properties 제거

- BBToolTip property, Intializer 수정

…into feat/#649-tooltip-modify

- BBTextToolTipView TouchControl 클릭시 Tooltip 사라지는 애니메이션 로직 제거

akrudal · 2024-11-01T15:04:30Z

14th-team5-iOS/App/Sources/Presentation/Calendar/View/MemoriesCalendarPageTitleView.swift

@@ -48,8 +48,8 @@ final public class MemoriesCalendarPageTitleView: BaseView<MemoriesCalendarTitle
    private func bindOutput(reactor: Reactor) {
        reactor.pulse(\.$hiddenTooltipView)
            .bind(with: self) {
-                $1 ? $0.toolTipView.hidePopover()
-                : $0.toolTipView.showPopover()
+                $1 ? $0.toolTipView.hide()


이거 toolTipView에 rx 뚫어주는거 어때용 ?ㅎㅎ 바로 bind(to: tollTipView.rx.isHidden 이렇게 쓰게요

확실히 Binder 따로 만들어 놓는게 가독성이 좋겠네요!!

따로 Binder 구현해 놓을게요

akrudal · 2024-11-01T15:09:12Z

14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBAnimatable.swift


        UIView.animate(withDuration: duration, delay: 0, options: options) { [weak self] in
            guard let self else { return }
-            self.transform = CGAffineTransform.identity
-            self.alpha = 1
+            self.contentView?.transform = CGAffineTransform.identity


..UIView.animate는 weak self를 쓸 필요가 없다고 합니당...

아하 UIView.animate에는 쓸필요가 없네요 감사합니다 :)

추가로 GCD에도 쓸 필요가 없었네요 기존 GCD에 적용해 놨던 weak self 코드도 따로 이슈 파서 수정해 놓을 게요

고거는 왜 쓸 필요 없나여?! 저도 알려주세영

제가 이해한 바로는 GCD 같은 경우 타입 프로퍼티, 타입 메서드로 구성이 되어 있기때문에 weak self를 사용하지 않아도 되요

다만 기존에 있던 작업을 다른 스레드에 보낸다면 순환 참조 문제가 발생 할 수 있다고 하더라고여

akrudal · 2024-11-01T15:11:46Z

14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBBaseToolTipView.swift

 //

 import UIKit

-/// **UIBezierPath**, ** CALayer**, **CGMutablePath**을  활용한 draw 메서드를 정의하는 Protocol입니다.
-protocol BBDrawable {


요거 없앤 이유가 있나영? 결국 메서드들은 쓰는 . 것같은뎅..?!

akrudal · 2024-11-01T15:12:41Z

14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBTextToolTipView.swift

+        super.init(toolTipType: toolTipType)
+        setupToolTipUI()
+        setupToolTipContent()
+        setupAutoLayount()


오타나써영!!

근데 여기는 왜 setupUI(), setupAttributes() 이렇ㄱ ㅔ안하구.. 따로 네이밍하셧나용?!

썸네일도 그러네영!! 확인해주세요옹

오타, 네이밍 같이 수정해놓겠습니다 👍 👍

akrudal · 2024-11-01T15:15:32Z

14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipType.swift

                contentText: "모두가 참여한 날과 업로드한 사진 수로\n이 달의 친밀도를 측정합니다"
            )
        case let .waitingSurvivalImage(contentText, profile):
            return .init(
                foregroundColor: .bibbiBlack,
                backgroundColor: .mainYellow,
-                position: .bottom,
+                yPosition: .bottom,


좋네영 ~! LGTM

PR에 적어주신 사용법 주석으로 tooltipview에도 적어주시면 안되나영?!

네넵 주석도 적용해놓을게요 💯

Do-hyun-Kim added 3 commits October 25, 2024 20:11

feat: BBBaseToolTipView, BBThumbnailToolTipView 추가

a75fc9f

- BBAnimatable 로직 수정 - BBToolTipType xPosition, yPosition 분리 - BBToolTipAction Nested Type 추가

feat: BBTextToolTipView, BBThumbnailToolTipView 모듈 분리

5d324e3

- BBBaseToolTIpView 내부 drawable Method 추가 - BBToolTip Class 추가 - BBDrawable protocol, extension 제거

fix: BBToolTip createToolTip Method parameter completionHandler 추가

b3ca702

Do-hyun-Kim added 🦊 도현 🛠️REACTOR 리팩토링 labels Oct 27, 2024

Do-hyun-Kim requested a review from akrudal October 27, 2024 13:36

Do-hyun-Kim self-assigned this Oct 27, 2024

Do-hyun-Kim marked this pull request as draft October 27, 2024 13:36

Do-hyun-Kim added 6 commits October 27, 2024 23:51

feat: BBToolTip 관련 에러처리 로직 수정

39b45a9

- ToolTip 관련 주석 추가

feat: BBToolTipConfiguration maxWidth, maxHeight Properties 추가

5b38376

- BBToolTip Layout을 frame 기반으로 로직 수정

feat: BBTextToolTipView, BBThumbnailToolTipView Width, height 동적으로 정의…

1ab3d35

…하기 위해 intrinsicContentSize 재정의 - BBTooltip contentView ContentView intrinsicContentSize 기반으로 로직 수정 - BBToolTipConfiguration maxWidth, maxHeight Properties 제거

fix: BBDrawable Protocol 제거

ff128b6

- BBToolTip property, Intializer 수정

Merge branch 'develop' of https://github.com/depromeet/14th-team5-iOS …

fe22a7d

…into feat/#649-tooltip-modify

fix: MemoriesCalendarPageTitleView 기존 TooltipView 로직 수정

4602170

- BBTextToolTipView TouchControl 클릭시 Tooltip 사라지는 애니메이션 로직 제거

Do-hyun-Kim marked this pull request as ready for review October 30, 2024 06:13

akrudal reviewed Nov 1, 2024

View reviewed changes

akrudal approved these changes Nov 1, 2024

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: BBToolTip Action 처리 및 마이그레이션 작업 해요 #693

feat: BBToolTip Action 처리 및 마이그레이션 작업 해요 #693

Do-hyun-Kim commented Oct 27, 2024 •

edited

Loading

akrudal Nov 1, 2024

Do-hyun-Kim Nov 3, 2024

akrudal Nov 1, 2024

Do-hyun-Kim Nov 3, 2024

akrudal Nov 3, 2024

Do-hyun-Kim Nov 4, 2024

akrudal Nov 1, 2024

akrudal Nov 1, 2024

akrudal Nov 1, 2024

akrudal Nov 1, 2024

Do-hyun-Kim Nov 3, 2024

akrudal Nov 1, 2024

akrudal Nov 1, 2024

Do-hyun-Kim Nov 3, 2024

feat: BBToolTip Action 처리 및 마이그레이션 작업 해요 #693

Are you sure you want to change the base?

feat: BBToolTip Action 처리 및 마이그레이션 작업 해요 #693

Conversation

Do-hyun-Kim commented Oct 27, 2024 • edited Loading

🔵PR을 올리기 전 아래 사항을 확인해주세요.

😽개요

🛠️작업 내용

BBToolTip 사용 방법

✅테스트 케이스

🙏🏻아래와 같이 PR을 리뷰해주세요.

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Do-hyun-Kim commented Oct 27, 2024 •

edited

Loading