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

 
        import 
        UIKit 
       
@UIApplicationMain 
       
class 
        AppDelegate 
        : 
        UIResponder 
        , 
        UIApplicationDelegate 
        { 
       
        var 
        window: 
        UIWindow 
        ? 
       
func 
        application(application: 
        UIApplication 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.5em!important; margin:0px!important; overflow:visible!important; padding:1px 0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas, 
       
        didFinishLaunchingWithOptions launchOptions: [ 
        NSObject 
        : 
        AnyObject 
        ]?) -> 
        Bool 
        { 
       
        // Override point for customization after application launch. 
       
//增加标识，用于判断是否是第一次启动应用... 
       
if 
        (!( 
        NSUserDefaults 
        .standardUserDefaults().boolForKey( 
        "everLaunched" 
        ))) { 
       
        .standardUserDefaults().setBool( 
        true 
        ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.5em!important; margin:0px!important; overflow:visible!important; padding:1px 0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,forKey: 
        ) 
       
guideViewController = 
        GuideViewController 
        () 
       
self 
        .window!.rootViewController=guideViewController; 
       
        println 
        ( 
        "guideview launched!" 
        ) 
       
} 
       
return 
        true 
       
} 
       
applicationWillResignActive(application: 
        ) { 
       
} 
       
applicationDidEnterBackground(application: 
        ) { 
       
} 
       
applicationWillEnterForeground(application: 
        ) { 
       
} 
       
applicationDidBecomeActive(application: 
        ) { 
       
} 
       
applicationWillTerminate(application: 
        ) { 
       
} 
       
        }

7，向导页面：GuideViewController.swift

UIViewController uiscrollviewdelegate

numOfPages = 3

override viewDidLoad()

{

frame = .view.bounds

//scrollView的初始化

scrollView= UIScrollView ()

scrollView.frame= .view.bounds

scrollView.delegate = self

//为了能让内容横向滚动，设置横向内容宽度为3个页面的宽度总和

scrollView.contentSize= CGSizeMake (frame.size.width* CGFloat (numOfPages),frame.size.height)

"\(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{

imgfile = "jianjie\(Int(i+1)).png"

(imgfile)

image = UIImage (named: "\(imgfile)" )

imgView = UIImageView (image: image)

imgView.frame= CGRectMake (i),monospace!important; min-height:inherit!important">(0),

frame.size.width,frame.size.height)

scrollView.addSubview(imgView)

}

scrollView.contentOffset = CGPointZero

.view.addSubview(scrollView)

}

scrollViewDidScroll(scrollView: !)

{

"scrolled:\(scrollView.contentOffset)" )

twidth = (numOfPages-1) * .view.bounds.size.width

(scrollView.contentOffset.x > twidth)

{

mainStoryboard = UIStoryboard (name: "Main"

ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.5em!important; margin:0px!important; overflow:visible!important; padding:1px 0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,bundle:

nil )

viewController = mainStoryboard.instantiateInitialViewController() as UIViewController

.presentViewController(viewController,animated:

ottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.5em!important; margin:0px!important; overflow:visible!important; padding:1px 0px!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,completion:

)

}

原文出自： www.hangge.com 转载请保留原文链接： http://www.hangge.com/blog/cache/detail_673.html