UIScrollView带有“循环”滚动

Question

我试图在我的UIScrollView中滚动“循环”，但不成功。

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

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

你有什么想法吗？

Answer 1

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

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

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 2

Apple有一个Street Scroller演示，看起来完全符合您的要求。

还有来自WWDC 2011的video演示他们的演示。 ;）它们首先覆盖视频中的无限滚动。

Answer 3

尝试使用以下代码..

示例代码..

- (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 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
    }

}