参数说明如下:
| 参数 | 说明 |
| — | — |
| progress | 加载进度 |
| foreDrawType | 波浪图的绘制类型: DrawColor
或者 DrawImage
|
| backDrawType | 波浪图的背景绘制 |
| amplitude | 波浪的振幅, 0f ~ 1f 表示振幅在整个绘制区域的占比 |
| velocity | 波浪移动的速度 |
| content | 子Composalble |
接下来重点介绍一下 DrawType
。
DrawType
波浪的进度体现在前景(foreDrawType)和后景(backDrawType)的视觉差,我们可以为前景后景分别指定不同的 DrawType 改变波浪的样式。
sealed interface DrawType {
object None : DrawType
object DrawImage : DrawType
data class DrawColor(val color: Color) : DrawType
}
如上,DrawType 有三种类型:
-
None: 不进行绘制
-
DrawColor:使用单一颜色绘制
-
DrawImage:按照原样绘制
以下面这个 Image
为例, 体会一下不同 DrawType 的组合效果
| index | backDrawType | foreDrawType | 说明 |
| — | — | — | — |
| 1 | DrawImage | DrawImage | 背景灰度,前景原图 |
| 2 | D