-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
✨ feat: HomeViewController 캐러셀 레이아웃 구현
- Loading branch information
Showing
12 changed files
with
294 additions
and
51 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
42 changes: 42 additions & 0 deletions
42
iOS/Layover/Layover/Scenes/Home/Cell/HomeCarouselCollectionViewCell.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| // | ||
| // HomeCarouselCollectionViewCell.swift | ||
| // Layover | ||
| // | ||
| // Created by 김인환 on 11/16/23. | ||
| // Copyright © 2023 CodeBomber. All rights reserved. | ||
| // | ||
|
|
||
| import UIKit | ||
|
|
||
| final class HomeCarouselCollectionViewCell: UICollectionViewCell { | ||
|
|
||
| // MARK: - Properties | ||
|
|
||
| // MARK: - UI Components | ||
|
|
||
| // MARK: - Object lifecycle | ||
|
|
||
| override init(frame: CGRect) { | ||
| super.init(frame: frame) | ||
| setup() | ||
| setConstraints() | ||
| } | ||
|
|
||
| required init?(coder: NSCoder) { | ||
| super.init(coder: coder) | ||
| setup() | ||
| setConstraints() | ||
| } | ||
|
|
||
| // MARK: - Setup | ||
|
|
||
| private func setup() { | ||
| backgroundColor = .white | ||
| } | ||
|
|
||
| private func setConstraints() { | ||
|
|
||
| } | ||
|
|
||
| // MARK: - Methods | ||
| } |
114 changes: 114 additions & 0 deletions
114
iOS/Layover/Layover/Scenes/Home/Cell/ZoomAndSnapFlowLayout.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,114 @@ | ||
| // | ||
| // ZoomAndSnapFlowLayout.swift | ||
| // Layover | ||
| // | ||
| // Created by 김인환 on 11/16/23. | ||
| // Copyright © 2023 CodeBomber. All rights reserved. | ||
| // | ||
|
|
||
| import UIKit | ||
|
|
||
| final class ZoomAndSnapFlowLayout: UICollectionViewFlowLayout { | ||
|
|
||
| // MARK: Properties | ||
|
|
||
| private let activeDistance: CGFloat = 100 | ||
| private let zoomFactor: CGFloat | ||
|
|
||
| // MARK: Initializer | ||
|
|
||
| init(zoomFactor: CGFloat = 1.0) { | ||
| self.zoomFactor = zoomFactor | ||
| super.init() | ||
| } | ||
|
|
||
| required init?(coder: NSCoder) { | ||
| self.zoomFactor = 1.0 | ||
| super.init(coder: coder) | ||
| } | ||
|
|
||
| // MARK: Methods | ||
|
|
||
| override func prepare() { | ||
| guard let collectionView else { | ||
| super.prepare() | ||
| return | ||
| } | ||
|
|
||
| let verticalInsets = (collectionView.frame.height - collectionView.adjustedContentInset.top - collectionView.adjustedContentInset.bottom - itemSize.height) / 2 | ||
| let horizontalInsets = (collectionView.frame.width - collectionView.adjustedContentInset.right - collectionView.adjustedContentInset.left - itemSize.width) / 2 | ||
| sectionInset = UIEdgeInsets(top: verticalInsets, left: horizontalInsets, bottom: verticalInsets, right: horizontalInsets) | ||
| super.prepare() | ||
| } | ||
|
|
||
| override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? { | ||
| guard let collectionView = collectionView else { return nil } | ||
| let rectAttributes = super.layoutAttributesForElements(in: rect)?.compactMap { $0.copy() as? UICollectionViewLayoutAttributes } ?? [] | ||
| let visibleRect = CGRect(origin: collectionView.contentOffset, size: collectionView.frame.size) | ||
| let visibleAttributes = rectAttributes.filter { $0.frame.intersects(visibleRect) } | ||
|
|
||
| // Keep the spacing between cells the same. | ||
| // Each cell shifts the next cell by half of it's enlarged size. | ||
| // Calculated separately for each direction. | ||
| func adjustXPosition(_ toProcess: [UICollectionViewLayoutAttributes], direction: CGFloat, zoom: Bool = false) { | ||
| var xDiff: CGFloat = 0 | ||
|
|
||
| for attributes in toProcess { | ||
| let distance = visibleRect.midX - attributes.center.x | ||
| attributes.frame.origin.x += xDiff | ||
|
|
||
| if distance.magnitude < activeDistance { | ||
| let normalizedDistance = distance / activeDistance | ||
| let zoomAddition = zoomFactor * (1 - normalizedDistance.magnitude) | ||
| let widthAddition = attributes.frame.width * zoomAddition / 2 | ||
| xDiff += widthAddition * direction | ||
|
|
||
| if zoom { | ||
| let scale = 1 + zoomAddition | ||
| attributes.transform3D = CATransform3DMakeScale(scale, scale, 1) | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| // Adjust the x position first from left to right. | ||
| // Then adjust the x position from right to left. | ||
| // Lastly zoom the cells when they reach the center of the screen (zoom: true). | ||
| adjustXPosition(visibleAttributes, direction: +1) | ||
| adjustXPosition(visibleAttributes.reversed(), direction: -1, zoom: true) | ||
|
|
||
| return rectAttributes | ||
| } | ||
|
|
||
| override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint { | ||
| guard let collectionView else { return .zero } | ||
|
|
||
| // Add some snapping behaviour so that the zoomed cell is always centered | ||
| let targetRect = CGRect(x: proposedContentOffset.x, y: 0, width: collectionView.frame.width, height: collectionView.frame.height) | ||
| guard let rectAttributes = super.layoutAttributesForElements(in: targetRect) else { return .zero } | ||
|
|
||
| var offsetAdjustment = CGFloat.greatestFiniteMagnitude | ||
| let horizontalCenter = proposedContentOffset.x + collectionView.frame.width / 2 | ||
|
|
||
| for layoutAttributes in rectAttributes { | ||
| let itemHorizontalCenter = layoutAttributes.center.x | ||
| if (itemHorizontalCenter - horizontalCenter).magnitude < offsetAdjustment.magnitude { | ||
| offsetAdjustment = itemHorizontalCenter - horizontalCenter | ||
| } | ||
| } | ||
|
|
||
| return CGPoint(x: proposedContentOffset.x + offsetAdjustment, y: proposedContentOffset.y) | ||
| } | ||
|
|
||
| override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool { | ||
| // Invalidate layout so that every cell get a chance to be zoomed when it reaches the center of the screen | ||
| return true | ||
| } | ||
|
|
||
| override func invalidationContext(forBoundsChange newBounds: CGRect) -> UICollectionViewLayoutInvalidationContext { | ||
| let context = super.invalidationContext(forBoundsChange: newBounds) | ||
| guard let invalidationContext = context as? UICollectionViewFlowLayoutInvalidationContext else { return context } | ||
| invalidationContext.invalidateFlowLayoutDelegateMetrics = newBounds.size != collectionView?.bounds.size | ||
| return context | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| // | ||
| // HomeConfigurator.swift | ||
| // Layover | ||
| // | ||
| // Created by 김인환 on 11/16/23. | ||
| // Copyright © 2023 CodeBomber. All rights reserved. | ||
| // | ||
|
|
||
| import UIKit | ||
|
|
||
| final class HomeConfigurator: Configurator { | ||
|
|
||
| static let shared = HomeConfigurator() | ||
|
|
||
| private init() { } | ||
|
|
||
| func configure(_ viewController: HomeViewController) { | ||
| let router = HomeRouter() | ||
| router.viewController = viewController | ||
|
|
||
| let presenter = HomePresenter() | ||
| presenter.viewController = viewController | ||
|
|
||
| let interactor = HomeInteractor() | ||
| interactor.presenter = presenter | ||
| interactor.worker = HomeWorker() | ||
|
|
||
| viewController.router = router | ||
| viewController.interactor = interactor | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.