4、Compose 里实现 LoadingCircularProgress

最新推荐文章于 2024-05-16 16:32:06 发布

LIUHUING

最新推荐文章于 2024-05-16 16:32:06 发布

阅读量488

点赞数 9

分类专栏： Compose Android知识点文章标签： android

本文链接：https://blog.csdn.net/qq_42538455/article/details/135207560

版权

Android知识点同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

Compose

7 篇文章 0 订阅

订阅专栏

Compose 里实现 LoadingCircularProgress

@Composable
fun LoadingAnimation(
    indicatorSize: Dp = 108.dp,
    // 颜色列表，显示在Progress上的
    circleColors: List<Color> = listOf(
        colorResource(id = R.color.progress_track), // 颜色可以自己选择实现什么颜色
        colorResource(id = R.color.progress_track),
        colorResource(id = R.color.progress_track),
        colorResource(id = R.color.progress_track),
        colorResource(id = R.color.progress_thumb),
        colorResource(id = R.color.progress_thumb),
        colorResource(id = R.color.progress_track),
        colorResource(id = R.color.progress_track),
        colorResource(id = R.color.progress_track),
        colorResource(id = R.color.progress_track),
        colorResource(id = R.color.progress_track),
    ),
    animationDuration: Int = 360
) {
	// 实现一个动画 赋值给Modifier.rotate
    val infiniteTransition = rememberInfiniteTransition(label = "loading transition")
    val rotateAnimation by infiniteTransition.animateFloat(
        initialValue = 0f,
        targetValue = 360f,
        animationSpec = infiniteRepeatable(
            animation = tween(
                durationMillis = animationDuration,
                easing = LinearEasing
            )
        ), label = "loading animation"
    )
    CircularProgressIndicator(
        modifier = Modifier
            .size(size = indicatorSize)
            .rotate(degrees = rotateAnimation)
            .border(
                width = 12.dp,
                brush = Brush.sweepGradient(circleColors),
                shape = CircleShape
            ),
        progress = 1f,
        strokeWidth = 12.dp,
        color = colorResource(id = R.color.progress_track)
    )
}