标签: android-jetpack-compose-button

我正在尝试创建一个很小的自定义按钮，可以将 0 到 99 之间的数值显示为文本。根据字体大小，当按钮的大小设置得太小时，即使仍然有空间，文本也会从按钮中消失。尽管按钮尺寸很小，但如何突破这些限制并显示按钮内的数字？

这是我当前的代码：

Button(
    onClick = { /*TODO*/ },
    shape = CircleShape,
    modifier = Modifier
        .size(20.dp)
) {
    Text(
        text = "23",
        fontSize = 7.sp,
    )
}

在此按钮大小下，文本消失。

我在 Jetpack Compose 的 Button 上尝试了背景颜色的代码

Button(
    onClick = {  },
    backgroundColor = Color.Yellow) {
}

但它不再识别了backgroundColor。

我尝试了下面的

Button(
    modifier = Modifier.background(Color.Yellow),
    onClick = { }){
}

没有错误，但颜色未设置

我正在使用1.0.0-alpha07Jetpack Compose。如何设置按钮的背景颜色？

如何更改 IconButton 的波纹颜色？

我尝试这样做，但它没有改变：

IconButton(
        onClick = { onClick() },
        modifier = Modifier.clickable(
          onClick = { onClick() },
          indication = rememberRipple(color = MyCustomTheme.colors.primary),
          interactionSource =  remember { MutableInteractionSource() },
        )
      )

我找到了onClickandonLongClick和 Even的监听器onPress，但是没有像buttonDownand buttonUp、 or onPressand之类的事件/监听器onRelease。

我错过了什么吗？我当前的用例是，当用户按下按钮时，我会增加计数，当用户释放按钮时，我会减少计数。但总的来说，我希望用户按下按钮后就开始发生一些事情，并在用户释放按钮时停止。（举个现实生活中的例子，看看 Facebook Messenger 如何录制视频，按住按钮开始录制，松开按钮后录制停止。

我在 Android 上使用 Jetpack Compose。

正如此处解决的那样indication，我通过将 设为来禁用水龙头闪烁null。

但是，这不适用于按钮或图标？！

iOS 有这样的分段控件。 我想通过使用 jetpack compose 在 Android 中实现此功能，我检查了没有这样的内置功能，并且材料 3 中的 UI 现在不支持 jetpack compose。我能做些什么？完全自定义单选按钮？我知道我可以添加背景和文本之类的东西，但我怎样才能隐藏复选标记，使单选按钮看起来像一个按钮？或者我可以使用一些库来使用诸如分段控件之类的 UI？有人能给我一些提示吗？

在代码中，图像边框仅在侧面，而不是在角落。对于按钮，背景超出形状/边框。我只能通过使用固定高度来“修复”按钮，但我不明白为什么固定高度有帮助，我想知道是否有另一种方法可以做到这一点。

@Composable
fun Test(){
    Column(modifier = Modifier.padding(5.dp)) {
        Image(
            painter = painterResource(id = R.drawable.ic_close),
            contentDescription = null,
            modifier = Modifier
                .clip(CircleShape)
                .border(1.dp, Color.Red)
                .size(20.dp)
        )
        OutlinedButton(
            onClick = {  },
            border = BorderStroke(1.dp, Color.Red),
            shape = RoundedCornerShape(5.dp),
            modifier = Modifier
                .clip(RoundedCornerShape(5.dp))
                .fillMaxWidth()
                .background(Color.Green)
        ) {}
    }
}