[FEAT] #46 - 명함 그룹화면 구현 #84

dlwns33 · 2021-11-25T19:22:34Z

🌴 PR 요약

🌱 작업한 브랜치

feature/[FEAT] 명함 그룹화면 구현 #46

🌱 작업한 내용

명함 그룹 화면 UI 레이아웃 잡기
명함 그룹 화면에만 들어가는 card cell 다시 만들기
그룹 이름 dynamic cell 되게 하기
bottomSheet가 dismiss되고 바로 다른 bottomSheet로 올라가는 경우를 대비해 commonBottomSheet 파일에 함수 만들기
ID로 추가, QR로 추가 화면 전환 잇기

📸 스크린샷

기능	스크린샷	기능	스크린샷
전체화면		구현한 화면 GIF

📮 관련 이슈

Resolved: [FEAT] 명함 그룹화면 구현 #46

mini-min

기다렸습니다 이준쌤⭐️
고생하셨습니다 ^___^

mini-min · 2021-11-26T02:54:36Z

NADA-iOS-forRelease.xcodeproj/project.pbxproj

 		DBBB91E1639641F40C5B4416 /* Pods_NADA_iOS_forRelease.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 4A2183AE0E469153221624A0 /* Pods_NADA_iOS_forRelease.framework */; };
 		F811720027383097002742CF /* ChangeGroupRequest.swift in Sources */ = {isa = PBXBuildFile; fileRef = F81171FF27383097002742CF /* ChangeGroupRequest.swift */; };
-		F81A6833274F49A700B80A4F /* UITextField+Extension.swift in Sources */ = {isa = PBXBuildFile; fileRef = F81A6832274F49A700B80A4F /* UITextField+Extension.swift */; };


어라라라ㅏ 혹쉬 이게 빠져있는거는 위치가 변경되서 그런걸까요...?
아니면 pull을 안받아서일까요..?
이준교수님 xcode에서는 잘 되는건가욥..?

안그래두.. 나도 이게 뭐지 싶었는데 또 깃허브랑 엑스코드에서는 파일이 잘 있더라구..?
풀은 분명히 중간에 최신걸로 받았는데... 이상허다 싶었어...

UITextField+Extension 파일을 민재랑 내가 동시에 만들어서 내가 삭제해줘서 그런거 같네요1

아하... 글면 괜찮을거 같슴다..!

mini-min · 2021-11-26T03:00:16Z

NADA-iOS-forRelease/Resouces/Constants/ViewController.swift

@@ -17,6 +17,7 @@ extension Const {
            static let frontViewController = "FrontViewController"
            static let groupViewController = "GroupViewController"
            static let groupEditViewController = "GroupEditViewController"
+            static let qrScanViewController = "QRScanViewController"


바텀시트도 Constants에 같이 추가해두면 좋을 것 같습니다 선배님!

오우 굿포인트 지금 바로 추가할게여!!!

mini-min · 2021-11-26T03:06:36Z

NADA-iOS-forRelease/Sources/ViewControllers/BottomSheet/CommonBottomSheetViewController.swift

@@ -72,6 +72,7 @@ class CommonBottomSheetViewController: UIViewController {
        let label = UILabel()
        label.font = .systemFont(ofSize: 20, weight: .bold)
        label.textAlignment = .center
+        label.sizeToFit()


오호 감사합니다🙏🏻
체크 못한 부분까지...!

민재가 너무 잘만들어놔서 코드 짜기 너무 편했심다^__^

hyun99999

일단 46번을 닫기 위함이지만 혹시나 놓치신부분이 있을까봐! 챙겨봤습니다...
주석은 나중에 개발하시면서 필요없어지면 지워주세요!
수고하셨어용 이준선배!

hyun99999 · 2021-11-27T08:35:38Z

NADA-iOS-forRelease/Sources/Cells/GroupCell/GroupCollectionViewCell.swift

+        return UINib(nibName: "GroupCollectionViewCell", bundle: nil)
+    }


요것도 Const Xib 에서 만들어서 쓰시면 좋을거 같아요!

아하 xib에 추가를 해놓긴했는데 여기선 const로 안썼네요... 알겠슴돠!!

hyun99999 · 2021-11-27T09:02:14Z

NADA-iOS-forRelease/Sources/ViewControllers/Group/GroupViewController.swift

+            if indexPath.row == 0 {
+//                groupCell.groupName.textColor = .background
+//                groupCell.groupBackground.backgroundColor = .primary
+                groupCell.isSelected = true
+            } else {
+                groupCell.isSelected = false
+            }
+            groupCollectionView.layoutIfNeeded()


처음 뷰를 봤을 때 미분류의 경우 selected 된 듯한 효과가 안나오더라구요
요거 collectionView 에 selectItem 에 넣어주지 않아서 그런거라
collectionView.selectItem(at: indexPath, animated: true, scrollPosition: .init())
isSelected 코드 없이 0일 경우에만 위의 코드를 추가해주시면 작동합니당 아 그리고 257 번줄은 지금은 필요는 없을거 같아여
cell 에서 didset 으로 반영해주기 때문이죵

헐 안그래도 이거 이슈파서 고치려고 했는데 감삼돠 교수님!!

hyun99999 · 2021-11-27T09:18:15Z

NADA-iOS-forRelease/Sources/ViewControllers/Group/GroupViewController.swift

+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
+        return 0
+    }
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
+        switch collectionView {
+        case groupCollectionView:
+            return 5
+        case cardsCollectionView:
+            return 14
+        default:
+            return 0
+        }
+    }


