Animazione scuotimento per UITextField/UIView in Swift

Question

Sto cercando di capire come far scuotere il campo sul pulsante quando l'utente lascia il campo di testo vuoto.

Al momento ho il seguente codice di lavoro:

if self.subTotalAmountData.text == "" { 

    let alertController = UIAlertController(title: "Title", message: 
     "What is the Sub-Total!", preferredStyle: UIAlertControllerStyle.Alert) 
    alertController.addAction(UIAlertAction(title: "Okay", style: UIAlertActionStyle.Default,handler: nil)) 

    self.presentViewController(alertController, animated: true, completion: nil) 

} else { 

} 

Ma penso che sarebbe molto più attraente per avere solo la scossa campo di testo come un avviso.

Non riesco a trovare nulla per animare il campo di testo.

Qualche idea?

Grazie!

Answer 1

È possibile modificare duration e repeatCount e modificarlo. Questo è quello che uso nel mio codice. La variazione di fromValue e toValue varierà la distanza spostata nel micromosso.

let animation = CABasicAnimation(keyPath: "position") 
animation.duration = 0.07 
animation.repeatCount = 4 
animation.autoreverses = true 
animation.fromValue = NSValue(cgPoint: CGPoint(x: viewToShake.center.x - 10, y: viewToShake.center.y)) 
animation.toValue = NSValue(cgPoint: CGPoint(x: viewToShake.center.x + 10, y: viewToShake.center.y)) 

viewToShake.layer.add(animation, forKey: "position") 

Answer 2

La seguente funzione è utilizzata in qualsiasi vista.

extension UIView { 
    func shake() { 
     let animation = CAKeyframeAnimation(keyPath: "transform.translation.x") 
     animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear) 
     animation.duration = 0.6 
     animation.values = [-20.0, 20.0, -20.0, 20.0, -10.0, 10.0, -5.0, 5.0, 0.0 ] 
     layer.add(animation, forKey: "shake") 
    } 
} 

Answer 3

extension CALayer { 

    func shake(duration: NSTimeInterval = NSTimeInterval(0.5)) { 

     let animationKey = "shake" 
     removeAnimationForKey(animationKey) 

     let kAnimation = CAKeyframeAnimation(keyPath: "transform.translation.x") 
     kAnimation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear) 
     kAnimation.duration = duration 

     var needOffset = CGRectGetWidth(frame) * 0.15, 
     values = [CGFloat]() 

     let minOffset = needOffset * 0.1 

     repeat { 

      values.append(-needOffset) 
      values.append(needOffset) 
      needOffset *= 0.5 
     } while needOffset > minOffset 

     values.append(0) 
     kAnimation.values = values 
     addAnimation(kAnimation, forKey: animationKey) 
    } 
} 

Modo d'uso:

[UIView, UILabel, UITextField, UIButton & etc].layer.shake(NSTimeInterval(0.7)) 

Answer 4

Questo si basa su CABasicAnimation, ma contengono anche un effetto audio:

extension UIView{ 
    var audioPlayer = AVAudioPlayer() 
    func vibrate(){ 
     let animation = CABasicAnimation(keyPath: "position") 
     animation.duration = 0.05 
     animation.repeatCount = 5 
     animation.autoreverses = true 
     animation.fromValue = NSValue(CGPoint: CGPointMake(self.center.x - 5.0, self.center.y)) 
     animation.toValue = NSValue(CGPoint: CGPointMake(self.center.x + 5.0, self.center.y)) 
     self.layer.addAnimation(animation, forKey: "position") 
     // audio part 
     do { 
      audioPlayer = try AVAudioPlayer(contentsOfURL: NSURL(fileURLWithPath: NSBundle.mainBundle().pathForResource(mySoundFileName, ofType: "mp3")!)) 
      audioPlayer.prepareToPlay() 
      audioPlayer.play() 

     } catch { 
      print("∙ Error playing vibrate sound..") 
     } 
    } 
} 

Answer 5

Oppure si può utilizzare questo se si vuole di più parametri (in swift 3 e swift 4):

public extension UIView { 

    func shake(count : Float = 4,for duration : TimeInterval = 0.5,withTranslation translation : Float = -5) { 

     let animation : CABasicAnimation = CABasicAnimation(keyPath: "transform.translation.x") 
     animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear) 
     animation.repeatCount = count 
     animation.duration = duration/TimeInterval(animation.repeatCount) 
     animation.autoreverses = true 
     animation.byValue = translation 
     layer.add(animation, forKey: "shake") 
    } 
} 

È possibile chiamare questa funzione in qualsiasi UIView, UIButton, UILabel, UITextView ecc In questo modo

yourView.shake() 

O in questo modo se si desidera aggiungere alcuni parametri personalizzati per l'animazione:

yourView.shake(count: 5, for: 1.5, withTranslation: 10) 

Answer 6

Swift 3,0

extension UIView { 
     func shake(){ 
      let animation = CABasicAnimation(keyPath: "position") 
      animation.duration = 0.07 
      animation.repeatCount = 3 
      animation.autoreverses = true 
      animation.fromValue = NSValue(cgPoint: CGPoint(x: self.center.x - 10, y: self.center.y)) 
      animation.toValue = NSValue(cgPoint: CGPoint(x: self.center.x + 10, y: self.center.y)) 
      self.layer.add(animation, forKey: "position") 
     } 
    } 

Per utilizzare

self.vwOffer.shake()