UIPageViewController 动画表示可以滑动

Posted

技术标签:

【中文标题】UIPageViewController 动画表示可以滑动【英文标题】:UIPageViewController animation to indicate swipe is possible 【发布时间】:2016-06-11 21:16:53 【问题描述】:

我有一个应用程序很好地使用 UIPageViewController 向用户显示一堆(几乎全屏)卡片。然而,一些用户(最初)并没有意识到他们可以向左/向右滑动来浏览所有卡片(即使屏幕上出现了这些点,请看:)。

我的想法是做一个小的一次性动画,部分滑动到下一张卡片的一半,然后弹回以非常直观地向用户展示滑动是可能的。

我查看了 UIPageViewController API,但没有看到任何标准允许我这样做的函数。

最好的实现方式是什么(但仍然使用标准的 UIPageViewController)?是否可以向 UIPageViewController 发送虚假手势?

【问题讨论】:

假的。建立一个看起来像页面视图控制器的视图并为其设置动画。 我可以这样做,但这意味着我必须重新创建与页面视图完全相同的布局,这对我来说并不是一个好的解决方案。也许我可以访问底层的滚动视图并做一些我想知道的事情...... 重新创建,不。拍个快照吧。 快照显示不会有第二个视图的一半,因为它仅在滚动时由页面视图加载? 这只是一个小的一次性动画!没有必要从一个鼹鼠山变成一座山...... 【参考方案1】:

我找到了一种使用 UIPageViewController 标准行为的方法。 基本上这很简单,我等到加载视图,然后在 viewDidAppear AFTER 0.5 秒后移到下一页(以编程方式),几乎在(0.25 秒)之后 - 在第一个动画完成之前 - 我移回上一个页面。

您可以在下面看到我的代码,请注意我正在使用延迟函数来处理我的代码中的延迟,它还包括:

///executes the supplied closure after x seconds on the main queue
public func delay(delay:Double, closure:()->()) 
    dispatch_after(
        dispatch_time(
            DISPATCH_TIME_NOW,
            Int64(delay * Double(NSEC_PER_SEC))
        ),
        dispatch_get_main_queue(), closure)




class VCPager: VCPagBase, ProtocolVCScanResult, UIPageViewControllerDataSource, UIPageViewControllerDelegate 

    var product             : Product?
    var productMatch        : ProductMatch?
    var disableAlternatives : Bool = false

    //the loadView is a proprietary function that just loads the view from the storyboard, nothing special
    lazy var vcPage1 = VCPage1.loadView()
    lazy var vcPage2 = VCPage2.loadView()

    var currentPageIndex : Int = 0

    override func viewDidLoad() 
        super.viewDidLoad()
        dataSource=self
        delegate=self
        setViewControllers([pageForindex(0)!], direction: .Forward, animated: false, completion: nil)
    


    override func viewDidAppear(animated: Bool) 
        super.viewDidAppear(animated)
        hintSwipe()
    

    //MARK: - helper functions

    func hintSwipe() 
        delay(0.5) 
            self.carrouselJumpForward()
        
        delay(0.75) 
            self.carrouselJumpBack()
        
    

    func pageForindex(pageIndex : Int) -> UIViewController? 
        let vc : VCScanResultPageRoot?
        switch(pageIndex) 
        case -1 : vc = vcPage2
        case 0  : vc = vcPage1
        case 1  : vc = vcPage2
        case 2  : vc = vcPage1
        default : vc = nil
        
        vc?.passAlongModelFrom(self)
        return vc
    

    func indexForPage(vc : UIViewController) -> Int 
        if vc == vcPage1  return 0 
        if vc == vcPage2  return 1 
        //not found = 0
        return 0
    

    func carrouselJumpForward() 
        currentPageIndex += 1
        setViewControllers([self.pageForindex(currentPageIndex)!], direction: .Forward, animated: true, completion: nil)
    

    func carrouselJumpBack() 
        currentPageIndex += -1
        setViewControllers([self.pageForindex(currentPageIndex)!], direction: .Reverse, animated: true, completion: nil)
    

    //MARK: - UIPageView


    func pageViewController(pageViewController: UIPageViewController, viewControllerAfterViewController viewController: UIViewController) -> UIViewController? 
        let currentPageIndex =  indexForPage(viewController)
        return pageForindex(currentPageIndex+1)
    

    func pageViewController(pageViewController: UIPageViewController, viewControllerBeforeViewController viewController: UIViewController) -> UIViewController? 
        let currentPageIndex =  indexForPage(viewController)
        return pageForindex(currentPageIndex-1)
    

    func pageViewController(pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) 
        guard let vcCurrentPage = previousViewControllers.first where finished else 
            return
        
        currentPageIndex = indexForPage(vcCurrentPage)
    

    func presentationCountForPageViewController(pageViewController: UIPageViewController) -> Int 
        return 2
    

    func presentationIndexForPageViewController(pageViewController: UIPageViewController) -> Int 
        return currentPageIndex
    



【讨论】:

以上是关于UIPageViewController 动画表示可以滑动的主要内容,如果未能解决你的问题,请参考以下文章

iPad 的 UIPageViewController 上的脏动画

UIPageViewController - 到下一个视图控制器的动画过渡与方向变化混合

当兄弟是 UIPageViewController 时,UITableView 没有动画

UIPageViewController 手势正在调用 viewControllerAfter: 但没有动画

想要那个 .scroll 动画,即使数据源没有在 UIPageViewController 中设置

我想中途冻结翻页动画。这可能与 UIPageViewController 吗?