ボタンをクリックすると、アニメーションのuiimageviewが表示されます

Question

ボタンをクリックすると、イメージがアニメーション付きで画面外に移動し、ボタンを再度クリックするとその場所に戻ります。

Answer 1

右に移動する左

func moveToLeft() 
{ 
    var frame = imageView.frame 
    frame.origin.x = -imageView.frame.size.width //Adjust this value according to your need 
    UIView.animate(withDuration: 0.3, delay: 0.0, options: .curveEaseOut, animations: {() -> Void in 
     self.imageView.frame = frame 
    }, completion: {(_ finished: Bool) -> Void in 
     /*done*/ 
    }) 
} 

使用このコードを移動します。

例：

@IBAction func onTapButton(_ sender: UIButton) 
{ 
    if sender.isSelected 
    { 
     UIView.animate(withDuration: 2.0, animations: { 
      self.imageView.frame.origin.x = 0.0 
     }) 
    } 
    else 
    { 
     UIView.animate(withDuration: 2.0, animations: { 
      self.imageView.frame.origin.x = UIScreen.main.bounds.width 
     }) 
    } 
    sender.isSelected = !sender.isSelected 
} 

次のように上記のコードは動作します：

1. selectingbutton、imageView'sx coordinate of originが画面のextreme right（UIScreen.main.bounds.width）

2. に移動させます

   de-selectingbutton、imageView'sx coordinate of originは、いくつかのコードを表示してください画面のextreme left（0.0）

Answer 2

使用このコードは、単にあなたの条件に応じてimageViewのx coordinate of originをアニメーション、buttonクリックイベントで

func moveToRight() 
{ 
    var frame = imageView.frame 
    frame.origin.x = 0 //Adjust this value according to your need 
    UIView.animate(withDuration: 0.3, delay: 0.0, options: .curveEaseOut, animations: {() -> Void in 
     self.imageView.frame = frame 
    }, completion: {(_ finished: Bool) -> Void in 
     /*done*/ 
    }) 
}