groupCollectionView 의 경우는 linespacing 이 필요없으니깐 0 으로도 해도될거같구 interitemspacing 이 필요해보이네요!

요게 말입니다... 저도 원래 옆간격이 interitemspacing이고 위아래 간격이 linespacing이라고 알고 있는데,
groupCollectionview가 scrolling 방향이 horizontal이라 그런지 옆간격을 설정해주려면 linespacing을 해야 먹더라구요...?
저도 싱기했습니다ㅏㅏㅏ.....

아 맞다 ㅋㅋㅋㅋㅋ맞아요 잊고 살았는데 ㅋㅋㅋㅋ 아 맞습니다 맞아요

흠 저도 이 기억이 있는데 왜 따닥따닥.. 선배가 되었을까요 혹시 간격 제대로 적용되나요?

오 저도 방금했는데 그렇게 되네 ㅋㅋㅋㅋ 맞아요.. 진짜 옛날 기억;

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ아놬ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 교수님..의...학부생시절...기억인가요..?

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ... 그땐 아마.. 뜨겁고도 습했던 여름이었더랬죠

헐 교수님 이거 collectionview estimated size를 none으로 하니까 옆간격이 interitemspacing이 옆간격인가봐요 이거뭐죠? ㅋㅋㅋ.ㅋㅋ.ㅋ.ㅋ.ㅋ...ㅋ..ㅋ....ㅋ..ㅋ....ㅋ.이게뭐지..... 이상허다...

어라ㅏㄹ...? 이상허다 저는 line 으로 잡아야 넓어지던데..?

hyun99999 · 2021-11-27T09:22:44Z

NADA-iOS-forRelease/Sources/ViewControllers/Group/GroupViewController.swift

