我需要使用 Jetpack Compose 在 Button 中添加圆角边框
喜欢 :
要实现带有1.0.x
圆角边框的按钮,您可以使用在参数 aOutlinedButton
中应用的组件:shape
RoundedCornerShape
OutlinedButton(
onClick = { },
border = BorderStroke(1.dp, Color.Red),
shape = RoundedCornerShape(50), // = 50% percent
// or shape = CircleShape
colors = ButtonDefaults.outlinedButtonColors(contentColor = Color.Red)
){
Text( text = "Save" )
}
只需将修饰符用作:
modifier = Modifier.border( width = 2.dp,
color = Color.Red,
shape = RoundedCornerShape(5.dp))
使用clip
修改器。
Modifier.clip(CircleShape)
使用剪辑修改器,另外你还可以选择一个特定的角来弯曲
modifier = Modifier.clip(RoundedCornerShape(15.dp, 15.dp, 0.dp, 0.dp))
这是您在该图像中的按钮:
Button(
onClick = {},
shape = RoundedCornerShape(23.dp),
border = BorderStroke(3.dp, Color.Red),
colors = ButtonDefaults.buttonColors(contentColor = Color.Red, backgroundColor = Color.White)
) {
Text(
text = "Save",
fontSize = 17.sp,
modifier = Modifier.padding(horizontal = 30.dp, vertical = 6.dp)
)
}