How to add multiple UIImageViews to paging UIScrollView?

Question

I have a UIScrollView with paging enabled with multiple subviews on the page: a UIButton, UIwebview and UIImageView. Both the webview and the image change on every page. This works fine. I used Apples scrolling image paging example to get me started. But when I add a second UIImageView, the position of image I have in place already gets the new values and the new image doesn't display. This is the code inside viewdidload for the first image (works fine): ``` // load all the images from our bundle and add them to the scroll view for (i = 1; i <= kNumImages; i++) { NSString *imageName = [NSString stringWithFormat:@"image%d.jpg", i]; UIImage *image2 = [UIImage imageNamed:imageName]; UIImageView *imageView2 = [[UIImageView alloc] initWithImage:image2]; // setup each frame to a default height and width, it will be properly placed when we call "updateScrollList" CGRect rect = imageView2.frame; rect.size.height = imageviewScrollObjHeight; rect.size.width = imageviewScrollObjWidth; // Get the…

Accepted Answer

The way to do this is to make one (big) UIView and add every UIImageView as a subview of that UIView. And then add the UIView as a subview to UIScrollView.

```
[totalView addSubview:imageView1];
[totalView addSubview:imageView2;
[totalView addSubview:buttonView1];
[totalView addSubview:buttonView2];
[totalView addSubview:webView];

[scrollView addSubview:totalView];
```

Be sure to set the right content size or scrollview wont work:

```
[scrollView setContentSize:CGSizeMake((320*kNumImages), 411)];
```

Setup views and tag the UIView (inside viewdidload):

```
NSUInteger i;
for (i = 1; i <= kNumImages; i++)
   {
      //... code to setup views
      totalView.tag = i;
   }
[self layoutViews]; // now place the views in serial layout within the scrollview
```

Then to layout the view on every page:

```
- (void)layoutViews
{
UIView *view = nil;
NSArray *subviews = [scrollView subviews];

// reposition all image subviews in a horizontal serial fashion
CGFloat curXLoc = 0;
for (view in subviews)
{
    if ([view isKindOfClass:[UIView class]] && view.tag > 0)
    {
        CGRect frame = view.frame;
        frame.origin = CGPointMake(curXLoc, 0);
        view.frame = frame;

curXLoc += (kScrollObjWidth);
    }
}
}
```

I hope this is as clear as possible. If anyone thinks this is not the right way to do it please comment.

How to add multiple UIImageViews to paging UIScrollView?

Solution

Problem