iOS App引导页开发教程

2020-01-18 16:15:39王冬梅

引导页功能简介

方式一:
判断程序是否首次启动,如果是将GuidePageViewController作为窗口的根视图控制器。GuidePageViewController有三个子控件:一个UIScrollView、一个UIPageControl、一个UIButton(默认隐藏),UIScrollView有多个UIImageView子控件,当滚动到最后一页UIButton展示,点击立即体验然后将窗口的根视图控制器设置为UITabBarController;

方式二:
也可以直接将根视图控制器设置为UITabBarController, 然后在第一个导航控制器的视图上展示引导页视图,当点击立即体验再将引导页视图隐藏掉即可。

示例代码


@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
 // 首次启动应用程序时进入到引导页页面(暂时没有判断,可通过NSUserDefault实现)
 self.window.rootViewController = [[GuidePageViewController alloc] init];
 return YES;
}
@end

引导页视图控制器GuidePageViewController

 


#import "GuidePageViewController.h"
#import "ViewController.h"

#define kScreenWidth ([UIScreen mainScreen].bounds.size.width)
#define kScreenHeight ([UIScreen mainScreen].bounds.size.height)
#define kGuidePageCount 4

@interface GuidePageViewController () <UIScrollViewDelegate>
@property (weak, nonatomic) UIPageControl *pageControl;
@property (weak, nonatomic) UIButton *startAppButton;
@end

@implementation GuidePageViewController

- (void)viewDidLoad {
 [super viewDidLoad];

 // UIScrollView
 UIScrollView *guidePageScrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight)];
 guidePageScrollView.contentSize = CGSizeMake(kScreenWidth * kGuidePageCount, 0);
 guidePageScrollView.showsHorizontalScrollIndicator = NO;
 guidePageScrollView.pagingEnabled = YES;
 guidePageScrollView.bounces = NO;
 guidePageScrollView.delegate = self;
 for (int i = 0; i < kGuidePageCount; i++) {
  UIImageView *guideImageView = [[UIImageView alloc] initWithFrame:CGRectMake(kScreenWidth * i, 0, kScreenWidth, kScreenHeight)];
  guideImageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"guide-page-%d", i + 1]];
  [guidePageScrollView addSubview:guideImageView];
 }
 [self.view addSubview:guidePageScrollView];

 // UIPageControl(分页)
 UIPageControl *pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake((kScreenWidth - 100) / 2, kScreenHeight- 50, 100, 30)];
 pageControl.numberOfPages = kGuidePageCount;
 pageControl.currentPage = 0;
 pageControl.currentPageIndicatorTintColor = [UIColor greenColor];
 [self.view addSubview:pageControl];
 self.pageControl = pageControl;

 // UIButton(立即体验)
 UIButton *startAppButton = [UIButton buttonWithType:UIButtonTypeCustom];
 startAppButton.frame = CGRectMake((kScreenWidth - 100) / 2, 550, 100, 40);
 [startAppButton setTitle:@"立即体验" forState:UIControlStateNormal];
 startAppButton.backgroundColor = [UIColor grayColor];
 [startAppButton addTarget:self action:@selector(startAppAction) forControlEvents:UIControlEventTouchUpInside];
 startAppButton.hidden = YES;
 [self.view addSubview:startAppButton];
 _startAppButton = startAppButton;
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
 NSInteger currentPage = scrollView.contentOffset.x / kScreenWidth;
 self.pageControl.currentPage = currentPage;
 if (currentPage == (kGuidePageCount - 1)) {
  self.startAppButton.hidden = NO;
 }
}

- (void)startAppAction {
 // 根视图控制器一般是UITabBarController,这里简单实现
 [UIApplication sharedApplication].keyWindow.rootViewController = [[ViewController alloc] init];
}
@end