How do I prevent images from being stretched in scrollview

Question

AspectFill doesn't work so well with ScrollView.

This is my code

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    CGFloat pageWidth = self.scrollView.bounds.size.width;
    int page = floor((self.scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1;
    self.pageCount= page;
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(self.scrollView.frame.size.width * self.pageCount, 0, self.scrollView.frame.size.width, self.scrollView.frame.size.height)];
    [imageView setImageWithURL:[self.urlArray objectAtIndex:self.pageCount] placeholderImage:[UIImage imageNamed:@"placeholder.png"]];
    [imageView setContentMode:UIViewContentModeRedraw];
    [self.scrollView addSubview:imageView];

}

You can draw the image on the view and add the view as sub view of scrollview — Venk, Mar 06 '13 at 08:19

score 2 · Answer 1 · answered Mar 06 '13 at 07:49

2

Add this:

[scrollView setContentMode:UIViewContentModeScaleAspectFit];
[imageView sizeToFit];

Should work :-)

answered Mar 06 '13 at 07:49

DD_

7,401
11
37
61

Made some images really small and in some cases one could see multiples of the same image on the scrollview – user1898829 Mar 06 '13 at 12:32
your images may be of different sizes! maintain a common size ratio for all the entries in scrollview – DD_ Mar 06 '13 at 12:34
I'm getting the photos from flickr so I need to somehow resize them without stretching them. – user1898829 Mar 08 '13 at 07:15
Resizing is quite simple, you can use a common method and pass each of your image before adding to the scrollviewarray, see this [method](http://stackoverflow.com/a/4712537/1756131) – DD_ Mar 08 '13 at 07:25

score 0 · Answer 2 · answered Mar 06 '13 at 08:09

0

I believe your scroll view has autoresizesSubviews enabled, disable it and your images will appear (and the default view mode for images should be just fine)

answered Mar 06 '13 at 08:09

Ege Akpinar

3,216
21
29

score 0 · Answer 3 · edited Mar 06 '13 at 08:45

0

Set scrollview contentmode aspectfill.

edited Mar 06 '13 at 08:45

Girish

4,692
4
34
54

answered Mar 06 '13 at 08:12

Monish Bansal

499
3
15

How do I prevent images from being stretched in scrollview

3 Answers3