You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
3.1 KiB
Kotlin
88 lines
3.1 KiB
Kotlin
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
package org.mozilla.fenix.compose
|
|
|
|
import androidx.compose.foundation.Image
|
|
import androidx.compose.foundation.isSystemInDarkTheme
|
|
import androidx.compose.foundation.layout.size
|
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
|
import androidx.compose.runtime.Composable
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.draw.clip
|
|
import androidx.compose.ui.graphics.painter.ColorPainter
|
|
import androidx.compose.ui.tooling.preview.Preview
|
|
import androidx.compose.ui.unit.dp
|
|
import mozilla.components.support.images.compose.loader.Fallback
|
|
import mozilla.components.support.images.compose.loader.ImageLoaderScope
|
|
import mozilla.components.support.images.compose.loader.Placeholder
|
|
import mozilla.components.ui.colors.PhotonColors
|
|
|
|
/**
|
|
* Renders the app default image placeholder while the image is still getting loaded.
|
|
*
|
|
* @param modifier [Modifier] allowing to control among others the dimensions and shape of the image.
|
|
* @param contentDescription Text provided to accessibility services to describe what this image represents.
|
|
* Defaults to [null] suited for an image used only for decorative purposes and not to be read by
|
|
* accessibility services.
|
|
*/
|
|
@Composable
|
|
internal fun ImageLoaderScope.WithDefaultPlaceholder(
|
|
modifier: Modifier,
|
|
contentDescription: String? = null
|
|
) {
|
|
Placeholder {
|
|
DefaultImagePlaceholder(modifier, contentDescription)
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Renders the app default image placeholder if loading the image failed.
|
|
*
|
|
* @param modifier [Modifier] allowing to control among others the dimensions and shape of the image.
|
|
* @param contentDescription Text provided to accessibility services to describe what this image represents.
|
|
* Defaults to [null] suited for an image used only for decorative purposes and not to be read by
|
|
* accessibility services.
|
|
*/
|
|
@Composable
|
|
internal fun ImageLoaderScope.WithDefaultFallback(
|
|
modifier: Modifier,
|
|
contentDescription: String? = null
|
|
) {
|
|
Fallback {
|
|
DefaultImagePlaceholder(modifier, contentDescription)
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Application default image placeholder.
|
|
*
|
|
* @param modifier [Modifier] allowing to control among others the dimensions and shape of the image.
|
|
* @param contentDescription Text provided to accessibility services to describe what this image represents.
|
|
* Defaults to [null] suited for an image used only for decorative purposes and not to be read by
|
|
* accessibility services.
|
|
*/
|
|
@Composable
|
|
internal fun DefaultImagePlaceholder(
|
|
modifier: Modifier,
|
|
contentDescription: String? = null
|
|
) {
|
|
val color = when (isSystemInDarkTheme()) {
|
|
true -> PhotonColors.DarkGrey30
|
|
false -> PhotonColors.LightGrey30
|
|
}
|
|
|
|
Image(ColorPainter(color), contentDescription, modifier)
|
|
}
|
|
|
|
@Composable
|
|
@Preview
|
|
private fun DefaultImagePlaceholderPreview() {
|
|
DefaultImagePlaceholder(
|
|
Modifier
|
|
.size(200.dp, 100.dp)
|
|
.clip(RoundedCornerShape(8.dp))
|
|
)
|
|
}
|