ios - UIpagecontrol 需要动画从右到左

Question

在我的应用程序中使用 UIControlpage。加载图像并成功显示在页面控件中。但我想显示图像动画，如从右到左移动。使用定时器调用页面控件并增加数组计数。

////使用 NSTimer 调用函数显示动画。

[NSTimer scheduledTimerWithTimeInterval:5.0
                                     target:self
                                   selector:@selector(loadNextController)
                                   userInfo:nil
                                    repeats:YES];

ScrollViewPage = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 20, frameX, frameY)];
ScrollViewPage.pagingEnabled = YES;
ScrollViewPage.backgroundColor=[UIColor redColor];
ScrollViewPage.delegate = self;
ScrollViewPage.backgroundColor = [UIColor clearColor];
ScrollViewPage.contentSize = CGSizeMake(frameX, frameY);
ScrollViewPage.showsHorizontalScrollIndicator = NO;


ScrollViewPage.pagingEnabled = YES;
pageControl = [[UIPageControl alloc] init];
pageControl.frame = CGRectMake(100,self.view.frame.size.height-100,self.view.frame.size.width-200,100);
pageControl.numberOfPages = [_pageImages count];
pageControl.currentPage = 0;

[self.view addSubview: ScrollViewPage];

for(int i = 0; i < [_pageImages count]; i++)
    {

        NSURL *url = [NSURL URLWithString:[_pageImages objectAtIndex:i]];
        NSData *data = [[NSData alloc] initWithContentsOfURL:url];
        UIImage *tmpImage = [UIImage imageWithData:data];
        _backgroundImageView = [[UIImageView alloc] initWithImage:tmpImage];
         _backgroundImageView.frame = CGRectMake(frameX * i, 0.0, frameX, frameY);
        [ScrollViewPage addSubview:_backgroundImageView];


    }

ScrollViewPage.contentSize = CGSizeMake(frameX*[_pageImages count], frameY);
pageControl.backgroundColor=[UIColor orangeColor];
[self.view addSubview:pageControl];
[pageControl addTarget:self action:@selector(pageTurn:) forControlEvents:UIControlEventValueChanged];

/////这里调用定时器函数

- (void)loadNextController
{
     pageControl.currentPage = (pageControl.currentPage+1)%self.pageImages.count;
     ScrollViewPage.contentOffset = CGPointMake(pageControl.currentPage * self.view.bounds.size.width, 0);
}

这里我需要在 uipagecontrol 中显示从左到右的移动。帮帮我..

Answer 1

一般来说，你应该总是写下你目前的结果是什么，预期的结果是什么以及你尝试了什么。

我只能猜测您面临的问题是没有动画。 ScrollView 有一个方法 setContentOffset:animated ，你可以用它来动画转换。另一种方法是使用 UIView animateWithDuration 并在方法 block 中设置偏移量。

尝试其中任何一个或两者...

[ScrollViewPage setContentOffset:CGPointMake(pageControl.currentPage * self.view.bounds.size.width, 0) animated:YES];

或者

[UIView animateWithDuration:0.2 animations:^{
        ScrollViewPage.contentOffset = CGPointMake(pageControl.currentPage * self.view.bounds.size.width, 0);
}];

编辑:循环图像。

要循环播放图片，您当时真的只需要 ScrollView 上的 2 张图片。我将向您展示 3 的概念，您可以尝试使用它。

NSArray *allImages;
NSInteger currentIndex = 0;
UIScrollView *scrollView;
UIImageView *imageViews[3];

- (void)begin {

    scrollView.contentSize = CGSizeMake(scrollView.frame.size.width*3.0, scrollView.frame.size.height); // always have 3 images at the time
    scrollView.contentOffset = CGPointMake(scrollView.frame.size.width, 0.0); // put to center

    for(int i=0; i<3; i++) {
        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(scrollView.frame.size.width*i, 0.0, scrollView.frame.size.width, scrollView.frame.size.height)];
        [scrollView addSubview:imageView];
        imageView[i] = imageView;
    }
    [self layoutForIndex:currentIndex];
}
- (void)nextImage {
    currentIndex++;
    [self layoutForIndex:currentIndex];

    scrollView.contentOffset = CGPointZero;
    [scrollView setContentOffset:CGPointMake(scrollView.frame.size.width, 0.0) animated:YES]
}

- (void)layoutForIndex:(NSInteger)index {
    if(allImages.count > 0) { // we need at least one image to do something
        for(int i=0; i<3; i++) {
            // do the circling
            NSInteger imageIndex = index-1+i;
            while(imageIndex < 0) imageIndex+=allImages.count;
            while(imageIndex >= allImages.count) imageIndex-=allImages.count;

            imageViews[i].image = imageViews[imageIndex];
        }
    }
}

但一般来说，对于您正在做的事情，您甚至不需要 ScrollView 。接下来，您可以简单地在当前 ImageView 旁边添加另一个 ImageView ，然后使用 UIView 动画重新定位这两个 ImageView 。