ASGradientCircularProgress 0.0.4

ASGradientCircularProgress 0.0.4

Arijit Sarkar 维护。



  • 作者
  • Arijit

ASGradientCircularProgress

这是一个简单的渐变圆形进度视图。

要求

Xcode 11 和 Swift 4+

安装

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

pod 'ASGradientCircularProgress'

alt-text

一个简单且易于使用的圆形渐变进度视图,允许所有必要的自定义。

用法

将视图拖放到故事板中,并将类设置为 ASGradientCircularProgress。你可以像下面这样自定义圆形渐变进度视图的外观。

alt-text

let gradientCircularProgressOne = ASGradientCircularProgress(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
gradientCircularProgressOne.trackWidth = 10.0
gradientCircularProgressOne.trackColor = UIColor.black.withAlphaComponent(0.1)
gradientCircularProgressOne.progressLineWidth = 10.0
gradientCircularProgressOne.gradientColors = [UIColor.red.cgColor, UIColor.green.cgColor, UIColor.blue.cgColor]
gradientCircularProgressOne.gradientLocations = [0.3, 0.5, 0.8]
gradientCircularProgressOne.startAngle = 0.0
gradientCircularProgressOne.endAngle = CGFloat.pi * 2

gradientCircularProgressOne.setProgressWithAnimation(to: 90)

alt-text

let gradientCircularProgressTwo = ASGradientCircularProgress(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
gradientCircularProgressTwo.trackWidth = 5.0
gradientCircularProgressTwo.trackColor = UIColor.black.withAlphaComponent(0.1)
gradientCircularProgressTwo.progressLineWidth = 20.0
gradientCircularProgressTwo.gradientColors = [UIColor.red.cgColor, UIColor.yellow.cgColor]
gradientCircularProgressTwo.gradientLocations = [0.3, 0.5]
gradientCircularProgressTwo.startAngle = CGFloat.pi
gradientCircularProgressTwo.endAngle = CGFloat.pi * 3

gradientCircularProgressTwo.setProgressWithAnimation(to: 70)

alt-text

let gradientCircularProgressThree = ASGradientCircularProgress(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
gradientCircularProgressThree.trackWidth = 30.0
gradientCircularProgressThree.trackColor = UIColor.black.withAlphaComponent(0.1)
gradientCircularProgressThree.progressLineWidth = 30.0
gradientCircularProgressThree.gradientColors = [UIColor.blue.withAlphaComponent(0.5).cgColor, UIColor.blue.cgColor]
gradientCircularProgressThree.gradientLocations = [0.7, 0.9]
gradientCircularProgressThree.gradientStartPoint = CGPoint(x: 0.5, y: 0.5)
gradientCircularProgressThree.gradientEndPoint = CGPoint(x: 1, y: 1)
gradientCircularProgressThree.gradientType = .radial
gradientCircularProgressThree.startAngle = CGFloat.pi + CGFloat.pi / 2
gradientCircularProgressThree.endAngle = CGFloat.pi * 3 + CGFloat.pi / 2

你可以设置进度和中心进度百分比标签,并将其用作下载进度。

self.gradientCircularProgressThree.setProgress(to: 75)
self.gradientCircularProgressThree.setProgressText(to: "75")

作者

arijits95, [email protected]

许可

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