UIToolbarのスムーズな消し方について

Question

前提

Swift 4.2でiOSアプリを作成しています。
StoryboardでUIViewの中にUIToolbarを置き、Auto Layoutで下部に張り付くようにしました。

実現したいこと

UINavigationbarの場合、setNavigationBarHiddenでスムーズに非表示・再表示を切り替えることができますが、それと同様にUIToolbarの表示を切り替えたいと思いました。

UIToolbar.isHiddenでは瞬時に表示・非表示が切り替えられてしまうので、UIView.animateメソッドでアニメーションすればよいかと思いますが、Auto Layoutを利用しているため、UIToolbarを画面外へスライドして非表示・表示を切り替えるには、コード上どのようにレイアウトの制約を変更すればよいか教えてください。

宜しくお願いします。

Answer 1

BottomのConstraintに名前を付けてやって、隠すときはConstant値をtoolBar.frame.size.height + view.safeAreaInsets.height にすればいいです。
Constraintのconstantを設定した後、UIView.animateの中でlayoutIfNeededを呼んで強制的に再レイアウトすることでアニメーションします。こちらが参考になるかと。
回転をサポートする場合はiPhoneXとかだとSafeInsetの値が変わるので、アニメーションが終わったら非表示にするか、フェードとと組み合わせてごまかしたりする必要があると思います。

Comments

[thirdesr34]

有難うございました。大変助かりました。
下記のようなコードでアニメーションできました。

self.view.layoutIfNeeded()
if(self.isToolbarsHidden) {
//Unhide Bars
self.bottomBarConstraintNormal.constant = 0;
} else {
//Hide Bars
self.bottomBarConstraintNormal.constant = 44;
}
UIView.animate(withDuration: 0.5, animations: {
self.view.layoutIfNeeded()
});
self.isToolbarsHidden = !self.isToolbarsHidden;

（尚、他のビューの制約をUIToolbarのAnchorに固定しているとそのビューの変更がアニメーションされないため、改めて別の質問を立てたいと思います。）