Dialog 按照顺序弹窗

最新推荐文章于 2024-04-30 14:26:02 发布

让开，我要吃人了

最新推荐文章于 2024-04-30 14:26:02 发布

阅读量660

点赞数 4

分类专栏： Android进阶之路文章标签：数据结构安卓移动开发 android

本文链接：https://blog.csdn.net/weixin_55362248/article/details/120374053

版权

本文介绍了为 Compose 开发的波浪效果进度加载库，遵循 Compose 的设计规范，提供简单易用的 API。内容包括使用方式、API 设计思想、参数介绍以及实现原理的详细解析，展示了如何通过 DrawType 创建不同样式的波浪动画。

摘要由CSDN通过智能技术生成

我为 Compose 写了一个波浪效果的进度加载库，API 的设计上符合 Compose 的开发规范，使用非常简便。

1. 使用方式

在 root 的 build.gradle 中引入 jitpack，

allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}

在 module 的 build.gradle 中引入 ComposeWaveLoading 的最新版本

dependencies {
    implementation 'com.github.vitaviva:ComposeWaveLoading:$latest_version'
}

2. API 设计思想


Box {
    WaveLoading (
        progress = 0.5f // 0f ~ 1f
    ) {
        Image(
          painter = painterResource(id = R.drawable.logo_tiktok),
          contentDescription = ""
        )
    }
}

传统的 UI 开发方式中，设计这样一个波浪控件，一般会使用自定义 View 并将 Image 等作为属性传入。而在 Compose 中，我们让 WaveLoading 和 Image 以组合的方式使用，这样的 API 更加灵活，WaveLoding 的内部可以是 Image，也可以是 Text 亦或是其他 Composable。波浪动画不拘泥于某一特定 Composable，任何 Composable 都可以以波浪动画的形式展现, 通过 Composable 的组合使用，扩大了 “能力” 的覆盖范围。

3. API 参数介绍

@Composable
fun WaveLoading(
    modifier: Modifier = Modifier,
    foreDrawType: DrawType = DrawType.DrawImage,
    backDrawType: DrawType = rememberDrawColor(color = Color.LightGray),
    @FloatRange(from = 0.0, to = 1.0) progress: Float = 0f,
    @FloatRange(from = 0.0, to = 1.0) amplitude: Float = defaultAmlitude,
    @FloatRange(from = 0.0, to = 1.0) velocity: Float = defaultVelocity,
    content: @Composable BoxScope.() -> Unit
) { ... }

参数说明如下：</