如何使按钮闪烁或闪烁?
我试图在扫描正确时将按钮的颜色(只是闪烁/闪烁)更改为绿色,在出现问题时将其更改为红色。 我可以用这样的观点来做到这一点
func flashBG(){ UIView.animateWithDuration(0.7, animations: { self.view.backgroundColor = UIColor.greenColor() }) }
但是按下它会保持绿色
func flashBtn(){ UIButton.animateWithDuration(0.5, animations: { self.buttonScan.backgroundColor = UIColor.greenColor() }) }
我已经按代码创建了按钮
func setupScanButton() { let X_Co = (self.view.frame.size.width - 100)/2 let Y_Co = (self.viewForLayer.frame.size.height + 36/2) buttonScan.frame = CGRectMake(X_Co,Y_Co,100,100) buttonScan.layer.borderColor = UIColor.whiteColor().CGColor buttonScan.layer.borderWidth = 2 buttonScan.layer.cornerRadius = 50 buttonScan.setTitle("Scan", forState: .Normal) buttonScan.backgroundColor = UIColor.blueColor() buttonScan.addTarget(self, action: "buttonScanAction", forControlEvents: .TouchUpInside) buttonScan.setTitleColor(UIColor(red:255/255, green: 255/255, blue:255/255, alpha: 1), forState: UIControlState.Normal) self.view.addSubview(buttonScan) }
我应该再次调用setupScanButton()吗?
我希望这能解决你的问题。
UIView.animateWithDuration(1.0, delay: 1.0, options: UIViewAnimationOptions.CurveEaseOut, animations: { buttonScan.alpha = 0.0 }, completion: nil)
这将启动和停止onClick
的闪烁按钮,如果您只想立即刷新按钮,只需使用第一个语句。
var flashing = false @IBAction func btnFlash_Clicked(sender: AnyObject) { if !flashing{ self.buttonScan.alpha = 1.0 UIView.animateWithDuration(0.5, delay: 0.0, options: [.CurveEaseInOut, .Repeat, .Autoreverse, .AllowUserInteraction], animations: {() -> Void in self.buttonScan.alpha = 0.0 }, completion: {(finished: Bool) -> Void in }) flashing = true } else{ UIView.animateWithDuration(0.1, delay: 0.0, options: [.CurveEaseInOut, .BeginFromCurrentState], animations: {() -> Void in self.buttonScan.alpha = 1.0 }, completion: {(finished: Bool) -> Void in }) } }
这应该适用于Swift 4
extension UIView{ func blink() { self.alpha = 0.2 UIView.animate(withDuration: 1, delay: 0.0, options: [.curveLinear, .repeat, .autoreverse], animations: {self.alpha = 1.0}, completion: nil) } }
你可以尝试这样的事情:
extension UIView { func blink() { UIView.animateWithDuration(0.5, //Time duration you want, delay: 0.0, options: [.CurveEaseInOut, .Autoreverse, .Repeat], animations: { [weak self] in self?.alpha = 0.0 }, completion: { [weak self] _ in self?.alpha = 1.0 }) dispatch_after(dispatch_time(DISPATCH_TIME_NOW,Int64(2 * NSEC_PER_SEC)),dispatch_get_main_queue()){ [weak self] in self?.layer.removeAllAnimations() } } }
斯威夫特4 :
我用一些有用的选项制作了一个扩展:
extension UIButton { open override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? { return self.bounds.contains(point) ? self : nil } func blink(enabled: Bool = true, duration: CFTimeInterval = 1.0, stopAfter: CFTimeInterval = 0.0 ) { enabled ? (UIView.animate(withDuration: duration, //Time duration you want, delay: 0.0, options: [.curveEaseInOut, .autoreverse, .repeat], animations: { [weak self] in self?.alpha = 0.0 }, completion: { [weak self] _ in self?.alpha = 1.0 })) : self.layer.removeAllAnimations() if !stopAfter.isEqual(to: 0.0) && enabled { DispatchQueue.main.asyncAfter(deadline: .now() + stopAfter) { [weak self] in self?.layer.removeAllAnimations() } } } }
首先,当动画期间按钮的alpha
等于0.0 ( 透明 )时,我已经覆盖了最hittest
function来启用 触摸function。
然后, 所有输入变量都有一个默认值,因此您可以启动不带参数的blink()
方法
我还介绍了enabled
参数来启动或停止按钮上的动画。
最后,如果您需要,可以使用stopAfter
参数在特定时间后停止动画 。
用法:
yourButton.blink() // infinite blink effect with the default duration of 1 second yourButton.blink(enabled:false) // stop the animation yourButton.blink(duration: 2.0) // slowly the animation to 2 seconds yourButton.blink(stopAfter:5.0) // the animation stops after 5 seconds.
典型用途:
yourButton.blink(duration: 1.5, stopAfter:10.0) // your code.. yourButton.blink() // other code.. yourButton.blink(enabled:false)
Swift 3.0
func btnFlash_Clicked(sender: AnyObject) { if !flashing{ callButton.alpha = 1.0 UIView.animate(withDuration: 0.5, delay: 0.0, options: [.allowUserInteraction], animations: {() -> Void in callButton.alpha = 0.5 }, completion: {(finished: Bool) -> Void in }) flashing = true } else{ flashing = false callButton.alpha = 0.5 UIView.animate(withDuration: 0.5, delay: 0.0, options: [.allowUserInteraction], animations: {() -> Void in callButton.alpha = 1.0 }, completion: {(finished: Bool) -> Void in }) } }
myButton.alpha = 0.7 UIView.animateWithDuration(0.3, delay: 1.0, options: [UIViewAnimationOptions.CurveLinear, UIViewAnimationOptions.Repeat, UIViewAnimationOptions.Autoreverse], animations: { myButton.alpha = 1.0 }, completion: nil)
Swift 3.0
func animateFlash() { flashView.alpha = 0 flashView.isHidden = false UIView.animate(withDuration: 0.3, animations: { flashView.alpha = 1.0 }) { finished in flashView.isHidden = true } }