17

我需要使用 Jetpack Compose 在 Button 中添加圆角边框

喜欢 :

在此处输入图像描述

4

5 回答 5

48

要实现带有1.0.x圆角边框的按钮,您可以使用在参数 aOutlinedButton中应用的组件:shapeRoundedCornerShape

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" )
}

在此处输入图像描述

于 2019-11-15T11:06:39.057 回答
8

只需将修饰符用作:

modifier = Modifier.border( width = 2.dp,
                            color = Color.Red,
                            shape = RoundedCornerShape(5.dp))
于 2021-08-13T16:09:47.717 回答
7

使用clip修改器。

Modifier.clip(CircleShape)

于 2021-06-15T20:02:18.170 回答
5

使用剪辑修改器,另外你还可以选择一个特定的角来弯曲

 modifier = Modifier.clip(RoundedCornerShape(15.dp, 15.dp, 0.dp, 0.dp))
于 2021-10-07T06:45:30.853 回答
0

这是您在该图像中的按钮:

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)
            )
        }
于 2021-09-12T21:01:06.770 回答