Cómo implementar un Scroll en iOS | Guía completa

1@synthesize scrollView;

1#import <UIKit/UIKit.h>
2
3@interface ViewController : UIViewController <UIScrollViewDelegate>
4
5@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
6
7@end

Descubre la formación a tu medida

Rellena el formulario para obtener más información sobre los cursos.

Nombre *

Email corporativo *

Consulta

Usaremos los datos personales recopilados a través de este formulario en línea para informarte de las últimas novedades sobre nuestros cursos. Para obtener más información, consulta nuestra política de privacidad.

Solicita información

1int y = 0;
2
3for (int i = 1; i < 10; i++) {
4    // Creamos la vista que contendrá y limitará la imagen
5    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, y, self.view.frame.size.width, 100)];
6    
7    // Es importante esta propiedad para evitar que las imágenes se vean fuera de los límites de la vista al desplazar
8    view.clipsToBounds = YES;
9    
10    // Creamos la imagen
11    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"Image%d.png", i % 3 + 1]]];
12    
13    // Asignamos el frame para que la imagen esté ligeramente subida y se vea correctamente al desplazar
14    imageView.frame = CGRectMake(0, -20, imageView.frame.size.width, imageView.frame.size.height);
15    
16    // Añadimos la imagen a la vista
17    [view addSubview:imageView];
18    
19    // Añadimos la vista al scroll
20    [self.scrollView addSubview:view];
21    
22    // Aumentamos el valor de y para que la siguiente vista aparezca por debajo de la anterior
23    y += view.frame.size.height + 5;
24}
25
26// Ajustamos el alto del contenido del scroll
27[self.scrollView setContentSize:CGSizeMake(self.scrollView.contentSize.width, y)];
28
29// Almacenamos el offset inicial
30lastOffset = self.scrollView.contentOffset;

Observa que hay una variable que no se ha declarado, la variable lastOffset. Por lo tanto, debemos declararla en la cabecera del archivo (.h):

1#import <UIKit/UIKit.h>
2
3@interface ViewController : UIViewController {
4    CGPoint lastOffset;
5}
6
7@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
8
9@end

1(void)scrollViewDidScroll:(UIScrollView *)_scrollView {
2    // Calculamos la diferencia entre el offset anterior y el actual
3    float difference = lastOffset.y - _scrollView.contentOffset.y;
4    
5    // Ajustamos la diferencia para evitar un desplazamiento excesivo de las imágenes
6    difference = difference / 10;
7    
8    // Recorremos las vistas contenidas por el scroll
9    for (UIView *subviewIterator in _scrollView.subviews) {
10        // Recorremos las imágenes contenidas en las vistas
11        for (UIImageView *imageViewIterator in subviewIterator.subviews) {
12            // Trasladamos la imagen según la diferencia del offset anterior y el actual
13            imageViewIterator.transform = CGAffineTransformMakeTranslation(0, difference);
14        }
15    }
16}