58同城引导页动画

来源：互联网发布：西安交通大学网络缴费编辑：程序博客网时间：2024/04/29 08:19

效果演示：

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

0 0