Swift - 启动时的向导页（新手引导）的制作

在很多iOS产品或者一些应用版本的升级中，新手指导都是一个常用的功能，通过说明页的左右滑动，可以很清晰的展示系统的一些功能特性。制作思路如下：

1，如何检测应用是第一次登陆启动

我们可以使用NSUserDefaults类来解决这个问题。其特点是不会因应用的关闭、系统的重启而丢失。所以可以用来标记是否启动过。

2，新手引导视图控制器我们使用UIScrollView

比如我们设置了一套新手引导图共三张，都添加到UIScrollView里，这时UIScrollView的内容宽度是3倍于照片或者屏幕的宽度。

3，为适应不同分辨率，需要设计几套不同尺寸的图

iOS图片资源的命名规则是：basename + screen size modifier + urischeme + orientation + scale + device + .ext

basename：文件名

screen size modifier：屏幕尺寸修饰符（iPhone5出现后才有，如 -568h）

urischeme：标识URI方案的字符串（一般情况不需要关心）

orientation：屏幕方向（横屏为-Landscape，竖屏为-Portrait）

scale：缩放尺寸（普通屏不需要，Retina屏为@2x，iPhone6后多了个@3x）

device：设备类型（~ipad表示供iPad使用）

.ext：文件扩展名（可以是png或其他格式）

尽管文件很复杂，但调用却很简单，只要写上basename.ext即可。

4，效果图如下：

   

5，文件结构如下：

 

6，入口类：AppDelegate.swift

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

import UIKit   @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate {           var window: UIWindow?           func application(application: UIApplication,         didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {         // Override point for customization after application launch.         //增加标识，用于判断是否是第一次启动应用...         if (!(NSUserDefaults.standardUserDefaults().boolForKey("everLaunched"))) {             NSUserDefaults.standardUserDefaults().setBool(true, forKey:"everLaunched")             var  guideViewController = GuideViewController()             self.window!.rootViewController=guideViewController;             println("guideview launched!")         }         return true     }           func applicationWillResignActive(application: UIApplication) {     }           func applicationDidEnterBackground(application: UIApplication) {     }           func applicationWillEnterForeground(application: UIApplication) {     }           func applicationDidBecomeActive(application: UIApplication) {     }           func applicationWillTerminate(application: UIApplication) {     } }

7，向导页面：GuideViewController.swift

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46

import UIKit   class GuideViewController:UIViewController,UIScrollViewDelegate {     var numOfPages = 3           override func viewDidLoad()     {         var frame = self.view.bounds         //scrollView的初始化         var scrollView=UIScrollView()         scrollView.frame=self.view.bounds         scrollView.delegate = self         //为了能让内容横向滚动，设置横向内容宽度为3个页面的宽度总和         scrollView.contentSize=CGSizeMake(frame.size.width*CGFloat(numOfPages),frame.size.height)         println("\(frame.size.width*CGFloat(numOfPages)),\(frame.size.height)")         scrollView.pagingEnabled=true         scrollView.showsHorizontalScrollIndicator=false         scrollView.showsVerticalScrollIndicator=false         scrollView.scrollsToTop=false         for i in 0..<numOfPages{             var imgfile = "jianjie\(Int(i+1)).png"             println(imgfile)             var image = UIImage(named:"\(imgfile)")             var imgView = UIImageView(image: image)             imgView.frame=CGRectMake(frame.size.width*CGFloat(i),CGFloat(0),                 frame.size.width,frame.size.height)             scrollView.addSubview(imgView)         }         scrollView.contentOffset = CGPointZero         self.view.addSubview(scrollView)     }           func scrollViewDidScroll(scrollView: UIScrollView!)     {         println("scrolled:\(scrollView.contentOffset)")         var twidth = CGFloat(numOfPages-1) * self.view.bounds.size.width         if(scrollView.contentOffset.x > twidth)         {             var mainStoryboard = UIStoryboard(name:"Main", bundle:nil)             var viewController = mainStoryboard.instantiateInitialViewController() as UIViewController                           self.presentViewController(viewController, animated: true, completion:nil)         }     } }

上一篇Swift - 设置程序的应用图标和启动界面