coco
34 lines
1.3 KiB
Markdown
34 lines
1.3 KiB
Markdown
# Custom image loaders
|
|
|
|
In its essence, `ZoomableImage` is simply an abstraction over an image loading library. If your preferred library isn't supported by `telephoto` out of the box, you can create your own by extending `ZoomableImageSource`.
|
|
|
|
```kotlin
|
|
@Composable
|
|
fun ZoomablePicassoImage(
|
|
model: Any?,
|
|
contentDescription: String?,
|
|
) {
|
|
ZoomableImage(
|
|
image = ZoomableImageSource.picasso(model),
|
|
contentDescription = contentDescription,
|
|
)
|
|
}
|
|
|
|
@Composable
|
|
private fun ZoomableImageSource.Companion.picasso(
|
|
model: Any?,
|
|
picasso: Picasso = Picasso
|
|
.Builder(LocalContext.current)
|
|
.build(),
|
|
): ZoomableImageSource {
|
|
return remember(model, picasso) {
|
|
TODO("See ZoomableImageSource.coil() or glide() for an example.")
|
|
}
|
|
}
|
|
```
|
|
|
|
`ZoomableImageSource.picasso()` will be responsible for loading images and determining whether they can be displayed as-is or should be presented in a sub-sampled image viewer to prevent OOM errors. Here are two examples:
|
|
|
|
- [CoilImageSource](https://github.com/saket/telephoto/blob/trunk/zoomable-image/coil/src/main/kotlin/me/saket/telephoto/zoomable/coil/CoilImageSource.kt)
|
|
- [GlideImageSource](https://github.com/saket/telephoto/blob/25072f96ed47871cf827dd9d255edb552b24044e/zoomable-image/glide/src/main/kotlin/me/saket/telephoto/zoomable/glide/GlideImageSource.kt)
|