160 行
6.2 KiB
Swift
160 行
6.2 KiB
Swift
import SwiftUI
|
|
import XuqmWebViewSDK
|
|
#if canImport(UIKit)
|
|
import UIKit
|
|
#endif
|
|
|
|
struct WebViewDemoView: View {
|
|
@Binding var path: NavigationPath
|
|
private enum WebViewMode: String, CaseIterable, Identifiable {
|
|
case embedded = "嵌入式"
|
|
case page = "页面模式"
|
|
|
|
var id: String { rawValue }
|
|
}
|
|
|
|
@State private var url = "https://example.com"
|
|
@State private var title = "示例网页"
|
|
@State private var mode: WebViewMode = .embedded
|
|
@State private var statusVersion = 0
|
|
|
|
private var config: XWebViewConfig {
|
|
XWebViewConfig(
|
|
url: url.trimmingCharacters(in: .whitespacesAndNewlines),
|
|
title: title.trimmingCharacters(in: .whitespacesAndNewlines)
|
|
)
|
|
}
|
|
|
|
private var currentUrl: String {
|
|
let controllerUrl = XWebViewBridge.shared.currentController()?.currentUrl()
|
|
return (controllerUrl?.isEmpty == false ? controllerUrl : nil) ?? config.url
|
|
}
|
|
|
|
var body: some View {
|
|
ScrollView {
|
|
VStack(alignment: .leading, spacing: 16) {
|
|
Text("XWebView")
|
|
.font(.title2)
|
|
.fontWeight(.bold)
|
|
|
|
Text("可输入 URL，并在嵌入式组件和独立页面之间切换。")
|
|
.foregroundStyle(.secondary)
|
|
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
TextField("URL", text: $url)
|
|
|
|
TextField("标题", text: $title)
|
|
|
|
Picker("模式", selection: $mode) {
|
|
ForEach(WebViewMode.allCases) { item in
|
|
Text(item.rawValue).tag(item)
|
|
}
|
|
}
|
|
.pickerStyle(.segmented)
|
|
}
|
|
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Text("嵌入式组件")
|
|
.font(.headline)
|
|
|
|
if mode == .embedded {
|
|
XWebViewView(config: config)
|
|
.frame(height: 320)
|
|
.clipShape(RoundedRectangle(cornerRadius: 16))
|
|
} else {
|
|
Text("当前处于页面模式，点击下面按钮会 push 到独立页面。")
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Text("页面控制")
|
|
.font(.headline)
|
|
|
|
Text("当前 URL: \(currentUrl.isEmpty ? "未加载" : currentUrl)")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
|
|
HStack(spacing: 12) {
|
|
Button {
|
|
XWebViewBridge.shared.currentController()?.goBack()
|
|
statusVersion += 1
|
|
} label: {
|
|
Text("后退")
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.vertical, 10)
|
|
.background(Color.gray.opacity(0.12))
|
|
.clipShape(RoundedRectangle(cornerRadius: 10))
|
|
}
|
|
.disabled(!(XWebViewBridge.shared.currentController()?.canGoBack() ?? false))
|
|
|
|
Button {
|
|
XWebViewBridge.shared.currentController()?.goForward()
|
|
statusVersion += 1
|
|
} label: {
|
|
Text("前进")
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.vertical, 10)
|
|
.background(Color.gray.opacity(0.12))
|
|
.clipShape(RoundedRectangle(cornerRadius: 10))
|
|
}
|
|
.disabled(!(XWebViewBridge.shared.currentController()?.canGoForward() ?? false))
|
|
}
|
|
|
|
HStack(spacing: 12) {
|
|
Button {
|
|
XWebViewBridge.shared.currentController()?.reload()
|
|
statusVersion += 1
|
|
} label: {
|
|
Text("刷新")
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.vertical, 10)
|
|
.background(Color.gray.opacity(0.12))
|
|
.clipShape(RoundedRectangle(cornerRadius: 10))
|
|
}
|
|
|
|
Button {
|
|
#if canImport(UIKit)
|
|
UIPasteboard.general.string = currentUrl
|
|
#endif
|
|
statusVersion += 1
|
|
} label: {
|
|
Text("复制 URL")
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.vertical, 10)
|
|
.background(Color.gray.opacity(0.12))
|
|
.clipShape(RoundedRectangle(cornerRadius: 10))
|
|
}
|
|
}
|
|
|
|
Button {
|
|
XWebViewBridge.shared.currentController()?.load(url: url.trimmingCharacters(in: .whitespacesAndNewlines))
|
|
statusVersion += 1
|
|
} label: {
|
|
Text("重新加载输入 URL")
|
|
.frame(maxWidth: .infinity)
|
|
.padding()
|
|
.background(Color.accentColor)
|
|
.foregroundStyle(.white)
|
|
.clipShape(RoundedRectangle(cornerRadius: 12))
|
|
}
|
|
}
|
|
|
|
Button {
|
|
openXWebView(config)
|
|
path.append(AppRoute.webView)
|
|
} label: {
|
|
Text("打开页面模式")
|
|
.frame(maxWidth: .infinity)
|
|
.padding()
|
|
.background(Color.accentColor)
|
|
.foregroundStyle(.white)
|
|
.clipShape(RoundedRectangle(cornerRadius: 12))
|
|
}
|
|
}
|
|
.padding()
|
|
}
|
|
.navigationTitle("网页")
|
|
}
|
|
}
|
