Animation à l'échelle et déplacer UIView (swift)

J'ai une UIView, placé au milieu de l'écran. Lorsque l'utilisateur appuie sur un bouton, je le veux pour déplacer vers le haut près du haut de l'écran comme il se rétrécit à environ un cinquième de sa taille.

J'ai essayé ceci:

UIView.animateWithDuration(0.7) { () -> Void in
            self.main.transform = CGAffineTransformMakeScale(0.2, 0.2)
            self.main.transform = CGAffineTransformMakeTranslation(0, -250)
        }

Mais pour une raison quelconque, que seules les échelles de la vue. J'ai également essayé de mettre cela dans la animateWithDuration:

self.main.frame = CGRectMake(self.view.frame.width/2 - 10, 50, 50, 50)

Comment puis-je obtenir à la fois des animations de travail?

OriginalL'auteur Marcel | 2016-10-29

  1. 15

    De la réponse de Joe ci-dessus fait exactement ce que son GIF décrit, mais il n'a pas vraiment répondre à votre question, car il traduit puis échelles de la vue (par opposition à la traduction et de la mise à l'échelle en même temps). Votre problème est que vous êtes à la définition de la vue de transformer dans votre bloc d'animation, puis immédiatement overwritting de cette valeur avec une autre transformation. Pour atteindre à la fois la traduction et de l'échelle dans le même temps, vous voulez quelque chose comme ceci:

    @IBAction func animateButton(_ sender: UIButton) {
    let originalTransform = self.main.transform
    let scaledTransform = originalTransform.scaledBy(x: 0.2, y: 0.2)
    let scaledAndTranslatedTransform = scaledTransform.translatedBy(x: 0.0, y: -250.0)
    UIView.animate(withDuration: 0.7, animations: {
        self.main.transform = scaledAndTranslatedTransform
    })
}
    merci pour la solution. Mais la traduction de déplacer mon point de vue sur une relativement. Comment puis-je déplacer pour réparer screenco coordination comme x=100 y=100 position ???. Je me rends compte que la traduction de déplacer votre position par rapport à la position actuelle.
    Vous devez calculer la différence entre votre destination x et y les coordonnées et les coordonnées de votre UIView de traduire votre UIView. Si vous souhaitez voir un exemple de code, n'hésitez pas à ouvrir une autre question, et me lier ici 🙂

    OriginalL'auteur WongWray

  2. 23

    Vous pouvez réaliser l' UIView animation de plusieurs façons dans Swift. Code ci-dessous est juste une approche simple...

    class ViewController: UIViewController {

@IBOutlet weak var animationButton: UIButton!
@IBOutlet weak var myView: UIView!

override func viewDidLoad() {
    super.viewDidLoad()
    //I added seperate colour to UIView when animation move from one animation block to another.So, You can get better understanding how the sequence of animation works.
  self.myView.backgroundColor = .red
}

@IBAction func animateButton(_ sender: UIButton) {

    UIView.animate(withDuration: 0.5, delay: 0.0, options: UIViewAnimationOptions.curveEaseIn, animations: { 
        //Frame Option 1:
        self.myView.frame = CGRect(x: self.myView.frame.origin.x, y: 20, width: self.myView.frame.width, height: self.myView.frame.height)

        //Frame Option 2:
        //self.myView.center = CGPoint(x: self.view.frame.width /2, y: self.view.frame.height /4)
        self.myView.backgroundColor = .blue

        },completion: { finish in

    UIView.animate(withDuration: 1, delay: 0.25,options: UIViewAnimationOptions.curveEaseOut,animations: {
        self.myView.backgroundColor = .orange      
        self.myView.transform = CGAffineTransform(scaleX: 0.25, y: 0.25)

        self.animationButton.isEnabled = false //If you want to restrict the button not to repeat animation..You can enable by setting into true

        },completion: nil)})

      }
     }

    De sortie:

    Animation à l'échelle et déplacer UIView (swift)

    bonjour. je l'ai fait mais mu uiimageview est rétréci après avoir fait cette animation
    c'est l'idée de la poste de réduire la vue après l'animation. Lire le post de nouveau. Et laissez-moi savoir ce que vous souhaitez atteindre?
    mais mon image ratio d'aspect est perdu après l'animation, la réduction n'est pas le problème, j'ai voulu que trop
    cela pourrait être un problème différent...vérifiez vos contraintes?
    Mon scénario est j'ai désactivé tous les constarint avant l'animation, a ajouté l'échelle et à la traduction dans le même temps. En fait j'ai besoin des deux en même temps " laissez originalTransform = auto.idImageView.transformer laisser scaledTransform = originalTransform.scaledBy(x: widthOfIDImage/displayWidth, y: heightOfIDImage/displayHeight) laissez scaledAndTranslatedTransform = scaledTransform.translatedBy(x: 200, y: -1000).idImageView.transformer = scaledAndTranslatedTransform

    OriginalL'auteur Joe