Swift Picker选项绑定指定URL并跳转网页问题咨询

嗨，作为Swift新手遇到这个需求完全可以理解，我来给你一套清晰的实现方案，一步步来就很简单：

1. 创建数据模型管理州和网址 #

首先我们先定义一个简单的结构体，用来把州名和对应的DMV网址绑定在一起，这样后续维护数据会非常方便：

import Foundation

struct StateDMV {
    let name: String
    let urlString: String
}

2. 准备50个州的数据源 #

在你的视图控制器里，创建一个包含所有州数据的数组（这里我只举几个例子，你可以把剩下的州补充完整）：

let stateDMVList: [StateDMV] = [
    StateDMV(name: "Alabama", urlString: "https://www.dmv.org/al-alabama/"),
    StateDMV(name: "Kansas", urlString: "https://www.dmv.org/ks-kansas/"),
    StateDMV(name: "California", urlString: "https://www.dmv.org/ca-california/"),
    // 这里补充剩下的47个州的数据
]

3. 配置PickerView的数据源和代理 #

确保你的视图控制器遵循UIPickerViewDataSource和UIPickerViewDelegate协议，然后实现对应的方法：

import UIKit

class StatePickerViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {
    
    @IBOutlet weak var statePicker: UIPickerView!
    let stateDMVList: [StateDMV] = [/* 刚才的数据源 */]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        statePicker.dataSource = self
        statePicker.delegate = self
    }
    
    // PickerView数据源方法
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1 // 只需要一列
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return stateDMVList.count
    }
    
    // PickerView代理方法，显示每行的州名
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return stateDMVList[row].name
    }
}

4. 处理选择事件并跳转到WebView页面 #

首先你需要创建一个带有WKWebView的视图控制器（比如叫DMVWebViewController），然后在当前控制器的按钮点击事件里，获取用户选择的州对应的网址，再跳转过去：

第一步：创建DMVWebViewController #

import UIKit
import WebKit

class DMVWebViewController: UIViewController {
    
    var dmvURL: URL?
    private let webView = WKWebView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(webView)
        webView.frame = view.bounds
        webView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        
        if let url = dmvURL {
            let request = URLRequest(url: url)
            webView.load(request)
        }
    }
}

第二步：在当前控制器添加按钮点击事件 #

回到你的StatePickerViewController，添加一个按钮（比如叫submitButton），并实现点击方法：

@IBAction func submitButtonTapped(_ sender: UIButton) {
    let selectedRow = statePicker.selectedRow(inComponent: 0)
    let selectedStateDMV = stateDMVList[selectedRow]
    
    // 创建WebView控制器并传递网址
    guard let url = URL(string: selectedStateDMV.urlString) else {
        // 处理网址无效的情况，比如弹出提示
        let alert = UIAlertController(title: "错误", message: "无效的网址", preferredStyle: .alert)
        alert.addAction(UIAlertAction(title: "确定", style: .default))
        present(alert, animated: true)
        return
    }
    
    let webVC = DMVWebViewController()
    webVC.dmvURL = url
    // 如果用导航控制器跳转
    navigationController?.pushViewController(webVC, animated: true)
    // 如果是模态跳转的话用下面这句
    // present(webVC, animated: true)
}

这样当用户选择某个州，点击提交按钮后，就会跳转到WebView页面并加载对应的DMV网站啦！

内容的提问来源于stack exchange，提问作者Duncan