大象

这是一个用于 iOS 的 SVG 动画演示工具包。

Swift5 Release CocoaPods Carthage
Platform Lincense

示例

您可以运行示例应用。请打开 Example-iOS/Elephant-iOS.xcworkspace！

用法

您可以显示带有动画的 SVG 图像。

我们支持两种动画格式😎

格式如下。

用法因格式而异。

SVGView 初始化

这是用于格式 1（SVG 动画）的 SVGView 初始化用法。

SVGView(named: "svg-filename", animationOwner: .svg)

这是用于格式 2（CSS 动画）的 SVGView 初始化用法。

SVGView(named: "svg-filename", animationOwner: .css, style: .cssFile(name: "css-filename"))

在您的 ViewController 中显示

并且，在您初始化视图后，您只需将视图添加到父视图，并像下面这样启动动画即可。

class ViewController: UIViewController {
    let svgView = SVGView(named: "image", animationOwner: .svg)

    override func viewDidLoad() {
        super.viewDidLoad()

        view.addSubview(svgView)
        svgView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            svgView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            svgView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
            svgView.widthAnchor.constraint(equalToConstant: 400),
            svgView.heightAnchor.constraint(equalToConstant: 400),
        ])

        svgView.startAnimation()

        // svgView.stopAnimation()    // Stop animation.

        // svgView.isAnimate { [weak self] (value, error) in
        //     if let error = error {
        //         print(error)
        //     }
        //     guard let value = value else { return } // value means whether animation is moving.
        // }
    }
}

要求

安装

Swift Package Manager

将以下内容添加到您的 Package.swift 文件的依赖项中

dependencies: [
    .package(url: "https://github.com/s2mr/Elephant.git", from: "Elephant version"),
]

CocoaPods

将其添加到 Podfile

pod 'Elephant'
$ pod install

Carthage

将其添加到 Cartfile

github "s2mr/Elephant"

$ carthage update --platform ios

作者

Kazumasa Shimomura

许可

Elephant 基于 Apache v2 许可发布。有关更多信息，请参阅 LICENSE 文件。

FOSSA Status