带有“循环”滚动的 UIScrollView

Question

我试图在我的 UIScrollView 中进行“循环”滚动，但没有成功。

我想做什么： 如果 uiscrollview 到达结束，它应该移动开始 如果 uiscrollview 在开始并向后移动，它应该移动到结束

在我的情况下附加滚动视图不是好方法（其他方法应该得到“页面ID”）

你有什么想法吗？

Answer 1

尝试使用以下代码..

示例代码..

- (void)scrollViewDidEndDecelerating:(UIScrollView *)sender 
    {

        if (scrollView.contentOffset.x == 0) {
            // user is scrolling to the left from image 1 to image n(last image).
            // reposition offset to show image 10 that is on the right in the scroll view
            [scrollView scrollRectToVisible:CGRectMake(4000,0,320,480) animated:NO];// you can define your `contensize` for scrollview
        }
        else if (scrollView.contentOffset.x == 4320) {
            // user is scrolling to the right from image n(last image) to image 1.
            // reposition offset to show image 1 that is on the left in the scroll view
            [scrollView scrollRectToVisible:CGRectMake(320,0,320,480) animated:NO];
        }
    }

希望对你有所帮助...

Answer 2

我已经实现了这个方法，但是它需要启用分页。假设您有五个元素A,B,C,D and E。设置视图时，将最后一个元素添加到开头，将第一个元素添加到结尾，并调整内容偏移量以查看第一个元素，例如 E,[A],B,C,D,E,A。在 UIScrollViewDelegate 中，检查用户是否到达任何一端，并将偏移 without 动画移动到另一端。

想象一下 [ ] 表示正在显示的视图：

E,A,B,C,[D],E,A

用户向右滑动

E,A,B,C,D,[E],A

用户向右滑动

E,A,B,C,D,E,[A]

然后，自动设置内容偏移到第二个元素

E,[A],B,C,D,E,A

通过这种方式，用户可以双向滑动创建无限滚动的错觉。

E,A,[B],C,D,E,A

更新

我已经上传了该算法的完整实现。这是一个非常复杂的类，因为它还具有点击选择、无限循环滚动和单元格重用。您可以按原样使用代码，修改它或提取您需要的代码。最有趣的代码在 TCHorizontalSelectorView 类中。

Link to the file

尽情享受吧！

---

更新 2

UICollectionView 现在是实现此目的的推荐方法，它可用于获得完全相同的行为。 This tutorial详细描述了如何实现。

Answer 3

Apple 有一个 Street Scroller 演示，看起来正是你想要的。

还有来自 WWDC 2011 的 video 演示了他们的演示。 ;) 他们首先在视频中介绍了无限滚动。

Answer 4

参考@redent84，找到代码逻辑。

覆盖 func viewWillAppear(_ animated: Bool)

{
    super.viewWillAppear(animated)

    scrollView.contentSize = CGSize(width: scrollView.frame.width * CGFloat(imagesArray.count), height: scrollView.frame.height)

    scrollView.isPagingEnabled = true

    //        imagesArray.insert(imagesArray.last as? UIImage, at: 0)
    //        imagesArray.insert(imagesArray.first as? UIImage, at: imagesArray.count - 1)


    var testArr = ["A", "B", "C", "D"]

    let firstItem = testArr.first
    let lastItem = testArr.last

    testArr.insert(lastItem as! String, at: 0)
    testArr.append(firstItem as! String)
    print(testArr)


    for i in 0..<imagesArray.count{
        let imageview = UIImageView()
        imageview.image = imagesArray[i]
        imageview.contentMode = .scaleAspectFit
        imageview.clipsToBounds = true
        let xPosition = self.scrollView.frame.width * CGFloat(i)
        imageview.frame = CGRect(x: xPosition, y: 0, width: self.scrollView.frame.width, height: self.scrollView.frame.height)
        print(imageview)
        scrollView.addSubview(imageview)

        print("Imageview frames of i \(i) is \(imageview.frame)")
    }

    newStartScrolling()
}

func newStartScrolling()
{
    ViewController.i += 1

    let x = CGFloat(ViewController.i) * scrollView.frame.size.width
    scrollView.setContentOffset(CGPoint(x: x, y: 0), animated: true)

    print("X is \(x) and i is \(ViewController.i)")

    if ViewController.i == imagesArray.count - 1 {
        ViewController.i = 0
        let x = CGFloat(ViewController.i) * scrollView.frame.size.width
        //scrollView.setContentOffset(CGPoint(x: x, y: 0), animated: false)
        print("X (rotate) is \(x) and i is \(ViewController.i)")
        scrollView.contentOffset.x = x
        self.newStartScrolling()

    }

}

func backScrolling()  {
    ViewController.i -= 1

    let x = CGFloat(ViewController.i) * scrollView.frame.size.width
    scrollView.setContentOffset(CGPoint(x: x, y: 0), animated: true)
    print("X is \(x) and i is \(ViewController.i)")
    if ViewController.i <= 0 {
        ViewController.i = imagesArray.count - 1
        let x = CGFloat(ViewController.i) * scrollView.frame.size.width
         scrollView.setContentOffset(CGPoint(x: x, y: 0), animated: false)
        print("X (rotate) is \(x) and i is \(ViewController.i)")

        self.backScrolling()
        //scrollView.contentOffset.x = x
        return
    }

}