在UICollectionView创建缓慢滚动到indexPath(Creating slow sc

2019-07-01 16:13发布

我工作的一个项目,我正在使用UICollectionView创建一个“像股票”在那里我的广告系列徽标。 该的CollectionView是一项高和十二个项目长,并显示出两到三个项目在同一时间(取决于标志可见的大小)。

我想从第一项到最后做出一个缓慢的自动滚动动画,然后重复。

任何人都已经能够使这项工作? 我可以用得到的滚动工作

[myCollection scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:(myImages.count -1) inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:YES];

但是,这是太快了!

[UIView animateWithDuration:10 delay:2 options:(UIViewAnimationOptionAutoreverse + UIViewAnimationOptionRepeat) animations:^{
    [myCollection scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:(myImages.count -1) inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:NO];
} completion:nil];

这产生期望的滚动速度,但只有最后几细胞是该系列中可见。 我怀疑他们(甚至开始可见细胞)被立即出列。

有什么想法吗?

Answer 1:

你可以试试这个方法:

@property (nonatomic, assign) CGPoint scrollingPoint, endPoint;
@property (nonatomic, strong) NSTimer *scrollingTimer;
@synthesize scrollingPoint, endPoint;
@synthesize scrollingTimer;

- (void)scrollSlowly {
    // Set the point where the scrolling stops.
    self.endPoint = CGPointMake(0, 300);
    // Assuming that you are starting at {0, 0} and scrolling along the x-axis.
    self.scrollingPoint = CGPointMake(0, 0);
    // Change the timer interval for speed regulation. 
    self.scrollingTimer = [NSTimer scheduledTimerWithTimeInterval:0.015 target:self selector:@selector(scrollSlowlyToPoint) userInfo:nil repeats:YES];
}

- (void)scrollSlowlyToPoint {
    self.collectionView.contentOffset = self.scrollingPoint;
    // Here you have to respond to user interactions or else the scrolling will not stop until it reaches the endPoint.
    if (CGPointEqualToPoint(self.scrollingPoint, self.endPoint)) {
        [self.scrollingTimer invalidate];
    }
    // Going one pixel to the right.
    self.scrollingPoint = CGPointMake(self.scrollingPoint.x, self.scrollingPoint.y+1);
}


Answer 2:

我使用的是“1个像素偏移”的把戏。 当编程滚动,只需设置端contentOffset.x至1个像素多/少比它应该。 这应该是不明显的。 而在完成块将其设置为实际值。 这样就可避免细胞过早离队的问题,并得到平滑滚动动画;)

这里是向右滚动页面(例如,从页面1到2)的一个例子。 请注意,在animations:块I实际上滚动一个像素以下( pageWidth * nextPage - 1 )。 然后我在恢复正确的值completion:块。

CGFloat pageWidth = self.collectionView.frame.size.width;
int currentPage = self.collectionView.contentOffset.x / pageWidth;
int nextPage = currentPage + 1;

[UIView animateWithDuration:1
                      delay:0
                    options:UIViewAnimationOptionCurveEaseOut
                 animations:^{
                     [self.collectionView setContentOffset:CGPointMake(pageWidth * nextPage - 1, 0)];
                 } completion:^(BOOL finished) {
                     [self.collectionView setContentOffset:CGPointMake(pageWidth * nextPage, 0)];
                 }];


Answer 3:

你也可以有一个“慢”滚动到年底你UICollectionView ,而不必从indexpath“跳”到indexpath。 我对一个集合视图中创建这种快速TVOS应用:

func autoScroll () {
    let co = collectionView.contentOffset.x
    let no = co + 1

    UIView.animateWithDuration(0.001, delay: 0, options: .CurveEaseInOut, animations: { [weak self]() -> Void in
        self?.collectionView.contentOffset = CGPoint(x: no, y: 0)
        }) { [weak self](finished) -> Void in
            self?.autoScroll()
    }
}

我只是调用autoScroll()viewDidLoad()其余照顾它本身。 滚动的速度由动画时间决定UIView 。 你可以(我没试过),与添加一个NSTimer 0秒而不是让您可以在userscroll而无效。



Answer 4:

对于大家有没有发现,我已经更新了玛莎的建议,在斯威夫特工作,我已经介绍朝着结束宽松政策,因此更像原来scrollItemsToIndexPath动画调用的一点点。 我有几百个项目,在我看来,如此稳健的步伐是不是我的选择。

var scrollPoint: CGPoint?
var endPoint: CGPoint?
var scrollTimer: NSTimer?
var scrollingUp = false

func scrollToIndexPath(path: NSIndexPath) {
    let atts = self.collectionView!.layoutAttributesForItemAtIndexPath(path)
    self.endPoint = CGPointMake(0, atts!.frame.origin.y - self.collectionView!.contentInset.top)
    self.scrollPoint = self.collectionView!.contentOffset
    self.scrollingUp = self.collectionView!.contentOffset.y > self.endPoint!.y

    self.scrollTimer?.invalidate()
    self.scrollTimer = NSTimer.scheduledTimerWithTimeInterval(0.01, target: self, selector: "scrollTimerTriggered:", userInfo: nil, repeats: true)
}

func scrollTimerTriggered(timer: NSTimer) {
    let dif = fabs(self.scrollPoint!.y - self.endPoint!.y) / 1000.0
    let modifier: CGFloat = self.scrollingUp ? -30 : 30

    self.scrollPoint = CGPointMake(self.scrollPoint!.x, self.scrollPoint!.y + (modifier * dif))
    self.collectionView?.contentOffset = self.scrollPoint!

    if self.scrollingUp && self.collectionView!.contentOffset.y <= self.endPoint!.y {
        self.collectionView!.contentOffset = self.endPoint!
        timer.invalidate()
    } else if !self.scrollingUp && self.collectionView!.contentOffset.y >= self.endPoint!.y {
        self.collectionView!.contentOffset = self.endPoint!
        timer.invalidate()
    }
}

调整DIF和修改的值调整容易为大多数情况下,持续时间/水平。



Answer 5:

在.h文件中,声明这个计时器,

NSTimer *Timer;

将这个计时器的代码,

  [CollectionView reloadData];
  Timer = [NSTimer scheduledTimerWithTimeInterval:3 target:self selector:@selector(AutoScroll) userInfo:nil repeats:YES];

然后,

#pragma mark- Auto scroll image collectionview
-(void)AutoScroll
{
    if (i<[Array count])
    {
        NSIndexPath *IndexPath = [NSIndexPath indexPathForRow:i inSection:0];
        [self.ImageCollectionView scrollToItemAtIndexPath:IndexPath
            atScrollPosition:UICollectionViewScrollPositionRight animated:NO];
        i++;
        if (i==[Array count])
        {
            i=0;
        }
    }
}

希望能对大家有用。



文章来源: Creating slow scrolling to indexPath in UICollectionView