+extension GroupViewController: UICollectionViewDelegateFlowLayout {
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
+
+        var width: CGFloat
+        var height: CGFloat
+
+        switch collectionView {
+        case groupCollectionView:
+            if groups[indexPath.row].count > 4 {
+                width = CGFloat(groups[indexPath.row].count) * 16
+            } else {
+                width = 62
+            }
+            height = collectionView.frame.size.height


지금 인하대학교가 끝까지 안보이는 이슈가 있는데요ㅜ
컬렉션뷰의 estimate size 를 none 으로 하지 않아서 발생하는거 같아요!
인퍼테이스빌더로 해줘도 되고 코드로

let cardCreationCollectionViewlayout = cardCreationCollectionView.collectionViewLayout as? UICollectionViewFlowLayout cardCreationCollectionViewlayout?.estimatedItemSize = .zero

이렇게 설정해주어도 된답니다!

설정해주면 interitemspacing 를 0으로 했기 때문에

따닥붙고 인하대학교까지 보일거에요! 기존에는 automatic 이었기 때문에 간격도 자동으로 벌어졌는데 끝에가 안보였던거 같네용

4글자까지는 정적인 사이즈로 조절했는데 혹시 이유가 있을까요?!
그리고 글자수대로 width 를 잡아도 좋긴한대 다음과 같이 짜도 좋을거 같아요! 아래는 1글자에 대한 크기도 대응을 해주었습니당!

// ✅ 20(여백), 폰트사이즈 system 14기준 let cellSize = CGSize(width: topicList[indexPath.item].size(withAttributes: [NSAttributedString.Key.font : UIFont.systemFont(ofSize: 14)]).width + 20, height: 30) return cellSize

어머어머 estimated size까지 신경써주시는 세심함... 감삼다 덕분에 해결됐어요!!!

아 그리고 4글자까지 정적인 사이즈로 조절한 이유는 1-4글자까지 글자수로 대응하면 너무 터치되는 버튼 사이즈가 작아서 불편하더라구요.. 그래서 제플린을 보니 지금 미분류, SOPT 버튼의 크기를 반영해서 4글자까지는 정적으로 대응했습니다!!

아아 좋네요! 이유가 있었군요 저도 적용해보겠습니다 담번에 터치영역까지 고려한 ㄷ ㄷ

dlwns33 added 13 commits November 21, 2021 19:37

[FEAT] TeamNADA#46 명함 그룹 뷰 네비게이션 바 추가

8598c5c

[FEAT] TeamNADA#46 명함 그룹 레이아웃 잡기

5dd8ac9

[FEAT] TeamNADA#46 그룹 collectionview cell 추가

bee89df

[FEAT] TeamNADA#46 collectionview 큰 레이아웃 완료

f3865d9

[FEAT] TeamNADA#46 그룹명 다이나믹 셀

f9b4f5d

[REFACTOR] TeamNADA#46 collectionview switch 문 사용

2c2ee45

Merge branch 'develop' into feature/TeamNADA#46

078bdf6

[FEAT] TeamNADA#46 그룹 편집 뷰 이어지게

539ac3d

[FEAT] TeamNADA#46 명함 그룹 뷰 셀 따로 만들기

af68891

[FEAT] TeamNADA#46 명함 그룹 뷰 셀 IBoutlet 추가

a4f32d6

[FEAT] TeamNADA#46 아이디로 추가 bottomSheet 연결

137a66f

[FEAT] TeamNADA#46 ID검색 뒤 명함 bottomSheet 연결

7f0091c

[FEAT] TeamNADA#46 QR스캔 화면 생성

f0750a2

dlwns33 added Yijoon 🐨 이준 대치동강사 작업 Feat 새로운 기능 구현 labels Nov 25, 2021

dlwns33 requested review from hyun99999 and mini-min November 25, 2021 19:22

dlwns33 self-assigned this Nov 25, 2021

mini-min approved these changes Nov 26, 2021

View reviewed changes

[FEAT] TeamNADA#46 const 에 bottomsheet 추가

15d0f8e

dlwns33 merged commit 6e8c769 into TeamNADA:develop Nov 26, 2021

dlwns33 deleted the feature/#46 branch November 26, 2021 08:27

hyun99999 reviewed Nov 27, 2021

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[FEAT] #46 - 명함 그룹화면 구현 #84

[FEAT] #46 - 명함 그룹화면 구현 #84

dlwns33 commented Nov 25, 2021

mini-min left a comment

mini-min Nov 26, 2021

dlwns33 Nov 26, 2021

hyun99999 Nov 26, 2021

dlwns33 Nov 26, 2021

mini-min Nov 26, 2021

dlwns33 Nov 26, 2021

mini-min Nov 26, 2021

dlwns33 Nov 26, 2021

hyun99999 left a comment

hyun99999 Nov 27, 2021

dlwns33 Nov 27, 2021

hyun99999 Nov 27, 2021

dlwns33 Nov 27, 2021

hyun99999 Nov 27, 2021

dlwns33 Nov 27, 2021

hyun99999 Nov 27, 2021

hyun99999 Nov 27, 2021

hyun99999 Nov 27, 2021

dlwns33 Nov 27, 2021

hyun99999 Nov 27, 2021

dlwns33 Nov 27, 2021

hyun99999 Nov 27, 2021

hyun99999 Nov 27, 2021

hyun99999 Nov 27, 2021

dlwns33 Nov 27, 2021

hyun99999 Nov 27, 2021

		return UINib(nibName: "GroupCollectionViewCell", bundle: nil)
		}

[FEAT] #46 - 명함 그룹화면 구현 #84

[FEAT] #46 - 명함 그룹화면 구현 #84

Conversation

dlwns33 commented Nov 25, 2021

🌴 PR 요약

📸 스크린샷

📮 관련 이슈

mini-min left a 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

hyun99999 left a 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

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