ios 如何使用SwiftUI放置形状?

rqqzpn5f  于 2022-11-26  发布在  iOS
关注(0)|答案(1)|浏览(134)

我正在学习如何使用SwiftUI进行布局,并且想知道如何告诉Swift,如果zstack中有一个背景矩形,并且顶部有一系列较小的形状,则使用该矩形作为参考空间。尽管当尝试时,它似乎在整个屏幕上间隔对象(而不是使用背景对象)。下面是我尝试编写的一个示例:

sxpgvts3

sxpgvts31#

使用.overlay(alignment:content:)相对于父视图放置子视图。
例如:

struct ContentView: View {
    var body: some View {
        Color.blue
            .frame(width: 100, height: 100)
            .overlay(alignment: .center) {
                VStack {
                    Spacer()
                    Spacer()
                    Spacer()
                    HStack(spacing: 2) {
                        ForEach([Color.yellow, .red, .white, .green, .cyan], id: \.self) { color in
                            Circle()
                                .foregroundColor(color)
                                .frame(width: 15, height: 15)
                        }
                    }
                    Spacer()
                }
            }
    }
}

下面是在模拟器中运行:

相关问题