自定义的Swift气泡视图组件

huangapple
go评论89阅读模式
英文:

Swift custom bubble view component

问题

我需要创建一个能够以气泡形式显示许多跑步者进度的组件。我已经尝试使用很棒的Charts库，但没有取得太多成果。

这是代码：

  1. override func viewDidLoad() {
  2.     super.viewDidLoad()
  4.     self.configureChart(raceChartData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], raceDistance: 10)
  5. }
  7. func configureChart(raceChartData: [Int], raceDistance: Double) {
  8.     // ...（代码中的其他配置）
  9. }

这是结果：

自定义的Swift气泡视图组件

这是我需要创建的真实组件：

自定义的Swift气泡视图组件

假设你需要跑10公里，当前的市场线和带有头像的气泡是你（应用程序用户）以及你已经跑过的距离。其他气泡代表附近的其他人和他们的距离。所有数据来自套接字（后端），我需要以这种形式显示它们。你有任何关于如何做到这一点的想法吗？我在考虑从头开始创建一个组件（基于UIView），但我不知道这是否是一个好计划。

英文:

I need to create a component capable of displaying the progress of many runners in the form of a bubble. I have tried to do it with the Charts library which is great but I have not achieved much.

This is the code:

  1. override func viewDidLoad() {
  2.     super.viewDidLoad()
  4.     self.configureChart(raceChartData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], raceDistance: 10)
  5. }
  7. func configureChart(raceChartData: [Int], raceDistance: Double) {
  8.     chartView.chartDescription.enabled = false
  9.     chartView.dragEnabled = false
  10.     chartView.pinchZoomEnabled = false
  11.     chartView.xAxis.enabled = true
  12.     //chartView.maxVisibleCount = 0
  13.     chartView.autoScaleMinMaxEnabled = false
  14.     chartView.leftAxis.enabled = false
  15.     chartView.rightAxis.enabled = false
  16.     chartView.legend.enabled = false
  17.     chartView.legend.drawInside = false
  18.     chartView.setScaleEnabled(false)
  19.     let xAxis: XAxis = chartView.xAxis
  20.     xAxis.axisLineColor = #colorLiteral(red: 1, green: 0.4823529412, blue: 0.1450980392, alpha: 1).withAlphaComponent(0.1)
  21.     xAxis.drawAxisLineEnabled = false
  22.     xAxis.drawLabelsEnabled = false
  23.     xAxis.gridColor = #colorLiteral(red: 1, green: 0.4823529412, blue: 0.1450980392, alpha: 1).withAlphaComponent(0.3)
  24.     //xAxis.axisMinimum = 1
  25.     //xAxis.axisMaximum = 10
  27.     var calculatedChartDistance = 0.0
  29.     if raceChartData.count != 0 {
  30.         var chartdistanceArray = [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]
  31.         if activeRaceFormat == "SPDWRK" {
  32.             calculatedChartDistance = raceDistance
  33.         } else {
  34.             chartView.xAxis.centeredEntries = [0, 0.5, 0.4]
  35.             chartView.xAxis.centerAxisLabelsEnabled = true
  36.             calculatedChartDistance = raceDistance
  37.         }
  39.         for i in 0...9 {
  40.             chartdistanceArray[i] = calculatedChartDistance * Double((i + 1))
  41.         }
  43.         let yVals1 = [
  44.             BubbleChartDataEntry(x: chartdistanceArray[0], y: 0, size: CGFloat(raceChartData[0])),
  45.             BubbleChartDataEntry(x: chartdistanceArray[1], y: 0, size: CGFloat(raceChartData[1])),
  46.             BubbleChartDataEntry(x: chartdistanceArray[2], y: 0, size: CGFloat(raceChartData[2])),
  47.             BubbleChartDataEntry(x: chartdistanceArray[3], y: 0, size: CGFloat(raceChartData[3])),
  48.             BubbleChartDataEntry(x: chartdistanceArray[4], y: 0, size: CGFloat(raceChartData[4])),
  49.             BubbleChartDataEntry(x: chartdistanceArray[5], y: 0, size: CGFloat(raceChartData[5])),
  50.             BubbleChartDataEntry(x: chartdistanceArray[6], y: 0, size: CGFloat(raceChartData[6])),
  51.             BubbleChartDataEntry(x: chartdistanceArray[7], y: 0, size: CGFloat(raceChartData[7])),
  52.             BubbleChartDataEntry(x: chartdistanceArray[8], y: 0, size: CGFloat(raceChartData[8])),
  53.             BubbleChartDataEntry(x: chartdistanceArray[9], y: 0, size: CGFloat(raceChartData[9]))
  54.         ]
  56.         let set1 = BubbleChartDataSet(entries: yVals1)
  57.         set1.drawIconsEnabled = false
  58.         set1.setColor(ChartColorTemplates.colorful()[1], alpha: 0.5)
  59.         set1.drawValuesEnabled = true
  60.         set1.normalizeSizeEnabled = false
  62.         let data = [set1] as BubbleChartData
  63.         data.setDrawValues(true)
  64.         data.setValueFont(UIFont(name: "HelveticaNeue-Light", size: 7)!)
  65.         data.setHighlightCircleWidth(0.5)
  66.         chartView.data = data
  67.     }
  68. }

