SwiftUI -将视图悬停在内容视图之外

SwiftUI 是苹果公司推出的一种声明式用户界面框架，它允许开发者使用简洁的语法来构建用户界面。在 SwiftUI 中，有时需要将视图悬停在内容视图之外，这可以通过使用 ZStack 和 Spacer 来实现。

基础概念

ZStack: SwiftUI 中的一个容器视图，它允许你在同一位置堆叠多个视图。
Spacer: 一个可以扩展以填充可用空间的视图，常用于布局调整。

类型与应用场景

悬浮按钮: 常用于底部导航栏或侧边栏的悬浮操作按钮。
提示框: 如悬浮的提示信息或警告框。
自定义工具栏: 可以创建自定义的工具栏，其中的元素可以悬停在内容视图之外。

示例代码

以下是一个简单的 SwiftUI 示例，展示如何创建一个悬停在内容视图之外的按钮：

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack {
            // 内容视图
            VStack {
                Text("Hello, SwiftUI!")
                    .font(.largeTitle)
                    .padding()
                
                Spacer() // 用于将内容推至顶部
            }
            
            // 悬浮按钮
            Button(action: {
                // 按钮动作
            }) {
                Image(systemName: "plus")
                    .resizable()
                    .frame(width: 50, height: 50)
                    .background(Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(25)
            }
            .position(x: UIScreen.main.bounds.width / 2, y: UIScreen.main.bounds.height - 75) // 定位按钮
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}