在SwiftUI中使一组按钮等宽,可以通过使用Stack来实现。Stack是一种容器视图,可以将多个视图按照水平或垂直方向进行排列。
首先,我们可以创建一个水平的Stack,并将按钮放入其中。然后,使用Spacer来填充剩余的空间,使按钮等宽。
下面是一个示例代码:
import SwiftUI
struct ContentView: View {
var body: some View {
VStack {
Text("Button Example")
.font(.title)
HStack {
Button(action: {
// 按钮1的操作
}) {
Text("Button 1")
.frame(maxWidth: .infinity)
.padding()
.background(Color.blue)
.foregroundColor(.white)
.cornerRadius(10)
}
Button(action: {
// 按钮2的操作
}) {
Text("Button 2")
.frame(maxWidth: .infinity)
.padding()
.background(Color.green)
.foregroundColor(.white)
.cornerRadius(10)
}
Button(action: {
// 按钮3的操作
}) {
Text("Button 3")
.frame(maxWidth: .infinity)
.padding()
.background(Color.orange)
.foregroundColor(.white)
.cornerRadius(10)
}
}
.padding()
Spacer()
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
在上面的示例代码中,我们创建了一个垂直的Stack,并在其中放置了三个按钮。每个按钮都使用了.frame(maxWidth: .infinity)
来设置宽度为父容器的最大宽度,从而使它们等宽。同时,我们还对按钮进行了一些样式设置,如背景色、前景色和圆角等。
这是一个简单的示例,你可以根据实际需求进行修改和扩展。如果你想了解更多关于SwiftUI的知识,可以参考腾讯云的相关文档和教程:
希望这个答案能够帮助到你!如果还有其他问题,请随时提问。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云