一、背景圆角、渐变

效果图:

代码为:

Box(
                modifier = Modifier
                    .clip(RoundedCornerShape(14.dp)) // 设置圆角半径
                    .background(
                        brush = Brush.horizontalGradient( // 设置渐变色
                            listOf(
                                Color(0xFFF5DEC9),
                                Color(0xFFF7A74C),
                                )
                        )
                    )
                    .constrainAs(box_bottom) {
                        bottom.linkTo(img_back.bottom)
                        end.linkTo(img_back.end)
                    }

            ) {
                Text(
                    text = "6.99/ Month",
                    fontWeight = FontWeight.Bold,
                    color = colorResource(id = R.color.font_1),//设置字体颜色
                    fontSize = 14.sp,
                    modifier = Modifier.padding(10.dp, 5.dp)
                )
            }

二、边框渐变

效果图为:

代码为:

Box(
            modifier = Modifier
                .size(100.dp, 50.dp)
                .border(
                    brush = Brush.linearGradient(
                        colors = listOf(
                            Color.Red,
                            Color.Green,
                            Color.Blue
                        )
                    ),
                    width = 1.dp,
                    shape = RoundedCornerShape(4.dp)
                )
        )

纯色的边框代码为:

.border(1.dp, Color.Blue)

GitHub 加速计划 / compose / compose
33.26 K
5.15 K
下载
compose - Docker Compose是一个用于定义和运行多容器Docker应用程序的工具,通过Compose文件格式简化应用部署过程。
最近提交(Master分支:1 个月前 )
73d3a25e Signed-off-by: Suleiman Dibirov <idsulik@gmail.com> 2 天前
3524bcfa Signed-off-by: Suleiman Dibirov <idsulik@gmail.com> 2 天前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