我正在尝试为麦克风UIButton
创建脉冲动画。每当用户单击UIButton
时,我都会显示暂停按钮,同时我需要显示脉冲动画。
与下面的示例图片完全一样:
发布于 2019-05-10 20:17:46
在你的请求之后编辑答案:一个非常简单的实现可能是这样的:
class PulsatingButton: UIButton {
let pulseLayer: CAShapeLayer = {
let shape = CAShapeLayer()
shape.strokeColor = UIColor.clear.cgColor
shape.lineWidth = 10
shape.fillColor = UIColor.white.withAlphaComponent(0.3).cgColor
shape.lineCap = .round
return shape
}()
override init(frame: CGRect) {
super.init(frame: frame)
setupShapes()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
setupShapes()
}
fileprivate func setupShapes() {
setNeedsLayout()
layoutIfNeeded()
let backgroundLayer = CAShapeLayer()
let circularPath = UIBezierPath(arcCenter: self.center, radius: bounds.size.height/2, startAngle: 0, endAngle: 2 * CGFloat.pi, clockwise: true)
pulseLayer.frame = bounds
pulseLayer.path = circularPath.cgPath
pulseLayer.position = self.center
self.layer.addSublayer(pulseLayer)
backgroundLayer.path = circularPath.cgPath
backgroundLayer.lineWidth = 10
backgroundLayer.fillColor = UIColor.blue.cgColor
backgroundLayer.lineCap = .round
self.layer.addSublayer(backgroundLayer)
}
func pulse() {
let animation = CABasicAnimation(keyPath: "transform.scale")
animation.toValue = 1.2
animation.duration = 1.0
animation.timingFunction = CAMediaTimingFunction(name: .easeOut)
animation.autoreverses = true
animation.repeatCount = .infinity
pulseLayer.add(animation, forKey: "pulsing")
}
}
而不是在你的viewDidLoad
中或者你想在你的viewController中的任何地方:
let button = PulsatingButton(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
button.center = self.view.center
view.addSubview(button)
button.pulse()
https://stackoverflow.com/questions/56077276
复制相似问题