android - 如何在 Jetpack Compose 中制作虚线/虚线？

Question

我需要从 this answer 复制 android XML View 但在 Jetpack Compose 中使用纯 kotlin

Answer 1

您可以简单地使用 Canvas用方法drawLine申请为 pathEffect一个 PathEffect.dashPathEffect :

    val pathEffect = PathEffect.dashPathEffect(floatArrayOf(10f, 10f), 0f)
    Canvas(Modifier.fillMaxWidth().height(1.dp)) {

        drawLine(
            color = Color.Red,
            start = Offset(0f, 0f),
            end = Offset(size.width, 0f),
            pathEffect = pathEffect
        )
    }

您还可以将相同的 pathEffect 应用于其他方法:

    val stroke = Stroke(width = 2f,
      pathEffect = PathEffect.dashPathEffect(floatArrayOf(10f, 10f), 0f)
    )
    Canvas(Modifier.fillMaxWidth().height(70.dp)){
       drawRoundRect(color = Color.Red,style = stroke)
    }