And this is the result:

自定义的Swift气泡视图组件

Here is the real component I need to create:

自定义的Swift气泡视图组件

Suppose you have to run 10 KM, the current market line and the bubble with avatar are you (the app user) and the distance you have running. The other bubbles is the amount of people near one from other and their distance. All the data comes from socket (backend) and I need to display in that form. Any idea of how I can do this?, I'm thinking in do a component from scratch (based on UIView) but I don't know if this is a good plan at all.

答案1

得分: 0

以下是翻译好的部分：

  1. // 以下是Swift代码的注释部分，无需翻译
  2. // Una clase para representar un gráfico de burbujas con varios corredores
  3. class DiyBubbleChartView: UIView {
  4.     
  5.     // Un arreglo para almacenar los corredores
  6.     var currentRunners: [Runner] = []
  7.     
  8.     // Una constante para la distancia total a recorrer
  9.     let totalDistance = 100.0
  10.     
  11.     // Un método para actualizar corredores en el gráfico
  12.     func updateRunners(_ runners: [Runner]) {
  13.         self.currentRunners.removeAll()
  14.         self.currentRunners = runners
  15.         self.setNeedsDisplay() // Llama al método draw para actualizar el gráfico
  16.     }
  17.     
  18.     // Un método para agregar un corredor al gráfico
  19.     func addRunner(_ runner: Runner) {
  20.         self.currentRunners.append(runner)
  21.         self.setNeedsDisplay() // Llama al método draw para actualizar el gráfico
  22.     }
  23.     
  24.     // Un方法para dibujar el gráfico de burbujas
  25.     override func draw(_ rect: CGRect) {
  26.         super.draw(rect)
  27.         
  28.         // Obtiene el contexto gráfico actual
  29.         guard let context = UIGraphicsGetCurrentContext() else { return }
  30.         
  31.         self.drawGradientBackground()
  32.         self.drawGridLines()
  33.         
  34.         // Define el color y el ancho de las líneas
  35.         context.setStrokeColor(UIColor.black.cgColor)
  36.         context.setLineWidth(0.1)
  37.         
  38.         // Agrupa los corredores que están juntos en un diccionario con la distancia como clave y el número de corredores como valor
  39.         var groups: [Double: Int] = [:]
  40.         
  41.         for runner in currentRunners {
  42.             groups[runner.distance, default: 0] += 1
  43.         }
  44.         
  45.         // Para cada grupo de corredores, dibuja una burbuja con un radio proporcional al número de corredores y una posición proporcional a la distancia
  46.         for (distance, count) in groups {
  47.             var radius = CGFloat(count) // El radio de la burbuja es 5 veces el número de corredores
  48.             
  49.             // Verifica si el radio es mayor que la mitad de la altura de la vista
  50.             if radius > (bounds.height / 2) - 20.0 {
  51.                 // Si lo es, reduce el radio a ese valor (20.0 es el margen)
  52.                 radius = (bounds.height / 2) - 20.0
  53.             }
  54.             
  55.             var x = 10 + CGFloat(distance / totalDistance) * (bounds.width - 20) // La posición x de la burbuja es proporcional a la distancia recorrida
  56.             let y = bounds.height / 2 // La posición y de la burbuja es la mitad de la altura del gráfico
  57.             
  58.             // Verifica si la posición x más el radio es mayor que el ancho de la vista
  59.             if x + radius > bounds.width {
  60.                 // Si lo es, resta la diferencia al valor de x para mover la burbuja hacia la izquierda
  61.                 x -= (x + radius) - bounds.width
  62.             }
  63.             
  64.             // Dibuja un círculo con el centro y el radio dados
  65.             // Establece el color de relleno del contexto gráfico
  66.             context.setFillColor(UIColor.red.withAlphaComponent(0.3).cgColor)
  67.             context.addArc(center: CGPoint(x: x, y: y), radius: radius, startAngle: 0, endAngle: .pi * 2, clockwise: true)
  68.             context.fillPath()
  69.             context.strokePath()
  70.         }
  71.         
  72.         self.drawBubbleWithUserAvatar(withGroups: groups)
  73.     }
  74.     
  75.     // Crea una instancia de CAGradientLayer y le asigna un tamaño igual al de la vista
  76.     func drawGradientBackground() {
  77.         
  78.         // Remover todas las sublayers para evitar problemas
  79.         self.layer.sublayers?.removeAll()
  80.         
  81.         let gradientLayer = CAGradientLayer()
  82.         gradientLayer.frame = self.bounds
  83.         
  84.         // Define los colores para el degradado
  85.         let firstColor = UIColor(named: "firstColor")!.withAlphaComponent(0.3)
  86.         let secondColor = UIColor(named: "secondColor")!.withAlphaComponent(0.3)
  87.         
  88.         // Define los colores del degradado como un arreglo de CGColor
  89.         gradientLayer.colors = [firstColor.cgColor, secondColor.cgColor]
  90.         
  91.         // Define los puntos de inicio y fin del degradado como CGPoint
  92.         gradientLayer.startPoint = CGPoint(x: 0, y: 0)
  93.         gradientLayer.endPoint = CGPoint(x: 1, y: 1)
  94.         
  95.         // Agrega el degradado como una subcapa de la vista
  96.         self.layer.insertSublayer(gradientLayer, at: 0)
  97.     }
  98.     
  99.     // Dibuja las líneas horizontales de la gráfica
  100.     func drawGridLines() {
  101.         // Obtiene el contexto gráfico actual
  102.         guard let context = UIGraphicsGetCurrentContext() else { return }
  103.         
  104.         let lineColor = #colorLiteral(red: 1, green: 0.4823529412, blue: 0.1450980392, alpha: 1).withAlphaComponent(0.3)
  105.         
  106.         // Define una constante para la distancia entre las líneas
  107.         let lineSpacing = 32.0
  108.         
  109.         context.setStrokeColor(lineColor.cgColor)
  110.         context.setLineWidth(1.0)
  111.         
  112.         // Define una constante para el número de líneas a dibujar
  113.         let numberOfLines = Int((bounds.width - 20) / lineSpacing)
  114.         
  115.         // Para cada línea, calcula su posición x y dibuja una línea vertical desde el borde superior hasta el borde inferior de la vista
  116.         for i in 0...numberOfLines {
  117.             let x = 10 + CGFloat(i) * lineSpacing // La posición x de la línea es igual al margen izquierdo más el espaciado multiplicado por el índice de la línea
  118.             context.move(to: CGPoint(x: x, y: 0)) // Mueve el punto inicial al borde superior de la vista
  119.             context.addLine(to: CGPoint(x: x, y: bounds.height)) // Agrega una línea al borde inferior de la vista
  120.             context.strokePath() // Dibuja la línea
  121.         }
  122.     }
  123.     
  124.     // 以下是未翻译的部分，如需要继续翻译，请提供具体内容
  125.     // ...
  126. }
  1. // 以下是测试用的Swift代码的注释部分，无需翻译
  2. // To test, in some view controller:
  3. let chart = DiyBubbleChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 110))
  4. var runners: [Runner] = []
  6. var distances = [Double]()
  8. // Rellenar las distancias posibles desde 1 hasta 100
  9. for i in 1...100 {
  10.     distances.append
  12. <details>
  13. <summary>英文:</summary>
  15. I have ended done this so far:
  17. ```swift
  18. //
  19. //  DiyBubbleChartView.swift
  20. //  Test Charts
  21. //
  22. //  Created by Fidel Hern&#225;ndez Salazar on 5/29/23.
  23. //
  25. import Foundation
  26. import UIKit
  28. // Una clase para representar un gr&#225;fico de burbujas con varios corredores
  29. class DiyBubbleChartView: UIView {
  31.     // Un arreglo para almacenar los corredores
  32.     var currentRunners: [Runner] = []
  34.     // Una constante para la distancia total a recorrer
  35.     let totalDistance = 100.0
  37.     // Un m&#233;todo para actualizar corredores en el gr&#225;fico
  38.     func updateRunners(_ runners: [Runner]) {
  39.         self.currentRunners.removeAll()
  40.         self.currentRunners = runners
  41.         self.setNeedsDisplay() // Llama al m&#233;todo draw para actualizar el gr&#225;fico
  42.     }
  44.     // Un m&#233;todo para agregar un corredor al gr&#225;fico
  45.     func addRunner(_ runner: Runner) {
  46.         self.currentRunners.append(runner)
  47.         self.setNeedsDisplay() // Llama al m&#233;todo draw para actualizar el gr&#225;fico
  48.     }
  50.     // Un m&#233;todo para dibujar el gr&#225;fico de burbujas
  51.     override func draw(_ rect: CGRect) {
  52.         super.draw(rect)
  54.         // Obtiene el contexto gr&#225;fico actual
  55.         guard let context = UIGraphicsGetCurrentContext() else { return }
  57.         self.drawGradientBackground()
  58.         self.drawGridLines()
  60.         // Define el color y el ancho de las l&#237;neas
  61.         context.setStrokeColor(UIColor.black.cgColor)
  62.         context.setLineWidth(0.1)
  64. //        // Dibuja una l&#237;nea horizontal para representar la distancia total
  65. //        context.move(to: CGPoint(x: 10, y: bounds.height / 2))
  66. //        context.addLine(to: CGPoint(x: bounds.width - 10, y: bounds.height / 2))
  67. //        context.strokePath()
  69. //        // Dibuja una etiqueta con la distancia total
  70. //        let label = UILabel(frame: CGRect(x: bounds.width - 50, y: bounds.height / 2 - 20, width: 40, height: 20))
  71. //        label.text = &quot;\(totalDistance)&quot;
  72. //        label.textColor = .black
  73. //        label.font = .systemFont(ofSize: 12)
  74. //        addSubview(label)
  76.         // Agrupa los corredores que est&#225;n juntos en un diccionario con la distancia como clave y el n&#250;mero de corredores como valor
  77.         var groups: [Double: Int] = [:]
  79.         for runner in currentRunners {
  80.             groups[runner.distance, default: 0] += 1
  81.         }
  83.         // Para cada grupo de corredores, dibuja una burbuja con un radio proporcional al n&#250;mero de corredores y una posici&#243;n proporcional a la distancia
  84.         for (distance, count) in groups {
  85.             var radius = CGFloat(count) // El radio de la burbuja es 5 veces el n&#250;mero de corredores
  87.             // Verifica si el radio es mayor que la mitad de la altura de la vista
  88.             if radius &gt; (bounds.height / 2) - 20.0 {
  89.                 // Si lo es, reduce el radio a ese valor (20.0 es el margin)
  90.                 radius = (bounds.height / 2) - 20.0
  91.             }
  93.             var x = 10 + CGFloat(distance / totalDistance) * (bounds.width - 20) // La posici&#243;n x de la burbuja es proporcional a la distancia recorrida
  94.             let y = bounds.height / 2 // La posici&#243;n y de la burbuja es la mitad de la altura del gr&#225;fico
  96.             // Verifica si la posici&#243;n x m&#225;s el radio es mayor que el ancho de la vista
  97.             if x + radius &gt; bounds.width {
  98.                 // Si lo es, resta la diferencia al valor de x para mover la burbuja hacia la izquierda
  99.                 x -= (x + radius) - bounds.width
  100.             }
  102.             // Dibuja un c&#237;rculo con el centro y el radio dados
  103.             // Establece el color de relleno del contexto gr&#225;fico
  104.             context.setFillColor(UIColor.red.withAlphaComponent(0.3).cgColor)
  105.             context.addArc(center: CGPoint(x: x, y: y), radius: radius, startAngle: 0, endAngle: .pi * 2, clockwise: true)
  106.             context.fillPath()
  107.             context.strokePath()
  109. //            // Dibuja una etiqueta con el n&#250;mero de corredores dentro de la burbuja
  110. //            let label = UILabel(frame: CGRect(x: x - radius, y: y - radius, width: radius * 2, height: radius * 2))
  111. //            label.text = &quot;\(count)&quot;
  112. //            label.textColor = .black
  113. //            label.font = UIFont(name: &quot;HelveticaNeue-Light&quot;, size: 7)! // .systemFont(ofSize: 12)
  114. //            label.textAlignment = .center
  115. //            addSubview(label)
  116.         }
  118.         self.drawBubbleWithUserAvatar(withGroups: groups)
  119.     }
  121.     // Crea una instancia de CAGradientLayer y le asigna un tama&#241;o igual al de la vista
  122.     func drawGradientBackground() {
  124.         // Remover todas las sublayers para evitar problemas
  125.         self.layer.sublayers?.removeAll()
  127.         let gradientLayer = CAGradientLayer()
  128.         gradientLayer.frame = self.bounds
  130.         // Define los colores para el degradado
  131.         let firstColor = UIColor(named: &quot;firstColor&quot;)!.withAlphaComponent(0.3)
  132.         let secondColor = UIColor(named: &quot;secondColor&quot;)!.withAlphaComponent(0.3)
  134.         // Define los colores del degradado como un arreglo de CGColor
  135.         gradientLayer.colors = [firstColor.cgColor, secondColor.cgColor]
  137.         // Define los puntos de inicio y fin del degradado como CGPoint
  138.         gradientLayer.startPoint = CGPoint(x: 0, y: 0)
  139.         gradientLayer.endPoint = CGPoint(x: 1, y: 1)
  141.         // Agrega el degradado como una subcapa de la vista
  142.         self.layer.insertSublayer(gradientLayer, at: 0)
  143.     }
  145.     // Dibuja las lineas horizontales de la grafica
  146.     func drawGridLines() {
  147.         // Obtiene el contexto gr&#225;fico actual
  148.         guard let context = UIGraphicsGetCurrentContext() else { return }
  150.         let lineColor = #colorLiteral(red: 1, green: 0.4823529412, blue: 0.1450980392, alpha: 1).withAlphaComponent(0.3)
  152.         // Define una constante para la distancia entre las l&#237;neas
  153.         let lineSpacing = 32.0
  155.         context.setStrokeColor(lineColor.cgColor)
  156.         context.setLineWidth(1.0)
  158.         // Define una constante para el n&#250;mero de l&#237;neas a dibujar
  159.         let numberOfLines = Int((bounds.width - 20) / lineSpacing)
  161.         // Para cada l&#237;nea, calcula su posici&#243;n x y dibuja una l&#237;nea vertical desde el borde superior hasta el borde inferior de la vista
  162.         for i in 0...numberOfLines {
  163.             let x = 10 + CGFloat(i) * lineSpacing // La posici&#243;n x de la l&#237;nea es igual al margen izquierdo m&#225;s el espaciado multiplicado por el &#237;ndice de la l&#237;nea
  164.             context.move(to: CGPoint(x: x, y: 0)) // Mueve el punto inicial al borde superior de la vista
  165.             context.addLine(to: CGPoint(x: x, y: bounds.height)) // Agrega una l&#237;nea al borde inferior de la vista
  166.             context.strokePath() // Dibuja la l&#237;nea
  167.         }
  168.     }
  170.     func drawBubbleWithUserAvatar(withGroups: [Double: Int]) {
  171.         // Define una constante con el nombre del corredor principal
  172.         let mainRunnerName = &quot;User 1&quot;
  174.         // Obtiene la distancia recorrida por el corredor principal
  175.         let mainRunnerDistance = currentRunners.first(where: { $0.name == mainRunnerName })!.distance
  177.         // Obtiene el n&#250;mero de corredores en el mismo grupo que el corredor principal
  178.         let mainRunnerCount = withGroups[mainRunnerDistance]!
  180.         // Calcula el radio y la posici&#243;n x de la burbuja del corredor principal usando las mismas f&#243;rmulas que antes
  181.         let mainRunnerRadius = CGFloat(mainRunnerCount * 10)
  182.         let mainRunnerX = 10 + CGFloat(mainRunnerDistance / totalDistance) * (bounds.width - 20)
  184.         // Crea una instancia de UIImageView con una imagen de prueba (puedes cambiarla por la imagen real del perfil del usuario)
  185.         let imageView = UIImageView(image: UIImage(named: &quot;user-avatar&quot;))
  187.         // Calcula el radio de la imagen como el mismo que el de la burbuja del usuario
  188.         var imageRadius = mainRunnerRadius
  190.         // Verifica si el radio es mayor que la mitad de la altura de la vista
  191.         if imageRadius &gt; (bounds.height / 2) - 20.0 {
  192.             // Si lo es, reduce el tama&#241;o de la imagen a ese valor
  193.             imageRadius = (bounds.height / 2) - 20.0
  194.         }
  196. //        // Le asigna un tama&#241;o y una posici&#243;n iguales a los de la burbuja del corredor principal
  197. //        imageView.frame = CGRect(x: mainRunnerX - mainRunnerRadius, y: bounds.height / 2 - mainRunnerRadius, width: mainRunnerRadius * 2, height: mainRunnerRadius * 2)
  199.         // Le asigna un tama&#241;o y una posici&#243;n iguales a los de la burbuja del usuario
  200.         imageView.frame = CGRect(x: mainRunnerX - imageRadius, y: bounds.height / 2 - imageRadius, width: imageRadius * 2, height: imageRadius * 2)
  202.         // Le da una forma circular recortando las esquinas
  203.         //imageView.layer.cornerRadius = mainRunnerRadius
  204.         imageView.layer.cornerRadius = imageRadius
  205.         imageView.clipsToBounds = true
  207.         // Agrega la imagen como una subvista de la vista
  208.         addSubview(imageView)
  210.         // Obtiene el contexto gr&#225;fico actual
  211.         guard let context = UIGraphicsGetCurrentContext() else { return }
  213.         context.setStrokeColor(UIColor.init(named: &quot;firstColor&quot;)!.cgColor)
  214.         context.setLineWidth(1.0)
  216.         // Calcula las posiciones y del inicio y fin de la l&#237;nea como el borde superior e inferior de la vista principal
  217.         let startY = 0.0
  218.         let endY = bounds.height
  220.         // Dibuja una l&#237;nea vertical con los puntos dados
  221.         context.move(to: CGPoint(x: mainRunnerX, y: startY))
  222.         context.addLine(to: CGPoint(x: mainRunnerX, y: endY))
  223.         context.strokePath()
  225.         /// .......
  227.         // Crea una instancia de CALayer y le asigna un tama&#241;o y una posici&#243;n que cubran el &#225;rea deseada
  228.         let backgroundLayer = CALayer()
  229.         backgroundLayer.frame = CGRect(x: 0, y: 0, width: mainRunnerX, height: bounds.height)
  231.         // Define el color del fondo como un CGColor
  232.         backgroundLayer.backgroundColor = UIColor.init(named: &quot;secondColor&quot;)!.withAlphaComponent(0.2).cgColor
  234.         // Agrega el fondo como una subcapa de la vista
  235.         self.layer.insertSublayer(backgroundLayer, at: 1)
  236.     }
  237. }

To test, in some view controller:

  1. let chart = DiyBubbleChartView(frame: CGRect(x: 0, y: 0, width: 300, height: 110))
  2. var runners: [Runner] = []
  4. var distances = [Double]()
  6. // Rellenar las distancias posibles desde 1 hasta 100
  7. for i in 1...100 {
  8.     distances.append(Double(i))
  9. }
  11. for i in 1...100 {
  12.     self.runners.append(Runner(name: &quot;User \(i)&quot;, distance:   distances.randomElement() ?? 1.0, isUser: false))
  13. }
  15. self.updateBubbleView(withRunners: self.runners)

And the updateBubbleView func

  1. func updateBubbleView(withRunners: [Runner]) {
  2.     // Crea una instancia del gr&#225;fico de burbujas y le agrega algunos corredores de prueba
  3.     self.chart.updateRunners(withRunners)
  4. }

huangapple
  • 本文由 发表于 2023年5月29日 09:49:08
  • 转载请务必保留本文链接：https://go.coder-hub.com/76354254.html
  • charts
  • ios
  • swift
  • uikit
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定