jetpack compose——圆角、渐变
compose
compose - Docker Compose是一个用于定义和运行多容器Docker应用程序的工具,通过Compose文件格式简化应用部署过程。
项目地址:https://gitcode.com/gh_mirrors/compose/compose
免费下载资源
·
一、背景圆角、渐变
效果图:
代码为:
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 天前
更多推荐
已为社区贡献12条内容
所有评论(0)