ios 分页控制器tab滑动隐藏

iOS 分页控制器（Tab滑动隐藏）

前言

在iOS开发中，我们经常会使用Tab控制器（UITabBarController）来实现页面的切换和导航。然而，在某些情况下，我们希望Tab控制器在滑动页面时能够自动隐藏，以提供更大的屏幕空间给用户。本文将介绍如何使用UIScrollView和UIPageViewController来实现这一功能。

分页控制器

在介绍具体实现方法之前，我们先来了解一下分页控制器（UIPageViewController）。UIPageViewController是UIKit框架中的一个控制器，它可以让用户在不同的页面之间进行切换。每个页面通常都由一个单独的视图控制器（UIViewController）来管理。

UIPageViewController提供了多种切换页面的方式，包括滑动、点击等。在本文中，我们将使用滑动的方式来实现Tab控制器的自动隐藏。

实现步骤

第一步：创建UIPageViewController

首先，我们需要创建一个UIPageViewController，并设置它的数据源（dataSource）和代理（delegate）。数据源用于提供页面的内容，代理用于监听页面切换的事件。

class ViewController: UIViewController, UIPageViewControllerDataSource, UIPageViewControllerDelegate {
    var pageViewController: UIPageViewController?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        pageViewController = UIPageViewController(transitionStyle: .scroll, navigationOrientation: .horizontal, options: nil)
        
        pageViewController?.dataSource = self
        pageViewController?.delegate = self
        
        // 设置UIPageViewController的frame，并将其添加到当前视图控制器的视图上
        pageViewController?.view.frame = view.bounds
        addChild(pageViewController!)
        view.addSubview(pageViewController!.view)
        pageViewController?.didMove(toParent: self)
    }
    
    // ...
}

第二步：实现数据源方法

接下来，我们需要实现UIPageViewController的数据源方法，用于提供页面的内容。在本例中，我们假设Tab控制器中有三个页面，分别由三个视图控制器来管理。

extension ViewController {
    // 返回前一个视图控制器
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {
        if viewController is FirstViewController {
            return nil
        }
        
        return FirstViewController()
    }
    
    // 返回后一个视图控制器
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {
        if viewController is ThirdViewController {
            return nil
        }
        
        return ThirdViewController()
    }
}

第三步：实现代理方法

然后，我们需要实现UIPageViewController的代理方法，用于监听页面切换的事件。在本例中，我们将在页面切换完成之后检查当前页面的索引，并根据索引来决定是否隐藏Tab控制器。

extension ViewController {
    // 页面切换完成之后调用
    func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) {
        if completed {
            if let currentViewController = pageViewController.viewControllers?.first {
                if currentViewController is FirstViewController {
                    // 隐藏Tab控制器
                    tabBar.isHidden = true
                } else {
                    // 显示Tab控制器
                    tabBar.isHidden = false
                }
            }
        }
    }
}

第四步：处理UIScrollView滚动事件

最后，我们需要为UIPageViewController添加一个UIScrollView的子视图，并监听UIScrollView的滚动事件。在UIScrollView滚动时，我们可以通过判断滚动的偏移量来决定是否隐藏Tab控制器。

extension ViewController {
    func addScrollViewObserver() {
        for view in pageViewController?.view.subviews ?? [] {
            if let scrollView = view as? UIScrollView {
                scrollView.delegate = self
            }
        }
    }
}

extension ViewController: UIScrollViewDelegate {
    // 监听UIScrollView的滚动事件
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        let translation = scrollView.panGestureRecognizer.translation(in: scrollView.superview)
        
        if translation.y > 0 {
            // 向下滚动，显示Tab控制器
            tabBar.isHidden = false
        } else if translation.y < 0 {
            // 向上滚动，隐藏Tab控制器
            tabBar.isHidden = true