nice working version of the dynamic background color based on photo url

This commit is contained in:
talksik
2021-12-14 17:06:39 -08:00
parent 58b6b1068d
commit 08458a764b
4 changed files with 64 additions and 42 deletions
@@ -8,10 +8,43 @@
import SwiftUI
struct RemoteImage: View {
@StateObject private var loader: Loader
var loading: Image
var failure: Image
// custom average color property we need to access
var averageColor: UIColor?
private enum LoadState {
case loading, success, failure
}
var body: some View {
selectImage()
.resizable()
}
init(url: String, loading: Image = Image(systemName: "photo"), failure: Image = Image(systemName: "multiply.circle")) {
_loader = StateObject(wrappedValue: Loader(url: url))
self.loading = loading
self.failure = failure
}
private func selectImage() -> Image {
switch loader.state {
case .loading:
return loading
case .failure:
return failure
default:
if let image = UIImage(data: loader.data) {
return Image(uiImage: image)
} else {
return failure
}
}
}
private class Loader: ObservableObject {
var data = Data()
var state = LoadState.loading
@@ -35,40 +68,6 @@ struct RemoteImage: View {
}.resume()
}
}
@StateObject private var loader: Loader
var loading: Image
var failure: Image
var body: some View {
selectImage()
.resizable()
}
init(url: String, loading: Image = Image(systemName: "photo"), failure: Image = Image(systemName: "multiply.circle")) {
_loader = StateObject(wrappedValue: Loader(url: url))
self.loading = loading
self.failure = failure
}
private func selectImage() -> Image {
switch loader.state {
case .loading:
return loading
case .failure:
return failure
default:
if let image = UIImage(data: loader.data) {
let averageColor = image.averageColor
print("the average color is \(averageColor?.description)")
return Image(uiImage: image)
} else {
return failure
}
}
}
}
struct RemoteImage_Previews: PreviewProvider {
@@ -76,3 +75,16 @@ struct RemoteImage_Previews: PreviewProvider {
RemoteImage(url: "https://avatars.githubusercontent.com/u/41487836")
}
}
class NirvanaImage {
static func getAverageColor(url:URL) -> UIColor? {
if let data = try? Data(contentsOf: url) {
if let image = UIImage(data: data) {
return image.averageColor
} else {
return nil
}
}
return nil
}
}
@@ -9,6 +9,9 @@ import Foundation
import SwiftUI
extension UIImage {
/**
This will return the dominant color of the passed in UIImage
*/
var averageColor: UIColor? {
guard let inputImage = CIImage(image: self) else { return nil }
let extentVector = CIVector(x: inputImage.extent.origin.x, y: inputImage.extent.origin.y, z: inputImage.extent.size.width, w: inputImage.extent.size.height)