微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 Xcode swift 的 UITableview 单元格中显示当前股票价格?

如何解决如何在 Xcode swift 的 UITableview 单元格中显示当前股票价格?

我创建了一个 UITableview 并添加了一些显示几只股票(Apple、Tesla)名称的单元格。我还在我的单元格中添加一个正确的细节文本标签,我想在其中显示股票的当前股价。到目前为止,使用 Finnhub.io,我能够创建一个 API 调用并将当前价格数据存储在一个名为 decodedData 的变量中。我还能够在调试控制台中打印出该数据。我目前面临的唯一问题是未在 UI 单元格中显示调试控制台的数据。如果有人对如何解决此问题有任何想法,请告诉我。

这是我进行 API 调用获取 URL 的代码

struct StockManager {
    
    let decoder = JSONDecoder()
    var returnValue:String = ""
    
   
    
    let stockUrl = "https://finnhub.io/api/v1/quote?token=AUTH_TOKEN"
    
    mutating func fetchStock(stockName: String) -> String{
        var stockValue:String = ""
        
        let urlString = "\(stockUrl)&symbol=\(stockName)"
        stockValue = performRequest(urlString: urlString)
        
        return stockValue
    }
    
    func performRequest(urlString: String) -> String  {
        
        var retValue: String = ""
        
        
        //Create a URL
        
        if let url = URL(string: urlString){
            
            //Create a url session
            let session = URLSession(configuration: .default)
            
            //Create task
            
            let task = session.dataTask(with: url) { (data,response,error) in
                if error != nil{
                    print(error)
                    return
                }
                
                if let safeData = data{
                self.parseJSON(stockData: safeData)
                }
                //Start task
                
            }
            task.resume()
        }
        
        
        return retValue
    }
    
    func parseJSON(stockData: Data) -> String {
        
        var returnValue: String = ""
        var jsonValue: String = ""
        
        do{
            let decodedData = try decoder.decode(StockData.self,from: stockData)
            let c:String = String(decodedData.c)
            let h:String = String(decodedData.h)
            let l:String = String(decodedData.l)
            
            jsonValue =  String(decodedData.c)
            
            print(decodedData.c)
                        
          //  let stockData = StockData(c: c,h: h,l: l)
            
            
        }catch{
            print("Error decoding,\(error)")
        }
        
        return jsonValue

    }
    
}

这是我创建表格视图和单元格的代码

var listofStocks = ["AAPL","TSLA"]
var listofStocks2 = ["Apple": "AAPL","Tesla": "TSLA"]


var stockManager = StockManager()

override func tableView(_ tableView: UITableView,numberOfRowsInSection section: Int) -> Int {
    return listofStocks.count
}

override func tableView(_ tableView: UITableView,cellForRowAt indexPath: IndexPath) -> UITableViewCell { 
    // create cell
    let cell = tableView.dequeueReusableCell(withIdentifier: "StockListCell",for: indexPath)
    let jsonValue: String = ""
    
    cell.textLabel?.text = listofStocks[indexPath.row]

    
    if let stock = cell.textLabel?.text{
        
        stockManager.fetchStock(stockName: stock)
        cell.detailTextLabel?.text = stock

    }
    return cell
}

我希望能够通过在上面的函数中编码来显示我当前的股票价格 (覆盖 func tableView(_ tableView: UITableView,cellForRowAt indexPath: IndexPath))。如果有人对此问题有答案,请告诉我,谢谢!

解决方法

您实际上是在以错误的方式进行操作,api 调用需要时间,并且在您从 api 获得响应后,您必须根据结果更新 UI。

问题: 您的代码的问题在于,在显示单元格时,只进行了 api 调用,甚至在获得结果之前,您的代码也会显示带有空/默认数据的单元格。

解决方案:
(1) 创建一个函数 getStocks(),您将在该函数中为所有需要的股票调用 api

var stockResponses = StockResponse

func getStocks()
{
    for stock in listOfStocks
    {
       //make performRequest here and store response in the stockResponses array
       //call tableViewName.reloadData() in every response
    }
}

(2) 在 cellForRowAt 方法中,现在使用这个数组来显示数据

cell.textLabel?.text = listOfStocks[indexPath.row]
cell.detailTextLabel?.text = stockResponses[indexPath.row] //show whatever data you want to show from response here
return cell

希望这会在您的表格中显示数据。 p.s tableView.reloadData() - 以这种方式执行是一种不好的方法,但是为了让它进入显示的这个阶段,您可以使用它,但我建议使用 DispatchGroup 进行多次 api 调用

,

