如何在Jetpack Compose中制作虚线/虚线？ [英] How do I make a dotted/dashed line in Jetpack Compose?

问题描述

我需要从this answer复制Android XML视图，但在Jetpack中用纯Kotlin合成

推荐答案

只需使用Canvas方法drawLine应用为pathEffectaPathEffect.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
        )
    }

您还可以将相同的路径效果应用于其他方法：

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

这篇关于如何在Jetpack Compose中制作虚线/虚线？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！