在SwiftUI中加载网站时加载活动指示器

是为了提供用户友好的体验，让用户知道网页正在加载中。活动指示器通常以旋转的圆圈或进度条的形式展示，以表示加载进度。

在SwiftUI中，可以使用ActivityIndicator视图来实现加载活动指示器。ActivityIndicator是一个系统提供的视图，可以在加载过程中显示一个旋转的圆圈。

以下是一个示例代码，演示如何在SwiftUI中加载网站时显示活动指示器：

import SwiftUI
import WebKit

struct WebView: UIViewRepresentable {
    let url: URL
    
    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        webView.load(URLRequest(url: url))
        webView.addObserver(context.coordinator, forKeyPath: #keyPath(WKWebView.isLoading), options: .new, context: nil)
        return webView
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        // 更新WebView的内容
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator()
    }
    
    class Coordinator: NSObject {
        // 监听WebView的isLoading属性，显示/隐藏活动指示器
        override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
            if keyPath == #keyPath(WKWebView.isLoading) {
                if let webView = object as? WKWebView {
                    if webView.isLoading {
                        // 显示活动指示器
                    } else {
                        // 隐藏活动指示器
                    }
                }
            }
        }
    }
}

struct ContentView: View {
    var body: some View {
        VStack {
            WebView(url: URL(string: "https://www.example.com")!)
                .frame(height: 300)
            // 其他视图
        }
    }
}

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

在上述示例代码中，我们创建了一个名为WebView的UIViewRepresentable结构体，用于封装加载网站的WebView。在makeUIView方法中，我们创建了一个WKWebView实例，并加载指定的URL。通过添加观察者，我们可以监听WebView的isLoading属性的变化，并在加载开始和结束时显示/隐藏活动指示器。

在ContentView中，我们使用WebView视图来加载网站，并将其放置在一个垂直堆栈中。你可以根据需要添加其他视图。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。在实际开发中，你可能还需要处理加载失败、加载超时等情况，并根据需要自定义活动指示器的样式。

腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等。你可以根据具体需求选择适合的产品。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云产品的信息。