相关疑难解决方法(0)

如何使用jetpack compose创建圆形轮廓按钮

我正在尝试创建一个圆形OutlinedButton,中间有一个图标,没有文字。

    OutlinedButton(onClick = { /*TODO*/ },
        shape = CircleShape,
        border= BorderStroke(1.dp, Color.Blue)
    ) {
        Icon(Icons.Default.Add, contentDescription = "content description")
    }
Run Code Online (Sandbox Code Playgroud)

最后一个按钮是椭圆形的:

在此处输入图片说明

使用IconButton

    IconButton(onClick = {  },
        modifier = Modifier
            .clip(CircleShape)
            .border(1.dp, Color.Red)
    ) {
        Icon(Icons.Default.Add, contentDescription = "content description",tint = Color.Red)
    }
Run Code Online (Sandbox Code Playgroud)

这是最终结果:

在此处输入图片说明

android android-button android-jetpack-compose android-compose-button

7
推荐指数
1
解决办法
1715
查看次数