Thi hành một bảng thị trường chứng khoán có biểu đồ ở Ios

Thiết kế mô hình dữ liệu

Tạo một dãy ), , , [FLT: 6, , , , , [FLT: 7), , , [FL:8], [FL:9], và [FL:9] [thời gian thực, tập trung vào giá trị thời gian, và cửa sổ mới nhất, cuộn các dữ liệu lịch sử.

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

Định nghĩa một hộp chứa một dãy các điểm này, cộng với siêu dữ liệu như biểu tượng và lần cập nhật cuối. Hãy dùng để khớp con rắn với con lạc đà trong bài hát « K ».

Mạng lớp có khả năng phụ trách thời gian thực

Tạo một lớp sử dụng Alamofire để lấy dữ liệu. Để cập nhật thời gian thực, bạn có hai cách tiếp cận:

• Nhấn – gửi các yêu cầu nhận HTTP định kỳ (mỗi 5–30 giây phụ thuộc vào giới hạn tốc độ của máy tính. Đơn giản hơn nhưng ít hiệu quả hơn.
• WbSet ) – duy trì một kết nối bền bỉ để nhận bản cập nhật (được hỗ trợ bởi Finnhub, IEX, etc.) thấp hơn và giảm chi phí.

Để có được một phương pháp trả lại một người tuyên bố [FLT:] hoặc dùng một mẫu để lấy dữ liệu mới nhất. Để thăm dò, hãy lập kế hoạch theo cách xem của bạn. Đối với WebSoets, hãy dùng mẫu của Apple hoặc thư viện như là Starscy (mặc dù năm cũng có khả năng sử dụng Webet) để thí nghiệm.

Ví dụ chức năng:

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
}

Phân tích và chép dữ liệu

Mô hình xem của bạn nên xử lý câu trả lời, vẽ nó thành mục nhập biểu đồ, và duy trì một bộ đệm của các điểm gần đây. Hãy dùng các thuộc tính để biểu thị các điểm N cuối cùng.

Khi dữ liệu mới đến, hãy phụ thêm mục nhập vào và cắt những mục cũ để giữ cho ô xem có hạn. Điều này ngăn cản bộ nhớ bay ra và giữ biểu đồ dễ đọc.

Xây dựng biểu đồ bằng thư viện

Kéo một từ thư viện Biểu đồ vào bảng kể chuyện của bạn hoặc ngay lập tức lập trình nó. Đặt hình có hạn và cấu hình của nó:

• Dùng với dãy.
• Bật để nhãn giá, nhưng giới hạn là vài điểm cuối để tránh bừa bộn.
• Đặt cho các đường mịn hơn.
• Định dạng trục tùy chỉnh định dạng cho x-axis (thời gian) và y- x (pruce) định dạng.

Ví dụ:

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

Để cập nhật thời gian thực, bạn sẽ không đặt lại toàn bộ dữ liệu trên mỗi con bọ, thay vào đó hãy thêm mục nhập mới và gọi để làm mới lại khung xem.

Comment

Vở kịch với thời gian

Dùng trong mô hình xem của bạn. Không hợp lệ khi khung xem biến mất. Hãy lưu ý đến giới hạn tốc độ ADI: liên kết miễn phí — chỉ cho phép 5–10 yêu cầu mỗi phút. Hãy dùng khoảng thời gian dài (10–15 giây) và phơi bày một tốc độ cập nhật có thể cấu hình lại.

Kết nối

Nếu hệ thống này hỗ trợ các ổ cắm Mạng, tạo một kết nối khi khung xem xuất hiện và gọi trong vòng lặp để có dữ liệu được luồng. Hãy phân tích mỗi thông điệp gửi đến như JSON và cập nhật biểu đồ. Ví dụ bằng [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
 }
 }
}

Ổ cắm Mạng làm giảm sự hoạt động và tải mạng, nhưng yêu cầu xử lý sự tái kết nối và liên lạc tín hiệu.

Bố trí UI và hỗ trợ

Bảng điều khiển của bạn nên bao gồm:

• Một tìm kiếm thanh hoặc nhà chọn để nhập một biểu tượng cổ phiếu.
• Một nhãn hiện thời mà Cập Nhật với hoạt hình (v. d., đèn xanh lá cây/red để tăng giá/ tính phân hủy).
• biểu đồ chiếm phần lớn không gian màn hình.
• Số đo phụ: tỷ lệ thay đổi hàng ngày, âm lượng cao/ thấp.
• Một [FLT: 0] chỉ thị [FLT: 1] hiển thị trạng thái kết nối ( kết nối / ngắt kết nối / tải).

Dùng nhóm kiểu REM cho bố trí giải mã hoặc UIKit có bố trí tự động. Bảo đảm làm việc nặng ( cha trí, cấu trúc dữ liệu biểu đồ) chạy từ chỉ chính. Gửi bản cập nhật UI .

Lỗi khi giải quyết và giữ vững sự nhịn nhục

Lỗi mạng không thể tránh được. Đối với WebSoet, hãy lắng nghe mã đóng và thử tái kết nối lại sau khi tạm dừng. Hiển thị biểu đồ lỗi thân thiện với người dùng hoặc vị trí của mục (FLT: 1). Đối với WebSocket, hãy lắng nghe các mã gần và thử kết nối lại sau khi trễ. Hiển thị biểu đồ vị trí của người dùng khi dữ liệu bị lỗi bị lỗi.

Dùng với để xử lý lỗi một cách duyên dáng. Ghi lại lỗi để dịch vụ từ xa như lỗi phân tích sụp đổ chỉ trong sản xuất.

Cách tô màu

Một biểu đồ thời gian thực cập nhật nhiều lần mỗi phút. Để giữ cho UI mịn:

• Giới hạn số dữ liệu chỉ tới một cửa sổ cố định (v. d., 200 mục).
• Tắt vẽ các yếu tố không cần thiết (, chỉ cho nhiều người).
• Dùng người giảm trong UIKit hoặc thích cho việc nén kim loại.
• Cập nhật Throttle: nếu tin nhắn WebSocket đến nhanh hơn tốc độ cập nhật màn hình (60 Hz), tạo nhiều điểm cho một biểu đồ cập nhật.

Kiểm tra bảng thông tin

Đơn vị ghi các thử nghiệm cho các dữ liệu stsing và quản lý mạng bằng cách chế nhạo JSON đáp ứng. Dùng hoặc để mô phỏng các phản ứng kiểu ADI. Để xem biểu đồ, thử chụp với có thể kiểm tra chính xác khi cập nhật. Thử nghiệm hành vi thời gian thực với các thử nghiệm UI để đưa dữ liệu giả sử thời gian qua máy phục vụ tuỳ chỉnh.

Suy xét về các cuộc triển khai

Hãy lưu giữ chìa khóa ADI (không bao giờ khó. Hãy dùng biến môi trường trong bộ đồ họa Xde hoặc , đó là gitignored. Hãy xem xét việc thực hiện bộ nhớ tạm cục bộ (v. d. Cre Data) để hiển thị dữ liệu được biết đến cuối cùng khi khởi chạy trong khi chờ dữ liệu mới.