iOS Help With UIScrollView

[ahan.tm]

Hi,

I am trying to display multiple images in a UIScrollView using the following code:

    [self.view addSubview:jarView];

    NSMutableArray *imagesArray = [[NSMutableArray alloc] init];
    for (int i=0; i<10; ++i) {
        UIImageView *imgView = [[UIImageView alloc] init];
            
                
                imgView.image = [UIImage imageNamed:@"Aqua_Transparent"];
       
                
        imgView.frame = CGRectMake(160, 380, 25, 25);
        [self.jarView addSubview:imgView];
        [imagesArray addObject:imgView];
        

        [imgView release];
    }

The problem is, it does not work. . . Am I doing something wrong?

Thanks for all your responses

 

[cthesky]

Hi,

I am trying to display multiple images in a UIScrollView using the following code:

    [self.view addSubview:jarView];

    NSMutableArray *imagesArray = [[NSMutableArray alloc] init];
    for (int i=0; i<10; ++i) {
        UIImageView *imgView = [[UIImageView alloc] init];
            
                
                imgView.image = [UIImage imageNamed:@"Aqua_Transparent"];
       
                
        imgView.frame = CGRectMake(160, 380, 25, 25);
        [self.jarView addSubview:imgView];
        [imagesArray addObject:imgView];
        

        [imgView release];
    }

The problem is, it does not work. . . Am I doing something wrong?

Thanks for all your responses

So, what is the output of your code? Is it display 1 image only or display nothing?

 

[ahan.tm]

So, what is the output of your code? Is it display 1 image only or display nothing?

It displays nothing . . .

 

[cthesky]

It displays nothing . . .

ok. Can I know how you define your Scroll View (Jar View)?

 

[ahan.tm]

ok. Can I know how you define your Scroll View (Jar View)?

I define it in Interface Builder.

 

[cthesky]

I define it in Interface Builder.

ok. So, you connect it using IBOutlet right? If yes, I think you no need have this line of code "[self.view addSubview:jarView];". But this is not the root cause of your problem. I think you may no define you scroll view correctly.

 

[ahan.tm]

ok. So, you connect it using IBOutlet right? If yes, I think you no need have this line of code "[self.view addSubview:jarView];". But this is not the root cause of your problem. I think you may no define you scroll view correctly.

I already have that line of code. Is there any specific way to define a scroll view?

I have:

    IBOutlet UIScrollView *jarView;

@property(nonatomic, retain) IBOutlet UIScrollView *jarView;

@synthesize jarView;

 

[cthesky]

I already have that line of code. Is there any specific way to define a scroll view?

I have:

    IBOutlet UIScrollView *jarView;

@property(nonatomic, retain) IBOutlet UIScrollView *jarView;

@synthesize jarView;

Do you connect the jar view with the scroll view in interface builder?

----------

Do you connect the jar view with the scroll view in interface builder?

or you try code below which is define scroll view programmatically.

//Define a scroll view.
    UIScrollView * jarView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
    
    NSMutableArray *imagesArray = [[NSMutableArray alloc] init];
    
    //Set the initial coordinate-y of your image.
    float img_coordinate_y = 380;
    
    for (int i=0; i<10; ++i) {
        
        UIImageView *imgView = [[UIImageView alloc] init];
        
        imgView.image = [UIImage imageNamed:@"Aqua_Transparent"];
                
        imgView.frame = CGRectMake(160, img_coordinate_y, 25, 25);
        [jarView addSubview:imgView];
        [imagesArray addObject:imgView];
        
        [imgView release];
        
        //You must dynamically set the coordinate-y of your image since you need display multiple images in 1 scroll view. If not, it just show only one image at one fixed position.
        img_coordinate_y = img_coordinate_y + imgView.frame.size.height + 20;
    }
    
    [self.view addSubview:jarView];
    
    //You must set the needed content size of scroll view so you can scroll the scroll view.
    jarView.contentSize = CGSizeMake(320, img_coordinate_y);

This code should be work. Hope you get it.

 

[ahan.tm]

Do you connect the jar view with the scroll view in interface builder?

----------



or you try code below which is define scroll view programmatically.

//Define a scroll view.
    UIScrollView * jarView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
    
    NSMutableArray *imagesArray = [[NSMutableArray alloc] init];
    
    //Set the initial coordinate-y of your image.
    float img_coordinate_y = 380;
    
    for (int i=0; i<10; ++i) {
        
        UIImageView *imgView = [[UIImageView alloc] init];
        
        imgView.image = [UIImage imageNamed:@"Aqua_Transparent"];
                
        imgView.frame = CGRectMake(160, img_coordinate_y, 25, 25);
        [jarView addSubview:imgView];
        [imagesArray addObject:imgView];
        
        [imgView release];
        
        //You must dynamically set the coordinate-y of your image since you need display multiple images in 1 scroll view. If not, it just show only one image at one fixed position.
        img_coordinate_y = img_coordinate_y + imgView.frame.size.height + 20;
    }
    
    [self.view addSubview:jarView];
    
    //You must set the needed content size of scroll view so you can scroll the scroll view.
    jarView.contentSize = CGSizeMake(320, img_coordinate_y);

This code should be work. Hope you get it.

It does not work. . . Also, The image code is in a loop, so there are multiple images, not just one.

Thanks For Your Post

 

[cthesky]

It does not work. . . Also, The image code is in a loop, so there are multiple images, not just one.

Thanks For Your Post

Welcome. Can I know what image format you used? Because the above code is worked in my project.

 

[ahan.tm]

Welcome. Can I know what image format you used? Because the above code is worked in my project.

The images are .png(s).

 

[cthesky]

The images are .png(s).

ok. It should be work because it is work in my project ... or can you try copy paste the code I gave you into a new view application project (try copy paste into ViewDidLoad method).