Swift实现菊花加载，让用户界面等待数据处理时更友好

Swift 实现菊花加载（也称为加载动画或加载指示器），可以有效地提升用户体验，让用户在等待数据处理时感到界面更加友好。以下是如何在 Swift 中实现菊花加载的具体步骤和代码示例。

菊花加载动画实现步骤

1. 确定加载动画的位置和样式：菊花加载通常位于界面中心，样式可以是简单的圆形旋转，也可以是更复杂的动画效果。

2. 创建加载动画视图：可以使用 UIView 来创建一个自定义的加载动画视图。

3. 在合适的时机显示和隐藏加载动画：比如在开始数据处理前显示，数据处理完毕后隐藏。

4. 确保用户体验：在显示加载动画时，应确保用户界面其他部分仍然可以响应。

Swift 代码示例

以下是一个简单的菊花加载动画的 Swift 代码示例：

import UIKit

class LoadingView: UIView {
    private let circleLayer = CAShapeLayer()
    private var isAnimating = false

    override init(frame: CGRect) {
        super.init(frame: frame)
        setup()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        setup()
    }

    private func setup() {
        // 设置菊花加载动画的样式
        circleLayer.fillColor = UIColor.clear.cgColor
        circleLayer.strokeColor = UIColor.blue.cgColor
        circleLayer.lineWidth = 2
        circleLayer.lineCap = .round
        layer.addSublayer(circleLayer)

        // 设置菊花加载动画的初始状态
        circleLayer.strokeStart = 0
        circleLayer.strokeEnd = 0
    }

    func startAnimating() {
        if isAnimating {
            return
        }

        isAnimating = true
        let animation = CABasicAnimation(keyPath: "strokeEnd")
        animation.duration = 1.0
        animation.fromValue = 0
        animation.toValue = 1
        animation.repeatCount = .infinity
        animation.isRemovedOnCompletion = false
        circleLayer.add(animation, forKey: "strokeEnd")
    }

    func stopAnimating() {
        isAnimating = false
        circleLayer.removeAnimation(forKey: "strokeEnd")
    }
}

// 使用 LoadingView
let loadingView = LoadingView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
loadingView.center = view.center
view.addSubview(loadingView)

// 开始动画
loadingView.startAnimating()

// 假设数据处理完成
// 停止动画
loadingView.stopAnimating()

使用说明

1. 创建一个 LoadingView 实例，并将其添加到你的视图上。
2. 在开始数据处理前，调用 startAnimating() 方法来启动动画。
3. 在数据处理完成后，调用 stopAnimating() 方法来停止动画。

这样，你就可以在 Swift 中实现一个简单的菊花加载动画，让用户界面在等待数据处理时更加友好。