iOS/Swift - Hide/Show UITabBarController beim scrollen nach unten/oben

Ich bin ganz neu bei der iOS-Entwicklung. Jetzt bin ich versuchen sich zu verstecken meine tabbar, wenn ich nach unten scrollen und beim scrollen bis die tabbar angezeigt werden soll. Ich würde gerne dieses animierte in der gleichen Weise wie die Navigationsleiste. Für die Navigationsleiste habe ich einfach geklickt, die option in der Eigenschaften-Inspector. Ich sah einige Beispiele für die Symbolleiste, aber ich kann es einführen der tabbar.

self.tabBarController?.tabBar.hidden = true nur versteckt meine tabbar ausgedehnt werden, ist aber nicht animiert, wie der navigation-controller.

InformationsquelleAutor Philipp B. | 2015-08-10

Dies ist der code, dass ich tatsächlich mit in einer Produktions-app.

Es ist in Swift und es auch updates UITabBar.hidden var.

func scrollViewWillBeginDragging(scrollView: UIScrollView) {
    if scrollView.panGestureRecognizer.translation(in: scrollView).y < 0{
        changeTabBar(hidden: true, animated: true)
    }
    else{
        changeTabBar(hidden: false, animated: true)
    }
}

Können Sie auch die anderen callback-Methode:

func scrollViewDidScroll(scrollView: UIScrollView) {
    ...
}

aber wenn Sie so wählen, dann müssen Sie in der Lage mehrere Anrufe, um die helper-Methode, die eigentlich versteckt sich der tabBar.

Und dann müssen Sie diese Methode belebt, dass die das anzeigen/verstecken der tabBar.

func changeTabBar(hidden:Bool, animated: Bool){
    var tabBar = self.tabBarController?.tabBar
    if tabBar!.hidden == hidden{ return }
    let frame = tabBar?.frame
    let offset = (hidden ? (frame?.size.height)! : -(frame?.size.height)!)
    let duration:NSTimeInterval = (animated ? 0.5 : 0.0)
    tabBar?.hidden = false
    if frame != nil
    {
        UIView.animateWithDuration(duration,
            animations: {tabBar!.frame = CGRectOffset(frame!, 0, offset)},
            completion: {
                println($0)
                if $0 {tabBar?.hidden = hidden}
        })
    }
}

Update Swift 4

func changeTabBar(hidden:Bool, animated: Bool){
    guard let tabBar = self.tabBarController?.tabBar else { return; }
    if tabBar.isHidden == hidden{ return }
    let frame = tabBar.frame
    let offset = hidden ? frame.size.height : -frame.size.height
    let duration:TimeInterval = (animated ? 0.5 : 0.0)
    tabBar.isHidden = false

    UIView.animate(withDuration: duration, animations: {
        tabBar.frame = frame.offsetBy(dx: 0, dy: offset)
    }, completion: { (true) in
        tabBar.isHidden = hidden
    })
}

Vielen Dank für Ihre Antwort, ich werde versuchen es zu implementieren später in meinem Projekt
Funktioniert Super. Das ist genau das, was ich suchte. Danke.
Tolle Antwort. Dank
Ich fand scrollViewWillEndDragging werden einfacher für die Benutzer
Die Frage fragt nach, zeigt die tabBar beim re-Start zu Rollen, das ist, warum ich bin, es zu ändern scrollViewWillBeginDragging. Aber scrollViewWillEndDragging tut den gleichen trick.
Der code funktioniert mit einem tableviewcontroller. Aber wenn die tab-Leiste versteckt, scheint es eine schwarze Fläche, wenn der Reiter war. Sowieso, dies zu beheben, oder bin ich etwas fehlt?
Es blendet die tabBar und zeigt den Blick unter die tabBar es Ihnen zeigen, eine schwarze Fläche, weil die tableViewController ist nicht für diesen Bereich.
für das entfernen der unteren, von sicheren Bereich und hinzufügen von superview dann seine Arbeit gut.
Ich unten Einschränkung Superview aber der schwarze Bildschirm nicht verstecken. Wo ist der Fehler??? Danke für Antworten

InformationsquelleAutor Ariel Hernández Amador

Gebäude auf Ariel ' s Antwort, ich habe aktualisiert, der code für Swift3. Dies funktionierte großartig auf meine Sammlung Aussicht.

override func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
        if scrollView.panGestureRecognizer.translation(in: scrollView).y < 0 {
            changeTabBar(hidden: true, animated: true)
        }else{
            changeTabBar(hidden: false, animated: true)
        }

    }

