スウィフトを使用して右から左、左から右にカスタムビューをアニメーション化する方法

Question

私はビューを設計しました。通常、ボタンをクリックすると、このビューは表示と非表示になります。今私は左から右と右から左にそのビューをアニメートしようとしています。以下は私のコードですが、動作しません。親切にチェックしてください。

if(self.openedView) { 
     self.openedView = false; 
     UIView.animate(withDuration: 0.3, delay: 0.0, options: .curveEaseIn, animations: {() -> Void in 



     }, completion: {(_ finished: Bool) -> Void in 
     }) 

     shareMainView.isHidden = true; 
    } else { 
     self.openedView = true; 
     UIView.animate(withDuration: 0.3, delay: 0.0, options: .curveEaseOut, animations: {() -> Void in 
     }, completion: {(_ finished: Bool) -> Void in 
      /*done*/ 
     }) 

     shareMainView.isHidden = false; 
    } 

shareMainView.isHidden = false;これはアニメーションで開くと表示されません私の見解です。

Answer 1

あなたの投稿コードによれば、shareMainViewのフレームもそれの制約も変更されていません。ですから、開いた状態のような拘束のフレームを使って、幅（150など）を設定し、アニメーションブロックの幅を0.0に設定してみてください。

アニメーションの最後のコードにshareMainView.layoutIfNeeded()、完了ブロックにshareMainView.isHidden = falseを使用することを忘れないでください。アニメーションを適切に表示するのに役立ちます。ビューで

Answer 2

は負荷ました：

if(self.openedView) { 
     self.openedView = false; 
     UIView.animate(withDuration: 0.3, delay: 0.0, options: .curveEaseIn, animations: {() -> Void in 
     shareMainView.layoutIfNeeded() 
     shareMainView.frame = CGRectMake(_aview.frame.origin.x, _aview.frame.origin.y, 200, _aview.frame.size.height); 


     }, completion: {(_ finished: Bool) -> Void in 
     }) 

     shareMainView.isHidden = true; 
    } else { 
     self.openedView = true; 
     UIView.animate(withDuration: 0.3, delay: 0.0, options: .curveEaseOut, animations: {() -> Void in 
     shareMainView.layoutIfNeeded() 
     shareMainView.frame = CGRectMake(_aview.frame.origin.x, _aview.frame.origin.y, 0, _aview.frame.size.height); 

     }, completion: {(_ finished: Bool) -> Void in 
      /*done*/ 
     }) 

     shareMainView.isHidden = false; 
    } 

幅は同じくらいあなたが200.Inビューには、それを読み込むなかった私は、ユーザーが持っている例をexpand.Forしたいようになりますボタンのクリックで

shareMainView.frame = CGRectMake(_aview.frame.origin.x, _aview.frame.origin.y, 0, _aview.frame.size.height); 

0で展開してから200を折りたたみながら0になります。 お待ちしています。