mirror of https://github.com/oxen-io/session-ios
Album rail in Gallery
Michael Kirk
7 years ago
parent
fd424f3892
commit
84879b991d
@ -0,0 +1,274 @@
|
||||
//
|
||||
// Copyright (c) 2018 Open Whisper Systems. All rights reserved.
|
||||
//
|
||||
|
||||
import PromiseKit
|
||||
|
||||
protocol GalleryRailItemProvider: class {
|
||||
var railItems: [GalleryRailItem] { get }
|
||||
}
|
||||
|
||||
protocol GalleryRailItem: class {
|
||||
func getRailImage() -> Guarantee<UIImage>
|
||||
var aspectRatio: CGFloat { get }
|
||||
}
|
||||
|
||||
extension CGSize {
|
||||
var aspectRatio: CGFloat {
|
||||
guard self.height > 0 else {
|
||||
return 0
|
||||
}
|
||||
|
||||
return self.width / self.height
|
||||
}
|
||||
}
|
||||
|
||||
extension MediaGalleryItem: GalleryRailItem {
|
||||
var aspectRatio: CGFloat {
|
||||
return self.imageSize.aspectRatio
|
||||
}
|
||||
|
||||
func getRailImage() -> Guarantee<UIImage> {
|
||||
let (guarantee, fulfill) = Guarantee<UIImage>.pending()
|
||||
if let image = self.thumbnailImage(async: { fulfill($0) }) {
|
||||
fulfill(image)
|
||||
}
|
||||
|
||||
return guarantee
|
||||
}
|
||||
}
|
||||
|
||||
extension MediaGalleryAlbum: GalleryRailItemProvider {
|
||||
var railItems: [GalleryRailItem] {
|
||||
return self.items
|
||||
}
|
||||
}
|
||||
|
||||
protocol GalleryRailCellViewDelegate: class {
|
||||
func didTapGalleryRailCellView(_ galleryRailCellView: GalleryRailCellView)
|
||||
}
|
||||
|
||||
class GalleryRailCellView: UIView {
|
||||
|
||||
weak var delegate: GalleryRailCellViewDelegate?
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
|
||||
layoutMargins = .zero
|
||||
self.clipsToBounds = true
|
||||
adjustAspectRatio(isSelected: isSelected)
|
||||
addSubview(imageView)
|
||||
imageView.autoPinEdgesToSuperviewMargins()
|
||||
|
||||
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(didTap(sender:)))
|
||||
addGestureRecognizer(tapGesture)
|
||||
}
|
||||
|
||||
required init?(coder aDecoder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
// MARK: Actions
|
||||
|
||||
@objc
|
||||
func didTap(sender: UITapGestureRecognizer) {
|
||||
self.delegate?.didTapGalleryRailCellView(self)
|
||||
}
|
||||
|
||||
// MARK:
|
||||
|
||||
var item: GalleryRailItem?
|
||||
|
||||
func configure(item: GalleryRailItem, delegate: GalleryRailCellViewDelegate) {
|
||||
self.item = item
|
||||
self.delegate = delegate
|
||||
|
||||
item.getRailImage().done { image in
|
||||
guard self.item === item else { return }
|
||||
|
||||
self.imageView.image = image
|
||||
}.retainUntilComplete()
|
||||
}
|
||||
|
||||
// MARK: Selected
|
||||
|
||||
private(set) var isSelected: Bool = false
|
||||
|
||||
func setIsSelected(_ isSelected: Bool) {
|
||||
self.isSelected = isSelected
|
||||
adjustAspectRatio(isSelected: isSelected)
|
||||
if isSelected {
|
||||
self.layoutMargins = UIEdgeInsets(top: 0, left: 3, bottom: 0, right: 3)
|
||||
} else {
|
||||
self.layoutMargins = .zero
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: Subview Helpers
|
||||
|
||||
var aspectRatioConstraint: NSLayoutConstraint?
|
||||
func adjustAspectRatio(isSelected: Bool) {
|
||||
if let oldConstraint = aspectRatioConstraint {
|
||||
NSLayoutConstraint.deactivate([oldConstraint])
|
||||
}
|
||||
|
||||
if isSelected, let itemAspectRatio = item?.aspectRatio {
|
||||
aspectRatioConstraint = imageView.autoPin(toAspectRatio: itemAspectRatio)
|
||||
} else {
|
||||
// Portrait mode AR by default
|
||||
let kDefaultAspectRatio: CGFloat = 9.0 / 16.0
|
||||
aspectRatioConstraint = imageView.autoPin(toAspectRatio: kDefaultAspectRatio)
|
||||
}
|
||||
}
|
||||
|
||||
let imageView: UIImageView = {
|
||||
let imageView = UIImageView()
|
||||
imageView.contentMode = .scaleAspectFill
|
||||
|
||||
return imageView
|
||||
}()
|
||||
}
|
||||
|
||||
protocol GalleryRailViewDelegate: class {
|
||||
func galleryRailView(_ galleryRailView: GalleryRailView, didTapItem imageRailItem: GalleryRailItem)
|
||||
}
|
||||
|
||||
class GalleryRailView: UIView, GalleryRailCellViewDelegate {
|
||||
|
||||
weak var delegate: GalleryRailViewDelegate?
|
||||
|
||||
// MARK: Initializers
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
addSubview(scrollView)
|
||||
scrollView.layoutMargins = .zero
|
||||
scrollView.autoPinEdgesToSuperviewMargins()
|
||||
}
|
||||
|
||||
required init?(coder aDecoder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
// MARK: Public
|
||||
|
||||
public func configure(itemProvider: GalleryRailItemProvider?, focusedItem: GalleryRailItem?) {
|
||||
let animationDuration: TimeInterval = 0.2
|
||||
|
||||
guard let itemProvider = itemProvider else {
|
||||
UIView.animate(withDuration: animationDuration) {
|
||||
self.isHidden = true
|
||||
}
|
||||
return
|
||||
}
|
||||
|
||||
let areRailItemsIdentical = { (lhs: [GalleryRailItem], rhs: [GalleryRailItem]) -> Bool in
|
||||
guard lhs.count == rhs.count else {
|
||||
return false
|
||||
}
|
||||
for (index, element) in lhs.enumerated() {
|
||||
guard element === rhs[index] else {
|
||||
return false
|
||||
}
|
||||
}
|
||||
return true
|
||||
}
|
||||
|
||||
if itemProvider === self.itemProvider, areRailItemsIdentical(itemProvider.railItems, self.cellViewItems) {
|
||||
UIView.animate(withDuration: animationDuration) {
|
||||
self.updateFocusedItem(focusedItem)
|
||||
self.layoutIfNeeded()
|
||||
}
|
||||
}
|
||||
|
||||
self.itemProvider = itemProvider
|
||||
scrollView.subviews.forEach { $0.removeFromSuperview() }
|
||||
|
||||
guard itemProvider.railItems.count > 1 else {
|
||||
UIView.animate(withDuration: animationDuration) {
|
||||
self.isHidden = true
|
||||
}
|
||||
return
|
||||
}
|
||||
|
||||
UIView.animate(withDuration: animationDuration) {
|
||||
self.isHidden = false
|
||||
}
|
||||
|
||||
let cellViews = buildCellViews(items: itemProvider.railItems)
|
||||
self.cellViews = cellViews
|
||||
let stackView = UIStackView(arrangedSubviews: cellViews)
|
||||
stackView.axis = .horizontal
|
||||
stackView.spacing = 4
|
||||
|
||||
scrollView.addSubview(stackView)
|
||||
stackView.autoPinEdgesToSuperviewEdges()
|
||||
stackView.autoMatch(.height, to: .height, of: scrollView)
|
||||
|
||||
updateFocusedItem(focusedItem)
|
||||
}
|
||||
|
||||
// MARK: GalleryRailCellViewDelegate
|
||||
|
||||
func didTapGalleryRailCellView(_ galleryRailCellView: GalleryRailCellView) {
|
||||
guard let item = galleryRailCellView.item else {
|
||||
owsFailDebug("item was unexpectedly nil")
|
||||
return
|
||||
}
|
||||
|
||||
delegate?.galleryRailView(self, didTapItem: item)
|
||||
}
|
||||
|
||||
// MARK: Subview Helpers
|
||||
|
||||
private var itemProvider: GalleryRailItemProvider?
|
||||
|
||||
private let scrollView: UIScrollView = {
|
||||
let scrollView = UIScrollView()
|
||||
scrollView.isScrollEnabled = true
|
||||
return scrollView
|
||||
}()
|
||||
|
||||
private func buildCellViews(items: [GalleryRailItem]) -> [GalleryRailCellView] {
|
||||
return items.map { item in
|
||||
let cellView = GalleryRailCellView()
|
||||
cellView.configure(item: item, delegate: self)
|
||||
return cellView
|
||||
}
|
||||
}
|
||||
|
||||
var cellViews: [GalleryRailCellView] = []
|
||||
var cellViewItems: [GalleryRailItem] {
|
||||
get { return cellViews.compactMap { $0.item } }
|
||||
}
|
||||
func updateFocusedItem(_ focusedItem: GalleryRailItem?) {
|
||||
var selectedCellView: GalleryRailCellView?
|
||||
cellViews.forEach { cellView in
|
||||
if cellView.item === focusedItem {
|
||||
assert(selectedCellView == nil)
|
||||
selectedCellView = cellView
|
||||
cellView.setIsSelected(true)
|
||||
} else {
|
||||
cellView.setIsSelected(false)
|
||||
}
|
||||
}
|
||||
|
||||
self.layoutIfNeeded()
|
||||
guard let selectedCell = selectedCellView else {
|
||||
owsFailDebug("selectedCell was unexpectedly nil")
|
||||
return
|
||||
}
|
||||
|
||||
let cellViewCenter = selectedCell.superview!.convert(selectedCell.center, to: scrollView)
|
||||
let additionalInset = scrollView.center.x - cellViewCenter.x
|
||||
|
||||
var inset = scrollView.contentInset
|
||||
inset.left = additionalInset
|
||||
scrollView.contentInset = inset
|
||||
|
||||
var offset = scrollView.contentOffset
|
||||
offset.x = -additionalInset
|
||||
scrollView.contentOffset = offset
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue