实施一个带有Ios图表的实时股票市场盘

项目设置和附属关系

一旦添加,请配置您的 Info.plist 允许网络访问(如果需要的话),但应用 App Transport Security 例外,或者更好的话,使用 HTTPS 端点.

设计数据模型

创建一个 结构, 以映射由您的提供者返回的 JSON 结构。 大多数 API 返回带有字段的数组对象, 如 , , , , 。 对于实时仪表板, 关注最新价格和历史数据的滚动窗口( 如最后100 勾选 )。

struct StockDataPoint: Codable {
 let timestamp: TimeInterval
 let price: Double
 let volume: Int
}

定义一个 [[FLT: 11] ] 容器, 包含这些点的数组, 加上像符号和上次刷新时间这样的元数据。 使用 [[FLT: 12]] 来匹配来自 API 的蛇案和 Swift 中的骆驼Case 。

实时功能的网络层

创建一个使用 Alamomafire 获取数据的 [[FLT: 13] ] 类。 对于实时更新, 您有两种方法:

• Polling – 定期发送 HTTP 请求(每5–30秒视API 速率限制而定). 简单但效率较低.
• WebSocket – 保持持续连接以接收推速更新(由Finnhub,IX等支持). 低空和降低管理费用.

执行返回 发布器的方法,或使用 模式获取最新数据。对于民意测验,请在视图模型中安排 。对于 WebSockets,请使用苹果的 或像Starscream 这样的库(尽管Alamomire 5也有实验性的WebSocket支持 ) 。

示例 [[FLT: 18]] 获取函数:

func fetchLatestPrice(for symbol: String) async throws -> StockDataPoint {
 let url = "https://api.example.com/quote?symbol=\(symbol)&apikey=\(apiKey)"
 let response = try await AF.request(url).serializingDecodable(StockDataPoint.self).value
 return response
}

分析与存储数据

您的视图模型应该处理响应, 绘制其图表, 并保持最近点的缓冲。 使用属性 [[FLT: 20]] , 从而 SwiftUI 或 UIKit 视图可以对变化作出反应 。 例如, 保留一组代表最后 N 数据点的[[FLT: 21] 对象( 从 Charts 库中)。

当新数据到达时, 附加条目并修剪旧条目以保留图表视图的有限性。 这样可以防止内存膨胀, 并保持图表的可读性 。

以图表库构建图表

从图表库中拖动 到您的故事板或程序化即时化它。 设置其限制并配置外观 :

• 使用,并使用]阵列。
• 启用价格标签 [[FLT: 25]],但以最后几个点为限,以避免杂乱无章。
• 设置 较平滑的行。
• 自定义轴格式化 — [[FLT: 27]]] 用于x轴(时间)和y轴(价格)格式化.

示例

let entries = stockDataPoints.map { ChartDataEntry(x: $0.timestamp, y: $0.price) }
let dataSet = LineChartDataSet(entries: entries, label: "\(symbol) Price")
dataSet.drawCirclesEnabled = false
dataSet.lineWidth = 2
dataSet.setColor(.systemBlue)

let chartData = LineChartData(dataSet: dataSet)
lineChartView.data = chartData

对于实时更新, 您不会在每勾选时重置整个数据集。 相反, 添加新条目并呼叫 [[FLT: 29]] 以渐进刷新视图 。

实时更新战略

与计时器投票

在您的视图模型中使用 [[FLT: 30] 。 当视图消失时, 将它无效。 注意 API 费率限制 — 免费等级通常只允许每分钟5–10个请求。 请使用更长的间隔( 10– 15秒) 并显示可配置的刷新率 。

网络套接字连接

如果您的 API 支持 WebSockets, 请在视图出现时创建连接, 并在循环中调用 [[FLT: 31] ] , 以获取流数据。 将每个收到的消息分析为 JSON , 并更新图表 。 使用 [[FLT: 32] 的示例 :

let task = session.webSocketTask(with: url)
task.resume()
func receive() {
 task.receive { result in
 switch result {
 case .success(let message):
 if case .string(let text) = message,
 let data = text.data(using: .utf8),
 let point = try? JSONDecoder().decode(StockDataPoint.self, from: data) {
 DispatchQueue.main.async { self.updateChart(with: point) }
 }
 self.receive()
 case .failure(let error):
 // reconnect logic
 }
 }
}

WebSockets减少空档和网络负荷,但需要处理重联和保持pings.

UI 布局和响应性

您的仪表板应包括:

• A搜索栏或拾取器[]输入股票符号.
• A 当前价格标签,该标签以动画更新(如闪绿/红换增/减价).
• ]行图[占据了大多数屏幕空间.
• 额外衡量标准:每日变化百分比、高/低、体积。
• A状态指示器[]显示连接状态(连接/断开/装入).

使用 SwiftUI 来进行声明式布局或使用自动布局的 UIKit 。 确保重工作( 剖析、 图表数据构建) 运行到主线。 调度 UI 更新到 [[FLT: 34] ] 。

处理错误和复原力

网络失败是不可避免的。 执行重试逻辑, 并用指数回转来表示 HTTP 请求( [[FLT: 0]]] Alamomire's RequestRetrier [[FLT: 1]] 。 对于 WebSockets , 请在延迟后监听关闭代码并尝试重联。 当数据停滞时显示一个方便用户的错误横幅或占位符图 。

使用 [[FLT: 35] 和 [[FLT: 36] ] 来优雅地处理错误。 记录错误到远程服务, 如 Crashlytics 只在生产中才会使用 。

性能优化

实时图表每分钟更新多次。 要保持 UI 的平滑 :

• 将数据点数限制在一个固定窗口(例如200个条目).
• 禁用不必要元素的绘图(],]只针对多个元素.
• 在 UIKit 中使用 layer 后置 或更喜欢 SwiftUI 的 ,用于金属后置堆肥.
• Throttle更新:如果WebSocket消息到达速度快于屏幕刷新速率(60Hz),将多个点批次为一个图表更新.

测试 Dash 板

使用模拟 JSON 响应为数据解析和网络管理器撰写单位测试。 使用 [[FLT: 40] 或 [] 模拟 API 响应。 对于图表视图, 使用 [[[FLT: 42] ] 的快照测试可以在更新后验证正确的渲染。 测试通过自定义服务器输入定时模拟数据的 UI 测试的实时行为 。

部署考虑

安全存储您的 API 密钥 — — 永远不要硬编码。 在 Xcode 方案中使用环境变量或 , 即已 gitignoored。 考虑执行本地缓存( 如 Core Data) , 因此仪表板在发射时立即显示最后已知的数据, 并等待新的数据 。

对于 App Store 提交, 请确保您的应用尊重背景应用程序刷新设置, 如果您想要在应用程序没有前置时进行周期更新, 请使用 [[FLT: 0]] BGShatchScheduler [[[FLT: 1]], 尽管对于真实的实时感觉, WebSocket 连接只在前置状态下工作 。

结论

通过将Alamofire用于网络请求,Charts库用于可视化,或者通过投票或WebSockets用于实时更新,您可以为iOS构建一个强大的实时股票市场仪表板。专注于清洁架构,优雅的错处理,以及性能调试,以提供用户信任的专业体验。请记住尊重API的速率限制,并在数据延迟时提供清晰的反馈。在这些基础下,您可以使用多个符号,技术指标,甚至监视列表管理来扩展仪表板.