点击UITabBarItem滚动到顶部像Instagram和Twitter

问题描述 投票:4回答:4

我有问题使这个功能工作,我想得到一些帮助。

我的等级是TabBarController - > Navigation Controller - > TableViewController

我想要的是,如果你在当前选项卡上并向下滚动,你将能够点击当前View的UITabBarItem,你将滚动回到顶部,例如Instagram和Twitter。

我在这里尝试了很多东西:

Older Question

但遗憾的是没有答案为我做了这个工作。

我非常感谢有关这种方式的任何帮助,谢谢你提前!

Here is my TableView`controller's Code :

import UIKit

class BarsViewController: UITableViewController,UISearchResultsUpdating,UISearchBarDelegate,UISearchDisplayDelegate,UITabBarControllerDelegate{

//TableView Data & non related stuff....

override func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
        self.searchController.searchBar.resignFirstResponder()
        self.searchController.searchBar.endEditing(true)
    }

 func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
        let tabBarIndex = tabBarController.selectedIndex
        if tabBarIndex == 0 {

            let indexPath = IndexPath(row: 0, section: 0)
            let navigVC = viewController as? UINavigationController
            let finalVC = navigVC?.viewControllers[0] as? BarsViewController
            finalVC?.tableView.scrollToRow(at: indexPath as IndexPath, at: .top, animated: true)

        } 
    }

}

TabBarController.Swift Code ( Code doesn't work ) :

import UIKit

class TabBarController: UITabBarController,UITabBarControllerDelegate {

       override func viewDidLoad() {
    super.viewDidLoad()

    // Do any additional setup after loading the view.
    self.delegate = self
}


    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool {
        guard let viewControllers = viewControllers else { return false }
        if viewController == viewControllers[selectedIndex] {
            if let nav = viewController as? UINavigationController {
                guard let topController = nav.viewControllers.last else { return true }
                if !topController.isScrolledToTop {
                    topController.scrollToTop()
                    return false
                } else {
                    nav.popViewController(animated: true)
                }
                return true
            }
        }

        return true
    }

}
extension UIViewController {
    func scrollToTop() {
        func scrollToTop(view: UIView?) {
            guard let view = view else { return }

            switch view {
            case let scrollView as UIScrollView:
                if scrollView.scrollsToTop == true {
                    scrollView.setContentOffset(CGPoint(x: 0.0, y: -scrollView.contentInset.top), animated: true)
                    return
                }
            default:
                break
            }

            for subView in view.subviews {
                scrollToTop(view: subView)
            }
        }

        scrollToTop(view: view)
    }

    var isScrolledToTop: Bool {
        for subView in view.subviews {
            if let scrollView = subView as? UIScrollView {
                return (scrollView.contentOffset.y == 0)
            }
        }
        return true
    }

}
ios swift uitableview scrolltop uitabbaritem
4个回答
3
投票

你去,这应该工作:

func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool {
    guard let viewControllers = viewControllers else { return false }
    if viewController == viewControllers[selectedIndex] {
        if let nav = viewController as? ZBNavigationController {
            guard let topController = nav.viewControllers.last else { return true }
            if !topController.isScrolledToTop {
                topController.scrollToTop()
                return false
            } else {
                nav.popViewController(animated: true)
            }
            return true
        }
    }

    return true
}

然后...

extension UIViewController {
    func scrollToTop() {
        func scrollToTop(view: UIView?) {
            guard let view = view else { return }

            switch view {
            case let scrollView as UIScrollView:
                if scrollView.scrollsToTop == true {
                    scrollView.setContentOffset(CGPoint(x: 0.0, y: -scrollView.contentInset.top), animated: true)
                    return
                }
            default:
                break
            }

            for subView in view.subviews {
                scrollToTop(view: subView)
            }
        }

        scrollToTop(view: view)
    }

    // Changed this

    var isScrolledToTop: Bool {
        if self is UITableViewController {
            return (self as! UITableViewController).tableView.contentOffset.y == 0
        }
        for subView in view.subviews {
            if let scrollView = subView as? UIScrollView {
                return (scrollView.contentOffset.y == 0)
            }
        }
        return true
    }
}

这个函数有一点额外的,所以如果UIViewController已经在顶部,它将弹出到前一个控制器


2
投票

在TabViewController中尝试此代码:

func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
    let tabBarIndex = tabBarController.selectedIndex
    if tabBarIndex == 0 {

        let indexPath = NSIndexPath(row: 0, section: 0)
        let navigVC = viewController as? UINavigationController
        let finalVC = navigVC?.viewControllers[0] as? YourVC
        finalVC?.tableView.scrollToRow(at: indexPath as IndexPath, at: .top, animated: true)

    } 
}

此外,您的TabViewController应继承自UITabBarControllerDelegate

enter image description here

最终代码:

import UIKit

class tabViewController: UITabBarController, UITabBarControllerDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.delegate = self
        // Do any additional setup after loading the view.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
        let tabBarIndex = tabBarController.selectedIndex
        if tabBarIndex == 0 {

            let indexPath = NSIndexPath(row: 0, section: 0)
            let navigVC = viewController as? UINavigationController
            let finalVC = navigVC?.viewControllers[0] as? YourVC
            finalVC?.tableView.scrollToRow(at: indexPath as IndexPath, at: .top, animated: true)

        } 
    }


}

请记住更改tabBarIndex并在viewDidLoad中设置self.delegate = self


1
投票

您只需使用以下代码创建文件TabBarViewController

class TabBarController: UITabBarController, UITabBarControllerDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()

        self.delegate = self
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool {
        guard let viewControllers = viewControllers else { return false }
        if viewController == viewControllers[selectedIndex] {
            if let nav = viewController as? UINavigationController {
                guard let topController = nav.viewControllers.last else { return true }
                if !topController.isScrolledToTop {
                    topController.scrollToTop()
                    return false
                } else {
                    nav.popViewController(animated: true)
                }
                return true
            }
        }

        return true
    }
}

extension UIViewController {
    func scrollToTop() {
        func scrollToTop(view: UIView?) {
            guard let view = view else { return }

            switch view {
            case let scrollView as UIScrollView:
                if scrollView.scrollsToTop == true {
                    scrollView.setContentOffset(CGPoint(x: 0.0, y: -scrollView.contentInset.top), animated: true)
                    return
                }
            default:
                break
            }

            for subView in view.subviews {
                scrollToTop(view: subView)
            }
        }

        scrollToTop(view: view)
    }

    var isScrolledToTop: Bool {
        if self is UITableViewController {
            return (self as! UITableViewController).tableView.contentOffset.y == 0
        }
        for subView in view.subviews {
            if let scrollView = subView as? UIScrollView {
                return (scrollView.contentOffset.y == 0)
            }
        }
        return true
    }
}

然后在你的故事板中,像这样设置自定义类TabBarController

enter image description here


0
投票

我只是必须实现这一点,并惊讶地发现它并不像我想象的那么容易。这是我实现它的方式:

关于我的应用程序设置的一些注意事项

  • MainTabBarcontroller是我们的根视图控制器,我们通常从UISharedApplication访问它。
  • 我们的导航结构是MainTabBarController - > Nav Controller - > Visible View Controller

我发现实现这个问题的主要问题是,如果我已经在标签栏的第一个屏幕上,我只想滚动到顶部但是一旦你尝试从tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController)进行检查,你已经丢失了对视图控制器的引用在点击之前可见。由于可见视图控制器可能位于另一个选项卡中,因此在切换选项卡时比较视图控制器也是一个问题。

所以我在我的TabBar类中创建了一个属性来保存对previousTopVC的引用,并创建了一个协议来帮助我从当前可见的VC设置这个属性。

protocol TopScreenFindable {
    func setVisibleViewController()
}

extension TopScreenFindable where Self: UIViewController {
    func setVisibleViewController() {
        guard let tabController = UIApplication.shared.keyWindow?.rootViewController as? MainTabBarController else { return }
        tabController.previousTopVC = self
    }
}

然后,我从View Controllers的viewDidAppear调用了这个协议和setVisibleViewController,现在当任何屏幕出现时,它都引用了之前可见的VC。

我为MainTabBarController类创建了一个委托

protocol MainTabBarDelegate: class {
    func firstScreenShouldScrollToTop()
}

然后从UITabBarControllerDelegate方法调用它

func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
        guard let navController = viewController as? UINavigationController, let firstVC = navController.viewControllers.first, let previousVC = previousTopController else { return }
        if firstVC == previousVC {
            mainTabBarDelegate?.firstScreenShouldScrollToTop()
        }
    } 

并且在符合MainTabBarDelegate的First View控制器中

extension FirstViewController: MainTabBarDelegate {
    func firstScreenShouldScrollToTop() {
        collectionView.setContentOffset(CGPoint(x: 0, y: collectionView.contentInset.top), animated: true)
    }

我在FirstViewController的viewDidAppear上设置了tabBar.mainTabBarDelegate = self,以便每次屏幕显示时都设置委托。如果我在viewDidLoad上执行它,它在切换选项卡时将无效。

我不喜欢我的方法。

  • 在我的视图控制器中引用了标签栏,这样它就可以将自己设置为其委托。
  • 使应用程序中的每个相关屏幕都符合TopScreenFindable协议
© www.soinside.com 2019 - 2024. All rights reserved.