ios - UIScrollView 滚动缓慢

Question

我创建了宽度 = 3500 的 UIView。

在 View 中，我使用 CAShapeLayer 和 UIBezierPath 绘制了一个 SoundWave，其中包含 70008 个样本，彼此间隔 0.05 (70008*0.05=3500)。

UIBezierPath 的线宽为 0.10。

使用宽度为 140016256 帧容量的 AVAudioPCMBuffer 只读取一次内容。

当 AVAudioPCMBuffer 被读取 2000 个值时，每 1 个值“未读取”(140016256/2000 = 70008)

UIView 的 Content 是 UIScrollView 的 contextSize，因此当用户拖入 ScrollView 时，他可以看到 SoundWave 的不同部分。

问题是滚动时需要很长时间才能执行滚动。

代码如下:

func drawSoundWave(fromSample:Int64, toSample:Int64){
    // Drawing code
    print("\(logClassName): Drawing from = \(fromSample) to \(toSample)")

    if readFile != nil{

        let soundPath = UIBezierPath()
        soundPath.lineWidth = lineWidth
        soundPath.move(to: CGPoint(x:0.0 , y: middleY))

        let testTo = Int64(toSample)


        let sequence = stride(from: fromSample, to: testTo, by: 2000)



        var testIndex = 0
        for element in sequence {

            let newSample = CGFloat(readFile?.audioBuffer.floatChannelData?.pointee.advanced(by: Int(element)).pointee ?? 0)

            print("\(logClassName): newSample = \(newSample) -> TestIndex = \(testIndex) in Element = \(element)")

            /** Continuous View **/
            let nextPoint = CGPoint(x: soundPath.currentPoint.x + sampleSpace,
                                    y: middleY - (newSample * 100) - 1.0)

            soundPath.addLine(to: nextPoint)
            soundPath.move(to: nextPoint)

            testIndex += 1
        }


        let trackLayer = CAShapeLayer()
        trackLayer.path = soundPath.cgPath
        trackLayer.strokeColor = UIColor.lightGray.cgColor
        trackLayer.lineWidth = 0.10
        trackLayer.fillColor = UIColor.green.cgColor
        trackLayer.lineCap = kCALineCapRound
        self.layer.addSublayer(trackLayer)

    }

}

我是否可以做一些不同的事情来优化代码，或者我正在使用很多资源？

编辑:

AVAudioPCMBuffer 位于名为 readFile 的结构中。Draw 方法中没有调用函数

Answer 1

Is there something I can do different for optimising the code or I am using to many resources?

您可以做的第一件事是分析您的代码，找出它花费最多时间的地方。问题是您一次一个地从文件中读取样本吗？也许使用 2000 的步幅会导致文件缓冲区的大部分好处丢失，因此从文件中读取每 2000 个样本的代价比您意识到的要高？还是您每次都在创建新的贝塞尔曲线路径或形状层？也许只是每个样本的打印语句需要时间？ 只有知道代码慢的地方，您才能真正知道如何加速代码。

请记住，在滚动过程中，您的绘制方法将被重复调用，并且它应该做尽可能少的实际工作。如果您的代码在只需要绘制新暴露的数据时正在重新计算整个可见区域的数据，那么这是一个大幅提高速度的机会。在滚动期间以较低分辨率绘制然后在滚动停止时以全分辨率重新绘制会有所帮助。手头保持低分辨率(就样本而言)贝塞尔路径而不是一直创建新路径可能会有所帮助。但同样:先测量，再改进。

突然想到的一件事是，您正在将 70,000 个数据点绘制到一个 3500 像素宽的 View 中。每个宽度像素的 20 个数据点 远 比用户即使在 View 不移动时也能识别的数据多；当用户滚动时，他们几乎看不到任何数据。即使您必须查看那么多样本才能找到波峰和波谷，您肯定不需要在路径中添加那么多点。