Graphics Shapes：程序化多边形与 MorphShapes 1.2.0-alpha01

import androidx.compose.ui.graphics.Path
import androidx.graphics.shapes.RoundedPolygon
import androidx.graphics.shapes.circle
import androidx.graphics.shapes.rectangle
import androidx.graphics.shapes.star
import androidx.graphics.shapes.transformed

val circle = RoundedPolygon.circle()
val rect = RoundedPolygon.rectangle(width = 2f, height = 1f)
val star = RoundedPolygon.star(numVertices = 5, innerRadius = 0.5f)

// 移动到目标区域并缩放
val placed = star.transformed {
    translate(width / 2f, height / 2f)
    scale(width / 2f, height / 2f)
}
val path: Path = placed.toPath()

import androidx.compose.ui.graphics.Path
import androidx.graphics.shapes.Morph
import androidx.graphics.shapes.RoundedPolygon
import androidx.graphics.shapes.circle
import androidx.graphics.shapes.star

val morph = Morph(RoundedPolygon.circle(), RoundedPolygon.star())

fun pathAt(progress: Float): Path = morph.toPath(progress = progress)

@Composable
fun MorphAnimation() {
    var progress by remember { mutableFloatStateOf(0f) }

    LaunchedEffect(Unit) {
        while (true) {
            progress = 0f
            animate(0f, 1f, animationSpec = tween(2000)) { value, _ ->
                progress = value
            }
        }
    }

    val path = remember(progress) {
        Morph(RoundedPolygon.circle(), RoundedPolygon.star())
            .toPath(progress = progress)
    }

    Canvas(Modifier.fillMaxSize()) {
        drawPath(path)
    }
}