码迷,mamicode.com
首页 > 移动开发 > 详细

IOSAPP之新手引导

时间:2016-01-11 22:20:28      阅读:348      评论:0      收藏:0      [点我收藏+]

标签:ios   源码   新手引导   

1.在Main.storyboard中找到,ScrollView和PageControl。
2.在ScrollView中添加ImageView,新手引导页有几个图片就添加几个,然后设置ImageView的image,就是准备好的图片。
3.要设置好ScrollViewscroll View中的Left和View中的Width,使其等于图片的大小,还有就是图片大小的起始位置,第一张为(0,0),第二张的起始位置应该是(屏幕的宽度,0),以此类推。
4.添加PageControl,这个的起始位置要手动的设置。
5.设置同步
//设置UIPageControl跟随UIScrollView的变化而变化
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    _pc1.currentPage = scrollView.contentOffset.x / 424;
}
//要使UIScrollView跟随UIPageControl变化的话,必须加监听,要写一个方法
-(void)changeScrollView:(UIPageControl *)uip1
{
     [_sv1 setContentOffset:CGPointMake(424 * uip1.currentPage, 0) animated:YES];
}

源码:

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIScrollView *sv1;
@property (weak, nonatomic) IBOutlet UIPageControl *pc1;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //必须手动设置内容视图的大小
    _sv1.contentSize = CGSizeMake(424*3,736);
    //是否分页
    _sv1.pagingEnabled = YES;
    //滚动时是否显示水平滚动条
    _sv1.showsHorizontalScrollIndicator = NO;
    //滚动时是否显示垂直滚动条
    _sv1.showsVerticalScrollIndicator=NO;
    //为了设置UIPageControl,要用到代理方法判断是否移动
    _sv1.delegate = self;
    //要使UIScrollView跟随UIPageControl变化的话,必须加监听,要写一个方法
    [_pc1 addTarget:self action:@selector(changeScrollView:) forControlEvents: UIControlEventTouchUpInside];
}
//设置UIPageControl跟随UIScrollView的变化而变化
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    _pc1.currentPage = scrollView.contentOffset.x / 424;
}
//要使UIScrollView跟随UIPageControl变化的话,必须加监听,要写一个方法
-(void)changeScrollView:(UIPageControl *)uip1
{
     [_sv1 setContentOffset:CGPointMake(424 * uip1.currentPage, 0) animated:YES];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end


本文出自 “红角羚羊” 博客,请务必保留此出处http://2254359459.blog.51cto.com/10776102/1733929

IOSAPP之新手引导

标签:ios   源码   新手引导   

原文地址:http://2254359459.blog.51cto.com/10776102/1733929

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!