2020-10-04 10:39:54 +02:00
|
|
|
// Copyright © 2020 Metabolist. All rights reserved.
|
|
|
|
|
|
|
|
import Combine
|
|
|
|
import UIKit
|
|
|
|
|
2020-10-05 03:25:02 +02:00
|
|
|
final class LoadMoreView: UIView {
|
|
|
|
private let leadingArrowImageView = UIImageView()
|
|
|
|
private let trailingArrowImageView = UIImageView()
|
2020-10-04 10:39:54 +02:00
|
|
|
private let label = UILabel()
|
|
|
|
private let activityIndicatorView = UIActivityIndicatorView()
|
|
|
|
private var loadMoreConfiguration: LoadMoreContentConfiguration
|
|
|
|
private var loadingCancellable: AnyCancellable?
|
2020-10-05 03:25:02 +02:00
|
|
|
private var directionChange = LoadMoreView.directionChangeMax
|
2020-10-04 10:39:54 +02:00
|
|
|
|
|
|
|
init(configuration: LoadMoreContentConfiguration) {
|
|
|
|
self.loadMoreConfiguration = configuration
|
|
|
|
|
|
|
|
super.init(frame: .zero)
|
|
|
|
|
|
|
|
initialSetup()
|
2020-10-05 03:25:02 +02:00
|
|
|
applyLoadMoreConfiguration()
|
2020-10-04 10:39:54 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
@available(*, unavailable)
|
|
|
|
required init?(coder: NSCoder) {
|
|
|
|
fatalError("init(coder:) has not been implemented")
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-10-05 03:25:02 +02:00
|
|
|
extension LoadMoreView {
|
2021-01-20 03:47:21 +01:00
|
|
|
static var estimatedHeight: CGFloat {
|
|
|
|
.defaultSpacing * 2 + UIFont.preferredFont(forTextStyle: .title2).lineHeight
|
|
|
|
}
|
|
|
|
|
2020-10-05 03:25:02 +02:00
|
|
|
func directionChanged(up: Bool) {
|
|
|
|
guard !loadMoreConfiguration.viewModel.loading else { return }
|
|
|
|
|
|
|
|
if up, directionChange < Self.directionChangeMax {
|
|
|
|
directionChange += Self.directionChangeIncrement
|
|
|
|
} else if !up, directionChange > -Self.directionChangeMax {
|
|
|
|
directionChange -= Self.directionChangeIncrement
|
|
|
|
}
|
|
|
|
|
|
|
|
updateDirectionChange(animated: false)
|
|
|
|
}
|
|
|
|
|
|
|
|
func finalizeDirectionChange() {
|
|
|
|
directionChange = directionChange > 0 ? Self.directionChangeMax : -Self.directionChangeMax
|
|
|
|
|
|
|
|
updateDirectionChange(animated: true)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-10-04 10:39:54 +02:00
|
|
|
extension LoadMoreView: UIContentView {
|
|
|
|
var configuration: UIContentConfiguration {
|
|
|
|
get { loadMoreConfiguration }
|
|
|
|
set {
|
|
|
|
guard let loadMoreConfiguration = newValue as? LoadMoreContentConfiguration else { return }
|
|
|
|
|
|
|
|
self.loadMoreConfiguration = loadMoreConfiguration
|
|
|
|
|
|
|
|
applyLoadMoreConfiguration()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
private extension LoadMoreView {
|
2020-10-05 03:25:02 +02:00
|
|
|
static let directionChangeMax = CGFloat.pi
|
|
|
|
static let directionChangeIncrement = CGFloat.pi / 10
|
2020-10-04 10:39:54 +02:00
|
|
|
|
2020-10-05 03:25:02 +02:00
|
|
|
func initialSetup() {
|
2020-10-04 10:39:54 +02:00
|
|
|
for arrowImageView in [leadingArrowImageView, trailingArrowImageView] {
|
|
|
|
addSubview(arrowImageView)
|
|
|
|
arrowImageView.translatesAutoresizingMaskIntoConstraints = false
|
|
|
|
arrowImageView.image = UIImage(
|
2020-10-05 03:25:02 +02:00
|
|
|
systemName: "arrow.up",
|
2020-10-04 10:39:54 +02:00
|
|
|
withConfiguration: UIImage.SymbolConfiguration(
|
|
|
|
pointSize: UIFont.preferredFont(forTextStyle: .title2).pointSize))
|
|
|
|
arrowImageView.setContentHuggingPriority(.required, for: .horizontal)
|
|
|
|
}
|
|
|
|
|
|
|
|
addSubview(label)
|
|
|
|
label.translatesAutoresizingMaskIntoConstraints = false
|
|
|
|
label.textAlignment = .center
|
|
|
|
label.font = .preferredFont(forTextStyle: .title2)
|
|
|
|
label.adjustsFontForContentSizeCategory = true
|
|
|
|
label.textColor = label.tintColor
|
|
|
|
label.text = NSLocalizedString("load-more", comment: "")
|
|
|
|
label.setContentHuggingPriority(.defaultLow, for: .horizontal)
|
|
|
|
|
|
|
|
addSubview(activityIndicatorView)
|
|
|
|
activityIndicatorView.translatesAutoresizingMaskIntoConstraints = false
|
|
|
|
activityIndicatorView.hidesWhenStopped = true
|
|
|
|
|
|
|
|
NSLayoutConstraint.activate([
|
|
|
|
leadingArrowImageView.leadingAnchor.constraint(equalTo: readableContentGuide.leadingAnchor),
|
|
|
|
leadingArrowImageView.topAnchor.constraint(equalTo: readableContentGuide.topAnchor),
|
|
|
|
leadingArrowImageView.bottomAnchor.constraint(equalTo: readableContentGuide.bottomAnchor),
|
|
|
|
label.leadingAnchor.constraint(equalTo: leadingArrowImageView.trailingAnchor),
|
|
|
|
label.topAnchor.constraint(greaterThanOrEqualTo: readableContentGuide.topAnchor),
|
|
|
|
label.bottomAnchor.constraint(greaterThanOrEqualTo: readableContentGuide.bottomAnchor),
|
|
|
|
label.trailingAnchor.constraint(equalTo: trailingArrowImageView.leadingAnchor),
|
|
|
|
trailingArrowImageView.topAnchor.constraint(equalTo: readableContentGuide.topAnchor),
|
|
|
|
trailingArrowImageView.bottomAnchor.constraint(equalTo: readableContentGuide.bottomAnchor),
|
|
|
|
trailingArrowImageView.trailingAnchor.constraint(equalTo: readableContentGuide.trailingAnchor),
|
|
|
|
activityIndicatorView.centerXAnchor.constraint(equalTo: centerXAnchor),
|
|
|
|
activityIndicatorView.centerYAnchor.constraint(equalTo: centerYAnchor)
|
|
|
|
])
|
|
|
|
}
|
|
|
|
|
|
|
|
func applyLoadMoreConfiguration() {
|
2020-10-05 03:25:02 +02:00
|
|
|
loadingCancellable = loadMoreConfiguration.viewModel.$loading.sink { [weak self] in
|
2020-10-04 10:39:54 +02:00
|
|
|
guard let self = self else { return }
|
|
|
|
|
|
|
|
self.label.isHidden = $0
|
|
|
|
$0 ? self.activityIndicatorView.startAnimating() : self.activityIndicatorView.stopAnimating()
|
|
|
|
}
|
|
|
|
}
|
2020-10-05 03:25:02 +02:00
|
|
|
|
|
|
|
func updateDirectionChange(animated: Bool) {
|
|
|
|
if animated {
|
|
|
|
UIView.animate(withDuration: 0.1) {
|
|
|
|
self.performDirectionChangeUpdates()
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
self.performDirectionChangeUpdates()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
func performDirectionChangeUpdates() {
|
|
|
|
loadMoreConfiguration.viewModel.direction = directionChange > 0 ? .up : .down
|
|
|
|
leadingArrowImageView.transform = CGAffineTransform(rotationAngle: .pi / 2 - directionChange / 2)
|
|
|
|
trailingArrowImageView.transform = CGAffineTransform(rotationAngle: -.pi / 2 + directionChange / 2)
|
|
|
|
}
|
2020-10-04 10:39:54 +02:00
|
|
|
}
|