标签: android-compose-button

我试图将按钮的图标向左对齐并保持文本居中。有什么想法可以实现这一点吗？

我的可组合项：

  @Composable
  fun CustomButton() {
    MaterialTheme {
      OutlinedButton(
        onClick = {},
        modifier = Modifier
          .padding(12.dp),
        colors = ButtonDefaults.buttonColors(backgroundColor = Color.White),
        shape = RoundedCornerShape(4.dp)) {
          Icon(
            imageVector = Icons.Default.FavoriteBorder,
            contentDescription = null,
            modifier = Modifier.padding(start = 4.dp)
          )
          Text(text = "Like", color = Color.Grey)
      }
    }
  }

现在看起来是这样的：

我有录制语音的按钮，所以我希望它在用户按下它时开始录制，并在用户离开时停止录制

@Composable
fun Screen(){
   
   Button(){
      Text("record")
   }

}

I want to dynamically add Text Fields to my layout everytime user click "Add" button.Added Text Field should be added above "Add" button .i.e.between Step 1 TextField and Add Button.How can this be achieved through Jetpack Compose?Below is screenshot followed by my current code..

Code-

Column(modifier = Modifier.padding(16.dp)) {

            OutlinedTextField(
                modifier = Modifier.fillMaxWidth(),
                value = step1,
                onValueChange = {
                    viewModel.onStep1Changed(it)
                },
                label = {
                    Text(text = "Step 1...")
                },
                shape = RoundedCornerShape(8.dp),
                colors = TextFieldDefaults.textFieldColors(
                    backgroundColor = Color.Transparent),
                trailingIcon = …

我正在尝试创建一个很小的自定义按钮，可以将 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。如何设置按钮的背景颜色？

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

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

我在 Android 上使用 Jetpack Compose。

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

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

compose_version = '1.0.0-beta02'。

我可以通过 FocusRequester 设置焦点状态 TextField，但 Button 不能。

        val requester1 = FocusRequester()
       
        TextField(value = text1,
            { newValue ->
                text1 = newValue
            },
            modifier = Modifier
                .focusable(true)
                .focusRequester(requester1)
                .background(focusedColor1)
                .onFocusChanged {
                    focusedColor1 = if (it.isFocused) {
                        text1 = "TextField1 focused"
                        Color.Red
                    } else {
                        text1 = "TextField1 unfocused"
                        Color.Green
                    }
                }

        )

将调用 TextField 的“onFocusChanged”方法。

        val requester3 = FocusRequester()
        Button(
            onClick = {
                requester3.requestFocus()

            },
            modifier = Modifier
                .focusModifier()
                .focusable(true)
                .focusRequester(requester3)
                .onFocusEvent {
                    Toast
                        .makeText(
                            context,
                            "Button onFocusEvent it.isFocused:${it.isFocused}. ${it.name}", …