sayang_android's questions

在 VS Code 中，您可以使用CTRL+Space来触发建议（至少这就是我用于Trigger Suggest命令的方式）。该命令将显示建议；例如，在对象上使用它会显示它的方法和属性。

它还将仅显示当前所选建议的类型提示。我怎样才能让它显示所有建议的所有类型提示？

如何制作如下图所示的钢琴音符：

它应该有文本并且可点击。

这是我尝试过的：

PianoNotes.kt

const val NUM_NOTES = 7
const val DIVIDER_WIDTH = 5

@Composable
fun PianoNotes(modifier: Modifier = Modifier) {
    val config = LocalConfiguration.current
    val screenWidth = config.screenWidthDp.dp
    val screenHeight = config.screenHeightDp.dp

    Row {
        repeat(NUM_NOTES) { ithNotes -> // 0 indexed
            // NUM_NOTES - 1 because we don't use divider on last notes
            val dividerOffset = (DIVIDER_WIDTH * NUM_NOTES - 1).dp
            val singleNotesWidth = (screenWidth - dividerOffset) / NUM_NOTES

            NaturalNotes(
                size = DpSize(width = singleNotesWidth, height = screenHeight),
                ithNotes = ithNotes,
            )

            // we don't need divider on the last notes
            if (ithNotes != NUM_NOTES - 1) {
                VerticalDivider(
                    modifier = modifier.fillMaxHeight(),
                    thickness = DIVIDER_WIDTH.dp,
                    color = Color.Black
                )
            }

            // sharp notes doesn't exist on the third divider
            // we don't even have divider on 6th note
            if (ithNotes != 2 && ithNotes != 6) {
                SharpNotes(
                    size = DpSize(60.dp, 2 * screenHeight / 3),
                    ithNotes = ithNotes,
                )
            }

        }
    }
}

NaturalNotes.kt

@Composable
fun NaturalNotes(modifier: Modifier = Modifier, size: DpSize, ithNotes: Int) {
    Box(
        modifier = modifier
            .background(Color.White)
            .size(size.width, size.height)
            .clickable {
                Log.e(
                    "TAG",
                    PianoConstants.getNaturalNoteFromNumber(ithNotes + 1)
                )
            },
        contentAlignment = Alignment.BottomCenter
    ) {
        Text(
            text = PianoConstants.getNaturalNoteFromNumber(ithNotes + 1),
            fontSize = 36.sp,
            fontWeight = FontWeight.ExtraBold,
            modifier = modifier.padding(bottom = 20.dp)
        )
    }
}

SharpNotes.kt

@Composable
fun SharpNotes(modifier: Modifier = Modifier, size: DpSize, ithNotes: Int) {
    Box(
        modifier = modifier
            .background(Color.Black)
            .size(size.width, size.height)
            .clickable {
                Log.e(
                    "TAG",
                    PianoConstants.getSharpNoteFromNumber(ithNotes + 1)
                )
            },
        contentAlignment = Alignment.BottomCenter
    ) {
        Text(
            text = PianoConstants.getSharpNoteFromNumber(ithNotes + 1),
            fontSize = 36.sp,
            fontWeight = FontWeight.ExtraBold,
            color = Color.White,
            modifier = modifier.padding(bottom = 20.dp)
        )
    }
}

这导致：

尖锐的音符会占用空间并且不会与分隔线重叠。我尝试过的其他方法是将VerticalDivider和包装SharpNotes在一个盒子中并使用偏移量，但它仍然留下一个空白空间。

PianoConstants只是一个类，它为我提供了要在笔记中显示的文本