SVGPlayButton

关于

此按钮在“播放”和“暂停”之间切换，周围有一个圆圈，并具有显示“进度条”的功能。它是 UIButton 的子类，所有视觉元素都是 SVG 格式，这意味着它可以无限放大和/或缩小。示例应用程序通过滑块演示了一些缩放能力，以及如何更新按钮进度的示例。

它有默认颜色，可以通过程序或 Interface Builder 设置。可以设置的颜色包括

• progressTrackColor - 外圆圈
• progressColor - 填充“轨道”的进度圆圈
• playColor - 播放形状/三角形的颜色
• pauseColor - 暂停线条的颜色

它有两个闭包： willPlay() 和 willPause()。这些闭包是可选的，如果已设置，将在按钮“播放”或“暂停”之前调用。按钮本身不负责播放或暂停任何内容，因此闭包是一种让按钮告诉按钮保持对它的引用的内容的方式。

用法

将按钮拖到您的 Storyboard 中。将它的类设置为 SVGPlayButton，类型设置为自定义。将一个出口连接到您的控制器。如果您希望为按钮的 willPlay() 和 willPause() 闭包设置有意义的、对您的应用程序有用的东西，可以进行覆盖。

在视图控制器中，这可能看起来像这样

@IBOutlet weak var progressButton: SVGPlayButton!

func viewDidLoad() {
    super.viewDidLoad()
    self.progressButton.willPlay = { self.progressButtonWillPlayHandler() }
    self.progressButton.willPause = { self.progressButtonWillPauseHandler() }
}

private func willPlayHandler() {
    print("willPlay")
}

private func willPauseHandler() {
    print("willPause")
}

需求

iOS 8.0+

安装

SVGPlayButton 通过 CocoaPods 提供。要安装它，只需将以下行添加到您的 Podfile 中

pod 'SVGPlayButton', '~> 0.2.3'

作者

• Matthew Loseke，[email protected]
• @mattloseke

许可证

SVGPlayButton 在 MIT 许可下可用。有关更多信息，请参阅 LICENSE 文件。