Erstellen langsame scrollen zu indexPath in UICollectionView

Arbeite ich an einem Projekt, wo ich mit einem UICollectionView auf, ein "Bild-ticker", wo ich Werbung für eine Reihe von logos. Der collectionView ist ein Element hohe und zwölf Elemente lang, und zeigt zwei zu drei items gleichzeitig (je nach Größe des logos sichtbar).

Ich würde gerne einen langsamen automatischen Bildlauf-animation aus dem ersten Element zum letzten, und dann wiederholen.

Hat jemand in der Lage gewesen, diese Arbeit zu machen? Ich kann das scrollen funktioniert mit

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

Aber das ist viel zu schnell!!

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

Dieser liefert dann die gewünschte Scroll-Geschwindigkeit, sondern nur die letzten paar Zellen sichtbar sind in der Serie. Ich vermute, Sie (und auch die Start-sichtbare Zellen) werden aus der Warteschlange entfernt werden sofort.

Irgendwelche Gedanken?

InformationsquelleAutor der Frage Chris | 2012-10-22

Können Sie versuchen, diesen Ansatz:

@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);
}

InformationsquelleAutor der Antwort Masa

Verwende ich eine "1-pixel-offset" trick. Beim scrollen programmgesteuert, setzen Sie einfach das Ende contentOffset.x auf 1 pixel mehr/weniger, als es sollte. Sollte dies nicht wahrnehmbar. Und in die Vollendung-block legen Sie es auf den tatsächlichen Wert. So können Sie vermeiden, den die vorzeitige Zelle entfernen-problem und bekommen smooth-scrolling-animation 😉

Hier ist ein Beispiel-scrollen auf der rechten Seite (z.B. von Seite 1 auf 2). Beachten Sie, dass in der animations: block ich eigentlich Schriftrollen ein pixel weniger (pageWidth * nextPage - 1). Ich dann wieder den richtigen Wert im completion: block.

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)];
                 }];

InformationsquelleAutor der Antwort Hlung

8

Hätte man auch ein "langsames" scrollen Sie an das Ende Sie UICollectionView ohne ein "springen" von indexpath zu indexpath. Ich habe dies schnell für eine Sammlung den Blick auf eine TVOS app:
```
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()
    }
}
```
Ich rufen Sie einfach die autoScroll() im viewDidLoad() und der rest kümmert Sie sich. Die Geschwindigkeit des Blätterns wird entschieden, die animation Zeit der UIView. Man könnte (ich habe nicht versucht) fügen Sie einen NSTimer mit 0 Sekunden statt, so dass Sie für ungültig erklären kann, die es auf userscroll.

InformationsquelleAutor der Antwort Paul Peelen

Für jemand anderes finden, ich habe aktualisiert Masa ' s Vorschlag, die Arbeit an Swift und ich eingeführt haben, ein wenig zu erleichtern, zum Ende hin so wirkt es mehr wie das original scrollItemsToIndexPath animiert nennen. Ich habe Hunderte von Artikeln aus meiner Sicht ein gleichmäßiges Tempo war nicht eine option für mich.

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

Optimieren der Werte von dif-und modifier passt die Dauer/Pegel der wohl für die meisten Situationen.

InformationsquelleAutor der Antwort Allan Weir

In .h-Datei,
deklarieren Sie diese timer,

NSTimer *Timer;

Ort dieser timer-code,

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

dann,

#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;
        }
    }
}

Hoffe, es wird nützlich sein.

InformationsquelleAutor der Antwort Ramdhas

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.