iOSのアニメーションでタブバーを非表示にする方法
IBActionに接続されているボタンがあります。ボタンを押すと、iOSアプリのタブバーをアニメーションで非表示にします。この[self setTabBarHidden:hidden animated:NO];またはこの[self.tabBarController setTabBarHidden:hidden animated:YES];は機能しません。これはアニメーションなしの私のコードです：
- (IBAction)picture1:(id)sender {
[self.tabBarController.tabBar setHidden:YES];
}
どんな助けも大歓迎です：D
次の式を使用して、ビューアニメーションを利用できるようにします。
// pass a param to describe the state change, an animated flag and a completion block matching UIView animations completion
- (void)setTabBarVisible:(BOOL)visible animated:(BOOL)animated completion:(void (^)(BOOL))completion {
// bail if the current state matches the desired state
if ([self tabBarIsVisible] == visible) return (completion)? completion(YES) : nil;
// get a frame calculation ready
CGRect frame = self.tabBarController.tabBar.frame;
CGFloat height = frame.size.height;
CGFloat offsetY = (visible)? -height : height;
// zero duration means no animation
CGFloat duration = (animated)? 0.3 : 0.0;
[UIView animateWithDuration:duration animations:^{
self.tabBarController.tabBar.frame = CGRectOffset(frame, 0, offsetY);
} completion:completion];
}
//Getter to know the current state
- (BOOL)tabBarIsVisible {
return self.tabBarController.tabBar.frame.Origin.y < CGRectGetMaxY(self.view.frame);
}
//An illustration of a call to toggle current state
- (IBAction)pressedButton:(id)sender {
[self setTabBarVisible:![self tabBarIsVisible] animated:YES completion:^(BOOL finished) {
NSLog(@"finished");
}];
}
ストーリーボードで作業する場合、プッシュ時にタブバーを非表示にするようにView Controllerを簡単にセットアップできます。宛先のView Controllerでは、このチェックボックスを選択するだけです。
拡張機能を使用したSwift 3.0バージョン：
extension UITabBarController {
private struct AssociatedKeys {
// Declare a global var to produce a unique address as the assoc object handle
static var orgFrameView: UInt8 = 0
static var movedFrameView: UInt8 = 1
}
var orgFrameView:CGRect? {
get { return objc_getAssociatedObject(self, &AssociatedKeys.orgFrameView) as? CGRect }
set { objc_setAssociatedObject(self, &AssociatedKeys.orgFrameView, newValue, .OBJC_ASSOCIATION_COPY) }
}
var movedFrameView:CGRect? {
get { return objc_getAssociatedObject(self, &AssociatedKeys.movedFrameView) as? CGRect }
set { objc_setAssociatedObject(self, &AssociatedKeys.movedFrameView, newValue, .OBJC_ASSOCIATION_COPY) }
}
override open func viewWillLayoutSubviews() {
super.viewWillLayoutSubviews()
if let movedFrameView = movedFrameView {
view.frame = movedFrameView
}
}
func setTabBarVisible(visible:Bool, animated:Bool) {
//since iOS11 we have to set the background colour to the bar color it seams the navbar seams to get smaller during animation; this visually hides the top empty space...
view.backgroundColor = self.tabBar.barTintColor
// bail if the current state matches the desired state
if (tabBarIsVisible() == visible) { return }
//we should show it
if visible {
tabBar.isHidden = false
UIView.animate(withDuration: animated ? 0.3 : 0.0) {
//restore form or frames
self.view.frame = self.orgFrameView!
//errase the stored locations so that...
self.orgFrameView = nil
self.movedFrameView = nil
//...the layoutIfNeeded() does not move them again!
self.view.layoutIfNeeded()
}
}
//we should hide it
else {
//safe org positions
orgFrameView = view.frame
// get a frame calculation ready
let offsetY = self.tabBar.frame.size.height
movedFrameView = CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height + offsetY)
//animate
UIView.animate(withDuration: animated ? 0.3 : 0.0, animations: {
self.view.frame = self.movedFrameView!
self.view.layoutIfNeeded()
}) {
(_) in
self.tabBar.isHidden = true
}
}
}
func tabBarIsVisible() ->Bool {
return orgFrameView == nil
}
}
- これは、数時間遊んだ後のSherwin Zadehからの入力に基づいています。
- タブバー自体を移動する代わりに、ビューのフレームを移動します。これにより、画面の下部からタブバーが効果的にスライドしますが...
- ... UITabbarcontroller内に表示されるコンテンツも全画面表示になるという利点があります！
- また、AssociatedObject機能を使用して、サブクラス化せずにUIViewにデータを添付するため、拡張が可能です（拡張機能では、格納されたプロパティは許可されません）
Apple docsに従って、UIViewControllerのhidesBottomBarWhenPushedプロパティ、ブール値、View ControllerがNavigation Controllerにプッシュされたときに画面下部のツールバーが非表示かどうかを示します。
一番上のView Controllerのこのプロパティの値は、ツールバーが表示されるかどうかを決定します。
タブバーを非表示にする推奨されるアプローチは次のとおりです。
ViewController *viewController = [[ViewController alloc] init];
viewController.hidesBottomBarWhenPushed = YES; // This property needs to be set before pushing viewController to the navigationController's stack.
[self.navigationController pushViewController:viewController animated:YES];
ただし、このアプローチは、それぞれのviewControllerにのみ適用され、Navigation Controllerのスタックにプッシュする前に他のviewControllersで同じhidesBottomBarWhenPushedプロパティの設定を開始しない限り、他のView Controllerに伝播されないことに注意してください。
迅速なバージョン：
@IBAction func tap(sender: AnyObject) {
setTabBarVisible(!tabBarIsVisible(), animated: true, completion: {_ in })
}
// pass a param to describe the state change, an animated flag and a completion block matching UIView animations completion
func setTabBarVisible(visible: Bool, animated: Bool, completion:(Bool)->Void) {
// bail if the current state matches the desired state
if (tabBarIsVisible() == visible) {
return completion(true)
}
// get a frame calculation ready
let height = tabBarController!.tabBar.frame.size.height
let offsetY = (visible ? -height : height)
// zero duration means no animation
let duration = (animated ? 0.3 : 0.0)
UIView.animateWithDuration(duration, animations: {
let frame = self.tabBarController!.tabBar.frame
self.tabBarController!.tabBar.frame = CGRectOffset(frame, 0, offsetY);
}, completion:completion)
}
func tabBarIsVisible() -> Bool {
return tabBarController!.tabBar.frame.Origin.y < CGRectGetMaxY(view.frame)
}
Swift 4でSherwin Zadehの答えを書き換えます：
/* tab bar hide/show animation */
extension AlbumViewController {
// pass a param to describe the state change, an animated flag and a completion block matching UIView animations completion
func setTabBarVisible(visible: Bool, animated: Bool, completion: ((Bool)->Void)? = nil ) {
// bail if the current state matches the desired state
if (tabBarIsVisible() == visible) {
if let completion = completion {
return completion(true)
}
else {
return
}
}
// get a frame calculation ready
let height = tabBarController!.tabBar.frame.size.height
let offsetY = (visible ? -height : height)
// zero duration means no animation
let duration = (animated ? kFullScreenAnimationTime : 0.0)
UIView.animate(withDuration: duration, animations: {
let frame = self.tabBarController!.tabBar.frame
self.tabBarController!.tabBar.frame = frame.offsetBy(dx: 0, dy: offsetY)
}, completion:completion)
}
func tabBarIsVisible() -> Bool {
return tabBarController!.tabBar.frame.Origin.y < view.frame.maxY
}
}
アニメーションでtabBarのフレームを設定してみてください。 this チュートリアルを参照してください。
ただし、UIViewControllerプロパティをhidesBottomBarWhenPushedにYESに設定してプッシュする場合は、tabBarの表示/非表示を設定する必要があります。
[Swift4.2]
UITabBarControllerの拡張機能を作成しました：
import UIKit
extension UITabBarController {
func setTabBarHidden(_ isHidden: Bool, animated: Bool, completion: (() -> Void)? = nil ) {
if (tabBar.isHidden == isHidden) {
completion?()
}
if !isHidden {
tabBar.isHidden = false
}
let height = tabBar.frame.size.height
let offsetY = view.frame.height - (isHidden ? 0 : height)
let duration = (animated ? 0.25 : 0.0)
let frame = CGRect(Origin: CGPoint(x: tabBar.frame.minX, y: offsetY), size: tabBar.frame.size)
UIView.animate(withDuration: duration, animations: {
self.tabBar.frame = frame
}) { _ in
self.tabBar.isHidden = isHidden
completion?()
}
}
}
Swift 3.0/iOS10/Xcode 8で試しました：
self.tabBarController?.tabBar.isHidden = true
コントローラーが表示されたときに設定します：（ナビゲーション後、戻るときに非表示にします）
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
self.tabBarController?.tabBar.isHidden = false
}
override func viewWillDisappear(_ animated: Bool) {
super.viewWillDisappear(animated)
self.tabBarController?.tabBar.isHidden = true
}
ところで：他の通気口が最終的に非表示/表示をトリガーする可能性があるため、表示されているかどうかを保存するフラグを持っている方が良い
残念ながら、十分な評判がないため、HixFieldの回答についてコメントすることはできません。そのため、これを別の回答として残す必要があります。
彼の答えは、movedFrameViewの計算されたプロパティがありません。
var movedFrameView:CGRect? {
get { return objc_getAssociatedObject(self, &AssociatedKeys.movedFrameView) as? CGRect }
set { objc_setAssociatedObject(self, &AssociatedKeys.movedFrameView, newValue, .OBJC_ASSOCIATION_COPY) }
}