58同城引导页动画

效果演示：

1.布局，添加素材

2.实现代码：

//
//  ViewController.m


#import "ViewController.h"

@interface ViewController () <UIScrollViewDelegate>

@property (weak, nonatomic) IBOutlet UIImageView *sunView;

@property (weak, nonatomic) IBOutlet UIImageView *personView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //scrollView
    UIImage *bgImage = [UIImage imageNamed:@"520_userguid_bg"];
    UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
    scrollView.contentSize = bgImage.size;
    scrollView.delegate = self;
    
    // 设置scrollView的减速比率
    scrollView.decelerationRate = 0.5;
    
    // scrollView插入到最下面
    [self.view insertSubview:scrollView atIndex:0];
    
    // bg
    UIImageView *bg = [[UIImageView alloc] initWithImage:bgImage];
    CGRect rect = bg.frame;
    rect.size.height = self.view.bounds.size.height;
    bg.frame = rect;
    [scrollView addSubview:bg];
}

#pragma mark - UIScrollViewDelegate

/**
 *  scrollView一滚动就会调用
 */
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    // 获取偏移量
    CGFloat offsetX = scrollView.contentOffset.x;
    int intOffsetX = (int)offsetX;
    
    // 切换人物图片
    NSString *imageName = [NSString stringWithFormat:@"520_userguid_person_taitou_%d",(intOffsetX % 2 + 1)];
    UIImage *image = [UIImage imageNamed:imageName];
    _personView.image = image;
    
    // 旋转太阳
    _sunView.transform = CGAffineTransformRotate(_sunView.transform, 5 / 180.0 * M_PI);
}

@end