mirror of https://github.com/oxen-io/session-ios
Modify MediaGalleryCellView to handle still images.
Matthew Chen
7 years ago
parent
ec6de40bd9
commit
cf057e3af3
@ -0,0 +1,358 @@
|
|||||||
|
//
|
||||||
|
// Copyright (c) 2018 Open Whisper Systems. All rights reserved.
|
||||||
|
//
|
||||||
|
|
||||||
|
import Foundation
|
||||||
|
|
||||||
|
@objc(OWSMediaGalleryCellViewDelegate)
|
||||||
|
public protocol MediaGalleryCellViewDelegate: class {
|
||||||
|
@objc(tryToLoadCellMedia:mediaView:cacheKey:canLoadAsync:)
|
||||||
|
func tryToLoadCellMedia(loadCellMediaBlock: @escaping () -> Any?,
|
||||||
|
mediaView: UIView,
|
||||||
|
cacheKey: String,
|
||||||
|
canLoadAsync: Bool) -> Any?
|
||||||
|
}
|
||||||
|
|
||||||
|
@objc(OWSMediaGalleryCellView)
|
||||||
|
public class MediaGalleryCellView: UIView {
|
||||||
|
private weak var delegate: MediaGalleryCellViewDelegate?
|
||||||
|
private let items: [ConversationMediaGalleryItem]
|
||||||
|
private let itemViews: [MediaItemView]
|
||||||
|
|
||||||
|
private static let kSpacingPts: CGFloat = 2
|
||||||
|
private static let kMaxItems = 5
|
||||||
|
|
||||||
|
@objc
|
||||||
|
public required init(delegate: MediaGalleryCellViewDelegate,
|
||||||
|
items: [ConversationMediaGalleryItem],
|
||||||
|
maxMessageWidth: CGFloat) {
|
||||||
|
self.delegate = delegate
|
||||||
|
self.items = items
|
||||||
|
Logger.verbose("items: \(items.count)")
|
||||||
|
self.itemViews = MediaGalleryCellView.itemsToDisplay(forItems: items).map {
|
||||||
|
MediaItemView(delegate: delegate,
|
||||||
|
item: $0)
|
||||||
|
}
|
||||||
|
|
||||||
|
super.init(frame: .zero)
|
||||||
|
|
||||||
|
self.backgroundColor = .white
|
||||||
|
|
||||||
|
createContents(maxMessageWidth: maxMessageWidth)
|
||||||
|
}
|
||||||
|
|
||||||
|
private func createContents(maxMessageWidth: CGFloat) {
|
||||||
|
Logger.verbose("itemViews: \(itemViews.count)")
|
||||||
|
switch itemViews.count {
|
||||||
|
case 0:
|
||||||
|
return
|
||||||
|
case 1:
|
||||||
|
guard let itemView = itemViews.first else {
|
||||||
|
owsFailDebug("Missing item view.")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
addSubview(itemView)
|
||||||
|
itemView.autoPinEdgesToSuperviewEdges()
|
||||||
|
case 4:
|
||||||
|
// Square
|
||||||
|
let imageSize = (maxMessageWidth - MediaGalleryCellView.kSpacingPts) / 2
|
||||||
|
for itemView in itemViews {
|
||||||
|
itemView.autoSetDimensions(to: CGSize(width: imageSize, height: imageSize))
|
||||||
|
}
|
||||||
|
|
||||||
|
let topViews = Array(itemViews[0..<2])
|
||||||
|
let topStack = UIStackView(arrangedSubviews: topViews)
|
||||||
|
topStack.axis = .horizontal
|
||||||
|
topStack.spacing = MediaGalleryCellView.kSpacingPts
|
||||||
|
|
||||||
|
let bottomViews = Array(itemViews[2..<4])
|
||||||
|
let bottomStack = UIStackView(arrangedSubviews: bottomViews)
|
||||||
|
bottomStack.axis = .horizontal
|
||||||
|
bottomStack.spacing = MediaGalleryCellView.kSpacingPts
|
||||||
|
|
||||||
|
let vStackView = UIStackView(arrangedSubviews: [topStack, bottomStack])
|
||||||
|
vStackView.axis = .vertical
|
||||||
|
vStackView.spacing = MediaGalleryCellView.kSpacingPts
|
||||||
|
addSubview(vStackView)
|
||||||
|
vStackView.autoPinEdgesToSuperviewEdges()
|
||||||
|
case 2:
|
||||||
|
// X X
|
||||||
|
// side-by-side.
|
||||||
|
let imageSize = (maxMessageWidth - MediaGalleryCellView.kSpacingPts) / 2
|
||||||
|
for itemView in itemViews {
|
||||||
|
itemView.autoSetDimensions(to: CGSize(width: imageSize, height: imageSize))
|
||||||
|
}
|
||||||
|
|
||||||
|
let views = Array(itemViews[0..<2])
|
||||||
|
let hStackView = UIStackView(arrangedSubviews: views)
|
||||||
|
hStackView.axis = .horizontal
|
||||||
|
hStackView.spacing = MediaGalleryCellView.kSpacingPts
|
||||||
|
addSubview(hStackView)
|
||||||
|
hStackView.autoPinEdgesToSuperviewEdges()
|
||||||
|
case 3:
|
||||||
|
// x
|
||||||
|
// X
|
||||||
|
// x
|
||||||
|
// Big on left, 2 small on right.
|
||||||
|
let smallImageSize = (maxMessageWidth - MediaGalleryCellView.kSpacingPts * 2) / 3
|
||||||
|
let bigImageSize = smallImageSize * 2 + MediaGalleryCellView.kSpacingPts
|
||||||
|
|
||||||
|
guard let leftItemView = itemViews.first else {
|
||||||
|
owsFailDebug("Missing view")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
leftItemView.autoSetDimensions(to: CGSize(width: bigImageSize, height: bigImageSize))
|
||||||
|
|
||||||
|
let rightViews = Array(itemViews[1..<3])
|
||||||
|
for itemView in rightViews {
|
||||||
|
itemView.autoSetDimensions(to: CGSize(width: smallImageSize, height: smallImageSize))
|
||||||
|
}
|
||||||
|
let rightStack = UIStackView(arrangedSubviews: rightViews)
|
||||||
|
rightStack.axis = .vertical
|
||||||
|
rightStack.spacing = MediaGalleryCellView.kSpacingPts
|
||||||
|
|
||||||
|
let hStackView = UIStackView(arrangedSubviews: [leftItemView, rightStack])
|
||||||
|
hStackView.axis = .horizontal
|
||||||
|
hStackView.spacing = MediaGalleryCellView.kSpacingPts
|
||||||
|
addSubview(hStackView)
|
||||||
|
hStackView.autoPinEdgesToSuperviewEdges()
|
||||||
|
default:
|
||||||
|
// X X
|
||||||
|
// xxx
|
||||||
|
// 2 big on top, 3 small on bottom.
|
||||||
|
let bigImageSize = (maxMessageWidth - MediaGalleryCellView.kSpacingPts) / 2
|
||||||
|
let smallImageSize = (maxMessageWidth - MediaGalleryCellView.kSpacingPts * 2) / 3
|
||||||
|
|
||||||
|
let topViews = Array(itemViews[0..<2])
|
||||||
|
for itemView in topViews {
|
||||||
|
itemView.autoSetDimensions(to: CGSize(width: bigImageSize, height: bigImageSize))
|
||||||
|
}
|
||||||
|
let topStack = UIStackView(arrangedSubviews: topViews)
|
||||||
|
topStack.axis = .horizontal
|
||||||
|
topStack.spacing = MediaGalleryCellView.kSpacingPts
|
||||||
|
|
||||||
|
let bottomViews = Array(itemViews[2..<5])
|
||||||
|
for itemView in bottomViews {
|
||||||
|
itemView.autoSetDimensions(to: CGSize(width: smallImageSize, height: smallImageSize))
|
||||||
|
}
|
||||||
|
let bottomStack = UIStackView(arrangedSubviews: bottomViews)
|
||||||
|
bottomStack.axis = .horizontal
|
||||||
|
bottomStack.spacing = MediaGalleryCellView.kSpacingPts
|
||||||
|
|
||||||
|
let vStackView = UIStackView(arrangedSubviews: [topStack, bottomStack])
|
||||||
|
vStackView.axis = .vertical
|
||||||
|
vStackView.spacing = MediaGalleryCellView.kSpacingPts
|
||||||
|
addSubview(vStackView)
|
||||||
|
vStackView.autoPinEdgesToSuperviewEdges()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@objc
|
||||||
|
public func loadMedia() {
|
||||||
|
for itemView in itemViews {
|
||||||
|
itemView.loadMedia()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@objc
|
||||||
|
public func unloadMedia() {
|
||||||
|
for itemView in itemViews {
|
||||||
|
itemView.unloadMedia()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@available(*, unavailable, message: "use other init() instead.")
|
||||||
|
required public init?(coder aDecoder: NSCoder) {
|
||||||
|
notImplemented()
|
||||||
|
}
|
||||||
|
|
||||||
|
private class func itemsToDisplay(forItems items: [ConversationMediaGalleryItem]) -> [ConversationMediaGalleryItem] {
|
||||||
|
let validItems = items.filter {
|
||||||
|
$0.attachmentStream != nil
|
||||||
|
}
|
||||||
|
|
||||||
|
Logger.verbose("validItems: \(validItems.count)")
|
||||||
|
guard validItems.count < kMaxItems else {
|
||||||
|
Logger.verbose("validItems MAX: \(validItems.count)")
|
||||||
|
return Array(validItems[0..<kMaxItems])
|
||||||
|
}
|
||||||
|
return validItems
|
||||||
|
}
|
||||||
|
|
||||||
|
@objc
|
||||||
|
public class func layoutSize(forMaxMessageWidth maxMessageWidth: CGFloat,
|
||||||
|
items: [ConversationMediaGalleryItem]) -> CGSize {
|
||||||
|
let itemCount = itemsToDisplay(forItems: items).count
|
||||||
|
switch itemCount {
|
||||||
|
case 0, 1, 4:
|
||||||
|
// Square
|
||||||
|
return CGSize(width: maxMessageWidth, height: maxMessageWidth)
|
||||||
|
case 2:
|
||||||
|
// X X
|
||||||
|
// side-by-side.
|
||||||
|
let imageSize = (maxMessageWidth - kSpacingPts) / 2
|
||||||
|
return CGSize(width: maxMessageWidth, height: imageSize)
|
||||||
|
case 3:
|
||||||
|
// x
|
||||||
|
// X
|
||||||
|
// x
|
||||||
|
// Big on left, 2 small on right.
|
||||||
|
let smallImageSize = (maxMessageWidth - kSpacingPts * 2) / 3
|
||||||
|
let bigImageSize = smallImageSize * 2 + kSpacingPts
|
||||||
|
return CGSize(width: maxMessageWidth, height: bigImageSize)
|
||||||
|
default:
|
||||||
|
// X X
|
||||||
|
// xxx
|
||||||
|
// 2 big on top, 3 small on bottom.
|
||||||
|
let bigImageSize = (maxMessageWidth - kSpacingPts) / 2
|
||||||
|
let smallImageSize = (maxMessageWidth - kSpacingPts * 2) / 3
|
||||||
|
return CGSize(width: maxMessageWidth, height: bigImageSize + smallImageSize + kSpacingPts)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private class MediaItemView: UIView {
|
||||||
|
private weak var delegate: MediaGalleryCellViewDelegate?
|
||||||
|
private let item: ConversationMediaGalleryItem
|
||||||
|
private var loadBlock : (() -> Void)?
|
||||||
|
private var unloadBlock : (() -> Void)?
|
||||||
|
|
||||||
|
required init(delegate: MediaGalleryCellViewDelegate,
|
||||||
|
item: ConversationMediaGalleryItem) {
|
||||||
|
self.delegate = delegate
|
||||||
|
self.item = item
|
||||||
|
|
||||||
|
super.init(frame: .zero)
|
||||||
|
|
||||||
|
// TODO:
|
||||||
|
self.backgroundColor = .white
|
||||||
|
self.backgroundColor = .red
|
||||||
|
|
||||||
|
createContents()
|
||||||
|
}
|
||||||
|
|
||||||
|
@available(*, unavailable, message: "use other init() instead.")
|
||||||
|
required public init?(coder aDecoder: NSCoder) {
|
||||||
|
notImplemented()
|
||||||
|
}
|
||||||
|
|
||||||
|
private func createContents() {
|
||||||
|
guard let attachmentStream = item.attachmentStream else {
|
||||||
|
// TODO: Handle this case.
|
||||||
|
owsFailDebug("Missing attachment stream.")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if attachmentStream.isAnimated {
|
||||||
|
|
||||||
|
} else if attachmentStream.isVideo {
|
||||||
|
} else if attachmentStream.isImage {
|
||||||
|
loadStillImage(attachmentStream: attachmentStream)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private func loadStillImage(attachmentStream: TSAttachmentStream) {
|
||||||
|
Logger.verbose("loadStillImage")
|
||||||
|
guard let cacheKey = attachmentStream.uniqueId else {
|
||||||
|
owsFailDebug("Attachment stream missing unique ID.")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let stillImageView = UIImageView()
|
||||||
|
// We need to specify a contentMode since the size of the image
|
||||||
|
// might not match the aspect ratio of the view.
|
||||||
|
stillImageView.contentMode = .scaleAspectFill
|
||||||
|
// Use trilinear filters for better scaling quality at
|
||||||
|
// some performance cost.
|
||||||
|
stillImageView.layer.minificationFilter = kCAFilterTrilinear
|
||||||
|
stillImageView.layer.magnificationFilter = kCAFilterTrilinear
|
||||||
|
stillImageView.backgroundColor = .white
|
||||||
|
addSubview(stillImageView)
|
||||||
|
stillImageView.autoPinEdgesToSuperviewEdges()
|
||||||
|
// [self addAttachmentUploadViewIfNecessary];
|
||||||
|
loadBlock = { [weak self] in
|
||||||
|
guard let strongSelf = self else {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
guard let strongDelegate = strongSelf.delegate else {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if stillImageView.image != nil {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let cachedValue = strongDelegate.tryToLoadCellMedia(loadCellMediaBlock: { () -> Any? in
|
||||||
|
return attachmentStream.thumbnailImageMedium(success: { (image) in
|
||||||
|
Logger.verbose("Loaded thumbnail")
|
||||||
|
stillImageView.image = image
|
||||||
|
}, failure: {
|
||||||
|
Logger.verbose("Could not load thumbnail")
|
||||||
|
})
|
||||||
|
},
|
||||||
|
mediaView: stillImageView,
|
||||||
|
cacheKey: cacheKey,
|
||||||
|
canLoadAsync: true)
|
||||||
|
Logger.verbose("cachedValue: \(cachedValue)")
|
||||||
|
guard let image = cachedValue as? UIImage else {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
stillImageView.image = image
|
||||||
|
}
|
||||||
|
unloadBlock = {
|
||||||
|
stillImageView.image = nil
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func loadMedia() {
|
||||||
|
guard let loadBlock = loadBlock else {
|
||||||
|
owsFailDebug("Missing loadBlock")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
loadBlock()
|
||||||
|
}
|
||||||
|
|
||||||
|
func unloadMedia() {
|
||||||
|
guard let unloadBlock = unloadBlock else {
|
||||||
|
owsFailDebug("Missing unloadBlock")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
unloadBlock()
|
||||||
|
}
|
||||||
|
|
||||||
|
private class func itemsToDisplay(forItems items: [ConversationMediaGalleryItem]) -> Int {
|
||||||
|
let validItemCount = items.filter {
|
||||||
|
$0.attachmentStream != nil
|
||||||
|
}.count
|
||||||
|
return max(1, min(5, validItemCount))
|
||||||
|
}
|
||||||
|
|
||||||
|
@objc
|
||||||
|
public class func layoutSize(forMaxMessageWidth maxMessageWidth: CGFloat,
|
||||||
|
items: [ConversationMediaGalleryItem]) -> CGSize {
|
||||||
|
let itemCount = itemsToDisplay(forItems: items)
|
||||||
|
switch itemCount {
|
||||||
|
case 0, 1, 4:
|
||||||
|
// Square
|
||||||
|
//
|
||||||
|
// TODO: What's the correct size here?
|
||||||
|
return CGSize(width: maxMessageWidth, height: maxMessageWidth)
|
||||||
|
case 2:
|
||||||
|
// X X
|
||||||
|
// side-by-side.
|
||||||
|
let imageSize = (maxMessageWidth - kSpacingPts) / 2
|
||||||
|
return CGSize(width: maxMessageWidth, height: imageSize)
|
||||||
|
case 3:
|
||||||
|
// x
|
||||||
|
// X
|
||||||
|
// x
|
||||||
|
// Big on left, 2 small on right.
|
||||||
|
let smallImageSize = (maxMessageWidth - kSpacingPts * 2) / 3
|
||||||
|
let bigImageSize = smallImageSize * 2 + kSpacingPts
|
||||||
|
return CGSize(width: maxMessageWidth, height: bigImageSize)
|
||||||
|
default:
|
||||||
|
// X X
|
||||||
|
// xxx
|
||||||
|
// 2 big on top, 3 small on bottom.
|
||||||
|
let bigImageSize = (maxMessageWidth - kSpacingPts) / 2
|
||||||
|
let smallImageSize = (maxMessageWidth - kSpacingPts * 2) / 3
|
||||||
|
return CGSize(width: maxMessageWidth, height: bigImageSize + smallImageSize + kSpacingPts)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue