[홈] 무한 캐러셀 구현

SpaceCapsule/SpaceCapsule/Scene/TabBar/Home/HomeViewController.swift

@@ -15,7 +15,9 @@ final class HomeViewController: UIViewController, BaseViewController {
 
     var viewModel: HomeViewModel?
     var disposeBag = DisposeBag()
-
+
+    var datasource: [HomeCapsuleCellItem] = []
+
     var centerIndex: CGFloat {
         return homeView.capsuleCollectionView.contentOffset.x / (FrameResource.homeCapsuleCellWidth * 0.75 + 10)
     }
@@ -30,13 +32,16 @@ final class HomeViewController: UIViewController, BaseViewController {
         title = "홈"
         configureView()
         bind()
+        homeView.capsuleCollectionView.dataSource = self
     }
 
     override func viewWillAppear(_ animated: Bool) {
         super.viewWillAppear(animated)
         viewModel?.input.viewWillAppear.onNext(())
     }
 
+    // MARK: - Functions
+
     private func configureView() {
         view.backgroundColor = .themeBackground
 
@@ -49,6 +54,12 @@ final class HomeViewController: UIViewController, BaseViewController {
                 } else {
                     owner.emptyView = nil
                     owner.showHomeView()
+                    owner.datasource = capsuleCellItems
+                    owner.homeView.capsuleCollectionView.reloadData()
+                    DispatchQueue.main.async {
+                        Thread.sleep(forTimeInterval: 0.01)
+                        owner.homeView.capsuleCollectionView.scrollToItem(at: IndexPath(item: 10000000, section: 0), at: .centeredHorizontally, animated: false)
+                    }
                 }
             }
             .disposed(by: disposeBag)
@@ -88,18 +99,6 @@ final class HomeViewController: UIViewController, BaseViewController {
             return
         }
 
-        viewModel.output.featuredCapsuleCellItems
-            .bind(to: homeView.capsuleCollectionView.rx.items) { collectionView, index, element in
-                guard let cell = collectionView.dequeueReusableCell(
-                    withReuseIdentifier: HomeCapsuleCell.identifier,
-                    for: IndexPath(item: index, section: 0)
-                ) as? HomeCapsuleCell else {
-                    return UICollectionViewCell()
-                }
-                cell.configure(capsuleCellModel: element)
-                return cell
-            }.disposed(by: disposeBag)
-
         viewModel.output.userCapsuleStatus
             .subscribe(onNext: { [weak self] status in
                 self?.homeView.mainStatusLabel.updateUserCapsuleStatus(
@@ -151,6 +150,7 @@ final class HomeViewController: UIViewController, BaseViewController {
             .withUnretained(self)
             .subscribe(
                 onNext: { owner, indexPath in
+                    print(owner.centerIndex)
                     if owner.getIndexRange(index: indexPath.item) ~= owner.centerIndex {
                         if let cell = owner.homeView.capsuleCollectionView.cellForItem(at: indexPath) as? HomeCapsuleCell {
                             guard let uuid = cell.uuid else {
@@ -164,3 +164,20 @@ final class HomeViewController: UIViewController, BaseViewController {
                 }).disposed(by: disposeBag)
     }
 }
+
+extension HomeViewController: UICollectionViewDataSource {
+    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
+        return datasource.isEmpty ? 0 : Int.max
+    }
+
+    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
+        guard let cell = collectionView.dequeueReusableCell(
+            withReuseIdentifier: HomeCapsuleCell.identifier,
+            for: indexPath
+        ) as? HomeCapsuleCell else {
+            return UICollectionViewCell()
+        }
+        cell.configure(capsuleCellModel: datasource[indexPath.item % datasource.count])
+        return cell
+    }
+}

SpaceCapsule/SpaceCapsule/Scene/TabBar/Home/HomeViewModel.swift

@@ -56,7 +56,7 @@ final class HomeViewModel: BaseViewModel, CapsuleCellNeedable {
                     owner.output.featuredCapsuleCellItems.accept(
                         CapsuleType.allCases
                             .map { owner.getHomeCapsuleCellItem(capsules: capsuleList, type: $0) }
-                            .compactMap({ $0 })
+                            .compactMap({ $0 }) // + Array(repeating: nil, count: Int.max)
                     )
 
                 })