主页 / 问题 / 1257732
Accepted
ark.zv
Asked:2022-03-19 00:04:58 +0000 UTC2022-03-19 00:04:58 +0000 UTC

创建两条按钮线

  • 772

大家好。我开始在 Swift (SwiftUI) 中迈出第一步，这是第一个项目。我想创建一个乘法表，我正在尝试在下面创建从 1 到 12 的按钮，并且通过按下按钮，表本身将显示在顶部。我无法实现按钮的正确输出，以便它们按顺序编号，按下时显示相应的表格。这是我尝试输出的方式：

ForEach (0 ..< numberOfRows) { row in
    HStack(spacing: 2) {
        ForEach (0 ..< numberOfColumns) { column in
            Button(action: {
                numberOfTable = row + column
                creatMultiplicationTable()
            }) {
                Text("\(row + column + 1)")
            }
            .buttonStyle(BorderlessButtonStyle())
            .frame(width: 50, height: 50)
            .background((row + column) == numberOfTable ? Color.red : Color.blue)
            .foregroundColor(.white)
            .cornerRadius(10.0)
        }
    }
}

结果如下：

在此处输入图像描述

button

1 个回答

  1. Best Answer

    最好重新考虑两行按钮的方法：

    乘法表有一个最大数量，现在是 12。你需要将它们排列成 2 行，这意味着一行 6 个元素：

    @State var maxNumber = 12
@State var elementsPerRow = 6

func getButtons() -> some View {
    // Формируем Range на количество рядов:
    ForEach(0..<((maxNumber - 1) / elementsPerRow + 1), id: \.self) { row in
        HStack {
            // Формируем Range на количество столбцов 
            // для первого рядка c 6 * 0 до 6 * 1 не включая, т.е [0,6)
            // для второго [6,12):
            ForEach(elementsPerRow * row..<min(maxNumber, elementsPerRow * (row + 1)), id: \.self) { column in
                getButton(column: column) // Это Ваша кнопка отделённая.
            }
        }
    }
}

    然后你不会在乎，这些是 2 行，每行 6 个按钮：

    在此处输入图像描述

    或 3 x 7，或任何您想要的：

    在此处输入图像描述

    • 1

相关问题