Android Studio 如何在Jetpack Compose中实现形状的顶部和底部渐变?

pn9klfpd  于 11个月前  发布在  Android
关注(0)|答案(1)|浏览(127)


的数据
我需要一个看起来有点像圆括号()的形状。我已经尝试了边界修改器。有了它,我就可以在形状的顶部实现渐变效果。

val styleModifier = Modifier.border(
                    width = 1.dp,
                    brush = Brush.verticalGradient(
                        colors = listOf(
                            Color.White,
                            Color.Gray
                        ),
                        startY = 100f,
                        endY = 500f,
                        tileMode = TileMode.Clamp
                    ),
                    SmootherShape(
                        slidingRadius,
                        slidingSmoothness
                    )
                )

           Box(
                Modifier
                    .then(styleModifier)
            )

字符串
有没有什么方法可以在底部实现类似于顶部的梯度,从而给予类似于()的形状。

zlhcx6iw

zlhcx6iw1#

有一种方法可以实现你的目标,那就是将五个colors的列表传递给gradient
它看起来像下面


的数据

  • 示例代码 *
@Preview(showBackground = true)
@Composable
private fun TestPreview() {
    val styleModifier = Modifier.border(
        width = 1.dp,
        brush = Brush.verticalGradient(
            colors = listOf(
                Color.White,
                Color.Gray,
                Color.Gray,
                Color.Gray,
                Color.White
            ),
            tileMode = TileMode.Clamp
        ),
        shape = RoundedCornerShape(25.dp)
    )

    Box(
        Modifier
            .padding(15.dp)
            .size(150.dp)
            .then(styleModifier)
    )
}

字符串

相关问题