Реализация панели инструментов фондового рынка в реальном времени с диаграммами в Ios

Настройка проекта и зависимости

После добавления настройте свой Info.plist, чтобы разрешить доступ к сети (HTTP, если это необходимо) с исключением безопасности передачи приложений для вашего домена API или, лучше, используйте конечные точки HTTPS.

Проектирование моделей данных

Создайте структуру , которая отражает структуру JSON, возвращенную вашим провайдером. Большинство API возвращают массивы объектов с такими полями, как , , , , и . Для панели приборов в реальном времени сосредоточьтесь на последней цене и скользящем окне исторических данных (например, последние 100 клещей).

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

Определите контейнер , который содержит множество этих точек, плюс метаданные, такие как символ и последнее время обновления. Используйте , чтобы соответствовать змеиному чехлу из API в верблюжьем кейсе в Swift.

Сетевой уровень с возможностями реального времени

Создайте класс , который использует Alamofire для сбора данных. Для обновлений в реальном времени у вас есть два подхода:

• Опросы — периодически отправлять HTTP GET-запросы (каждые 5—30 секунд в зависимости от пределов скорости API).
• WebSocket — поддерживает постоянное соединение для получения push-обновлений (поддерживаемых Finnhub, IEX и т.д.).

Внедрите метод, который возвращает издателю или использует шаблон для получения последних данных. Для опроса запланируйте в вашей модели просмотра. Для WebSockets используйте Apple или библиотеку, такую как Starscream (хотя Alamofire 5 также имеет экспериментальную поддержку WebSocket).

Пример функции приведения:

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
}

Парсирование и хранение данных

Ваша модель просмотра должна обрабатывать ответ, отображать его на записи диаграмм и поддерживать буфер недавних точек. Используйте свойства , чтобы представления SwiftUI или UIKit могли реагировать на изменения. Например, сохраняйте массив объектов (из библиотеки диаграмм), которые представляют последние N точек данных.

Когда приходят новые данные, добавьте запись и обрежьте старые, чтобы сохранить конечный вид диаграммы. Это предотвращает раздутие памяти и сохраняет диаграмму читаемой.

Построение диаграммы с помощью библиотеки диаграмм

Перетащите из библиотеки Чартов в раскадровку или инстанцируйте ее программно. Установите ее ограничения и настройте внешний вид:

• Используйте [[23]] с [[24]] массивами.
• Включите для ценовых этикеток, но ограничьтесь несколькими последними пунктами, чтобы избежать беспорядка.
• [26] Для более мягких линий.
• Настройка форматировщиков оси — для форматирования по оси 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

Для обновлений в режиме реального времени вы не будете сбрасывать весь набор данных на каждом тике. вместо этого добавьте новую запись и позвоните , чтобы постепенно обновить просмотр.

Стратегии обновления в реальном времени

Опрос с Таймером

Используйте в своей модели просмотра. Недействительно, когда вид исчезает. Помните о пределах скорости API - бесплатные уровни часто допускают только 5-10 запросов в минуту. Используйте более длинный интервал (10-15 секунд) и выставляйте настраиваемую частоту обновления.

WebSocket Connection (Подключение к WebSocket)

Если ваш API поддерживает WebSockets, создайте соединение, когда появится вид, и вызовите в цикле для получения потоковых данных. Просмотрите каждое входящее сообщение как JSON и обновите диаграмму. Пример с использованием :

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 уменьшают задержку и нагрузку на сеть, но требуют повторного подключения и сохранения пингов.

UI Layout и отзывчивость

Ваша приборная панель должна включать:

• , чтобы ввести символ запаса.
• Текущая ценовая этикетка , которая обновляется с помощью анимации (например, флеш-зеленый / красный для повышения / снижения цены).
• линейная диаграмма занимает большую часть экранного пространства.
• Дополнительные показатели: суточный процент изменений, высокий/низкий, объем.
• Индикатор состояния , показывающий состояние соединения (подключено/отсоединено/загрузка).