UIScrollView Paging selber machen

  • UIScrollView Paging selber machen

    Hi,

    ich probiere das Paging der UIScrollView selber zu programmieren. Erstmal zu dem Problem, vielleicht hat ja einer eine bessere Idee.

    Ich habe mehrere Views in einer ScrollView. Die Scrollview geht über die gesamte Breite des iPads. Nun will ich aber beim durchblättern, das er beim Paging immer nur eine View weiter geht und die anderen rechts und links aber noch anzeigt. Das geht ja nach dem was ich weiß nicht, da Paging immer über die ganze Breite oder Höhe gehen muss.

    Also dachte ich mir ich programmiere mir das Paging selber, mit der ganzen Delegate von UIScrollView.

    PHP-Quellcode

    1. -(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
    2. scrollStart = scrollView.contentOffset.x;
    3. NSLog(@"xStart:%i",scrollStart);
    4. }- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset{
    5. scrollEnd = scrollView.contentOffset.x;
    6. NSLog(@"xEnd:%i",scrollEnd);
    7. }
    8. - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
    9. if (scrollStart < scrollEnd) {
    10. scrollStart = scrollStart+321;
    11. [scrollView setContentOffset:CGPointMake(scrollStart,scrollView.contentOffset.y) animated:YES];
    12. NSLog(@"Neuer - Start:%i",scrollStart);
    13. }
    14. else {
    15. scrollStart = scrollStart-321;
    16. if (scrollStart < 0) {
    17. scrollStart = 0;
    18. }
    19. [scrollView setContentOffset:CGPointMake(scrollStart,scrollView.contentOffset.y)animated:YES];
    20. NSLog(@"Neuer - Start:%i",scrollStart);
    21. }
    22. }
    Alles anzeigen



    Die Idee war es mit scrollViewWillBeginDrgging, den start Punkt zu speichern, mit scrollViewEndDragging den Endpunkt zu speichern und in scrollViewDidEndDrgging, dann mit setContenOffset, nach rechts oder links immer nur ein kleines Stück (321 Pixel / eine Viewbreite) weiter zu scrollen. Leider funktioniert das so nicht, manchmal geht es manchmal nicht. Über die Konsole lasse ich mir immer die Start und Endpunkte angeben, so wie es aussieht führt er die setContentOffset nicht richtig aus.

    Hat einer eine Idee oder sieht etwas was ich falsch mache?

    Schon mal Danke.

    Gruß
    Cabaalo

  • Wenn das Dragging zu Ende ist, verlangsamt der Scrollview das scrollen. D. h. er ist mit der Bewegung nur nicht fertig. Wahrschlich kollidiert diese Animation mit Deinem Setzen des Content-Offsets. In die Animationen des Scrollviews einzugreifen ist eine recht knifflige Angelegenheit und führt häufig zu mäßigen Ergebnissen. Wahrscheinlich lässt sich das Ganze mit einem eigenen View einfacher umsetzen.
    „Meine Komplikation hatte eine Komplikation.“

  • @MCDan das funktioniert leider nicht, das ist zwar generell interessant, aber es überdeckt ja immer die Views Rechts und Links. Ich will ja gerade das die auch angezeigt werden.

    Was ich mir jetzt überlegt habe, ich könnte ja auch einfach 3 ScrollViews neben einander bauen und bei allen Paging aktivieren. Wenn ich dann eine bewege, müssen die anderen beiden sich dem entsprechen einfach auch bewegen. Soviel zu Theorie.... schon am Ansatz scheitert es leider.

    Ich habe alle 3 ScrollViews im Code erstellt.

    PHP-Quellcode

    1. swDynamicSalesKitViewLeft = [[UIScrollView alloc]initWithFrame:CGRectMake(15, 283, 321, 465)];
    2. [swDynamicSalesKitViewLeft setScrollEnabled:YES];
    3. [swDynamicSalesKitViewLeft setAlwaysBounceHorizontal:YES];
    4. [swDynamicSalesKitViewLeft setAlwaysBounceVertical:NO];
    5. swDynamicSalesKitViewLeft.showsHorizontalScrollIndicator = NO;
    6. swDynamicSalesKitViewLeft.pagingEnabled = YES;
    7. swDynamicSalesKitViewLeft.delegate = self;
    8. swDynamicSalesKitViewLeft.backgroundColor = [UIColor blackColor];
    9. [self.view addSubview:swDynamicSalesKitViewLeft];
    11. swDynamicSalesKitViewCenter = [[UIScrollView alloc]initWithFrame:CGRectMake(351, 283, 321, 465)];
    12. [swDynamicSalesKitViewCenter setScrollEnabled:YES];
    13. [swDynamicSalesKitViewCenter setAlwaysBounceHorizontal:YES];
    14. [swDynamicSalesKitViewCenter setAlwaysBounceVertical:NO];
    15. swDynamicSalesKitViewCenter.showsHorizontalScrollIndicator = NO;
    16. swDynamicSalesKitViewCenter.pagingEnabled = YES;
    17. swDynamicSalesKitViewCenter.delegate = self;
    18. swDynamicSalesKitViewCenter.backgroundColor = [UIColor redColor];
    19. [self.view addSubview:swDynamicSalesKitViewCenter];
    21. swDynamicSalesKitViewRight = [[UIScrollView alloc]initWithFrame:CGRectMake(687, 283, 321, 465)];
    22. [swDynamicSalesKitViewRight setScrollEnabled:YES];
    23. [swDynamicSalesKitViewRight setAlwaysBounceHorizontal:YES];
    24. [swDynamicSalesKitViewRight setAlwaysBounceVertical:NO];
    25. swDynamicSalesKitViewRight.showsHorizontalScrollIndicator = NO;
    26. swDynamicSalesKitViewRight.pagingEnabled = YES;
    27. swDynamicSalesKitViewRight.delegate = self;
    28. swDynamicSalesKitViewRight.backgroundColor = [UIColor yellowColor];
    29. [self.view addSubview:swDynamicSalesKitViewRight];
    Alles anzeigen



    Das funktioniert so weit schon mal. (Die Einfärbung ist nur das ich sehen kann wo welche ist.)

    Nun will ich die alle einfach mit Views adden.

    PHP-Quellcode

    1. for (int i=0; i<[skList count]+2; i++) {
    2. UIView *uivSalesKit = [[UIView alloc]initWithFrame:CGRectMake(distanceFromX+(321*i), 45, 300, 400)];
    3. if (i == 0 || i == [skList count]+1) {
    5. }
    6. else {
    7. UILabel *lblTitle = [[UILabel alloc]initWithFrame:CGRectMake(48, 36, 173, 63)];
    8. lblTitle.numberOfLines = 2;
    9. lblTitle.textAlignment = UITextAlignmentLeft;
    10. lblTitle.backgroundColor = [UIColor clearColor];
    11. lblTitle.textColor = [UIColor whiteColor];
    12. lblTitle.font = [UIFont fontWithName:@"Helvetica" size:29];
    13. lblTitle.text = [skList objectAtIndex:i-1];
    14. [uivSalesKit addSubview:lblTitle];
    15. lblTitle = nil;
    16. }
    18. [swDynamicSalesKitViewLeft addSubview:uivSalesKit];
    19. [swDynamicSalesKitViewCenter addSubview:uivSalesKit];
    20. [swDynamicSalesKitViewRight addSubview:uivSalesKit];
    21. }
    Alles anzeigen



    Um den Code bisschen zu berkürzen adde ich nur ein Label in die View. Nun adde ich die View in den 3 ScrollViews. Er zeigt aber immer nur in der letzten ScrollView die Views an. Das verstehe ich allerdings nicht gnz.