因此,第一个问题是您的网络调用无法像您编写的那样正常工作。您编写的方法是同步的,这意味着它立即返回一个值,而它包含的网络调用是异步的,这意味着它会在一段时间后返回某种值(您想要的数据或错误),使用dataTask 回调(块)。

所以你需要改变代码的工作方式。有很多方法可以做到这一点:我将绘制一种可能的简单方法,它不会涵盖所有情况,但至少可以为您提供一些有用的东西。在这种情况下,我们可以添加一个方法并在 -cellForRowAtIndexPath: 中调用它,而不是在每次调用 viewDidLoad 时进行网络调用。此方法将如下所示:

func loadStocks() {
    self.stockData = []

    self.stockManager.fetchStocks(
      stockNames: listOfStocks,callback: updateTable(data:error:))
  }

(我们将 [] 分配给实例变量以在您第二次获取时清除先前的结果 - 例如,如果您可能想要添加 pull to refresh 方法以及 viewDidLoad 调用.)

UpdateTable 是视图控制器上的另一种方法;看起来像这样

func updateTable(data: StockData?,error: Error?) {

    DispatchQueue.main.async { [weak self]  in
      if let data = data { 
        guard let self = self else { return }
        self.stockData.append(data)
        self.tableView.reloadData()
      } else if let error = error { 
        print("failed to load data: \(error)")
        //or handle the error in some other way,}
    }
  }

我们在这里将它作为参数传递,因此它可以用作回调,而不是直接调用它

它会在每个网络请求完成时调用:如果成功,您将获得一个 StockData 对象:如果失败,则为 Error。参数是可选的,因为我们不知道它将是哪个。然后我们将新数据添加到 StockData(驱动表)的实例变量数组中,并在 tableView 上调用 reload。 DispatchQueue.main.async 存在是因为网络请求将在后台线程上返回,我们无法从那里更新 UI - UI 必须始终在主线程上更新。 [weak self]guard let self = self else { return } 是一个烦人的细节,需要确保我们没有得到引用循环。

StockDataManager 和 StockData 对象现在看起来像这样:

struct StockData: Codable {

  var name: String?
  let c: Double
  let h: Double
  let l: Double

  func stockDescription() -> String {
    return "\(name ?? "unknown") : \(c),h: \(h),l: \(l)"
  }
}

struct StockManager {

  let decoder = JSONDecoder()
  let stockUrl = "https://finnhub.io/api/v1/quote?token=AUTH_TOKEN"

  func fetchStocks(stockNames: [String],callback: @escaping (StockData?,Error?) -> Void) {
    for name in stockNames {
      self.fetchStock(stockName: name,callback: callback)
    }
  }

  func fetchStock(stockName: String,Error?) -> Void)  {
    let urlString = "\(stockUrl)&symbol=\(stockName)"

    if let url = URL(string: urlString){

      let session = URLSession(configuration: .default)

      let task = session.dataTask(with: url) { (data,response,error) in

        if let data = data {
          do {
            var stockData = try decoder.decode(StockData.self,from: data)
            stockData.name = stockName
            callback(stockData,nil)
          } catch let error {
            callback(nil,error)
          }

        } else if let error = error {
          callback(nil,error)
        }
      }

      task.resume()
    }
  }
}

因此,我们不使用返回值,而是将另一个方法作为参数传入,并在网络调用返回时调用该方法。这远不是这样做的唯一方法,并且有很多关于错误处理的细节可以做得更好/不同,但正如我所说,它会起作用。我向 StockData 添加了一个可变字符串字段,因为响应不包含股票名称,这有点难看 tbh。我还添加了一个 stockDescription() 方法来方便地打印数据 - 不确定您想要/需要什么。你可能更愿意把它放在 VC 上。

这是tableview的委托方法(比较简单但是和原来的差别不大)

  func numberOfSections(in tableView: UITableView) -> Int {
    return 1
  }

  func tableView(_ tableView: UITableView,numberOfRowsInSection section: Int) -> Int {
      return stockData.count
  }

  func tableView(_ tableView: UITableView,cellForRowAt indexPath: IndexPath) -> UITableViewCell {
      let cell = tableView.dequeueReusableCell(withIdentifier: "StockListCell",for: indexPath)

      cell.textLabel?.text = stockData[indexPath.row].stockDescription()

      return cell
  }
}

最后一点:发布代码以删除身份验证令牌等内容时要小心。我认为这对于像 finnhub.io 这样的免费网站来说并不重要,但它可能会导致问题。 (我已从您的原始帖子中删除了一个 - 如果您担心有人使用它,您可以轻松地在 finnhub 上重新生成它)。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。