func changeTabBar(hidden:Bool, animated: Bool){
        let tabBar = self.tabBarController?.tabBar
        if tabBar!.isHidden == hidden{ return }
        let frame = tabBar?.frame
        let offset = (hidden ? (frame?.size.height)! : -(frame?.size.height)!)
        let duration:TimeInterval = (animated ? 0.5 : 0.0)
        tabBar?.isHidden = false
        if frame != nil
        {
            UIView.animate(withDuration: duration,
                                       animations: {tabBar!.frame = frame!.offsetBy(dx: 0, dy: offset)},
                                       completion: {
                                        print($0)
                                        if $0 {tabBar?.isHidden = hidden}
            })
        }
    }

InformationsquelleAutor Aidan.C

Diese Antwort ist eine leichte Modifikation zu Ariel Antwort, die fügt animation während der Benutzer scrollt.

extension ViewController:UIScrollViewDelegate{
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        if scrollView.panGestureRecognizer.translation(in: scrollView).y < 0{
            //scrolling down
            changeTabBar(hidden: true, animated: true)
        }
        else{
            //scrolling up
            changeTabBar(hidden: false, animated: true)
        }
    }

    func changeTabBar(hidden:Bool, animated: Bool){
        let tabBar = self.tabBarController?.tabBar
        let offset = (hidden ? UIScreen.main.bounds.size.height : UIScreen.main.bounds.size.height - (tabBar?.frame.size.height)! )
        if offset == tabBar?.frame.origin.y {return}
        print("changing origin y position")
        let duration:TimeInterval = (animated ? 0.5 : 0.0)
        UIView.animate(withDuration: duration,
                       animations: {tabBar!.frame.origin.y = offset},
                       completion:nil)
    }
}

InformationsquelleAutor LC 웃

Können Sie Steuern, UITabBar genauen einrichten, in Ihrer Klasse als Delegierte für die scrollView und Umsetzung scrollen in scrollViewDidScroll: Methode.

Hier ist ein Beispiel wie ich das meine Anwendung. Sie können sich wahrscheinlich leicht ändern Sie das für Ihre Bedürfnisse. Einige Helfer-Funktion, um UITabBar enthalten.

#define LIMIT(__VALUE__, __MIN__, __MAX__) MAX(__MIN__, MIN(__MAX__, __VALUE__))

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat scrollOffset = scrollView.contentOffset.y;
    CGFloat scrollDiff = scrollOffset - self.previousScrollViewYOffset;
    CGFloat scrollHeight = scrollView.frame.size.height;
    CGFloat scrollContentSizeHeight = scrollView.contentSize.height + scrollView.contentInset.bottom;
    CGFloat scrollOffsetGlobal = scrollOffset + scrollView.contentInset.top;
    [self updateUITabBarY:[self UITabBarView].frame.origin.y + scrollDiff];
    self.previousScrollViewYOffset = scrollOffset;
}

- (UITabBar*) UITabBarView
{
    for(UIView *view in self.tabBarController.view.subviews)
    {
        if([view isKindOfClass:[UITabBar class]])
        {
            return (UITabBar*) view;
        }
    }

    return nil;
}

- (void) updateUITabBarY:(CGFloat) y
{
    UITabBar* tabBar = [self UITabBarView];
    if(tabBar)
    {
        CGRect frame = tabBar.frame;
        frame.origin.y  = LIMIT(y, [self UITabBarMiny], [self UITabBarMaxY]);
        tabBar.frame = frame;
    }
}

- (CGFloat) UITabBarMiny
{
    return [UIScreen mainScreen].bounds.size.height - [self UITabBarView].frame.size.height - [[UIApplication sharedApplication] statusBarFrame].size.height + 20.0f;
}

- (CGFloat) UITabBarMaxY
{
    return [UIScreen mainScreen].bounds.size.height;
}

Vielen Dank für ur Antwort. Ich werde versuchen die rasche Antwort erstmals.
Was ist LIMIT im code?
Sry das ich Hinzugefügt fehlende makro für dich - es ist nur begrenzt erste parameter auf einen bestimmten Bereich - (Wert, MIN, MAX)

InformationsquelleAutor Grzegorz Krukowski

0

Laut @Ariel Hernández Amador Antwort für schwarzen Bildschirm nach dem ausblenden Tabbar verwenden Sie einfach diese Zeile in den code ViewDidLoad(). Funktioniert Hervorragend...ich habe diese hier, wie ich bin nicht in der Lage, zu kommentieren, dort drüben.
```
viewDidLoad()
{
if #available(iOS 11.0, *) {
            self.myScroll.contentInsetAdjustmentBehavior = .never
        }
}
```
Hier myScroll ist der Scrollview ich bin mit meiner VC. Nur ersetzen Sie es mit Ihrem VC.

InformationsquelleAutor srsstyle

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.