在很多iOS产品或者一些应用版本的升级中,新手指导都是一个常用的功能,通过说明页的左右滑动,可以很清晰的展示系统的一些功能特性。制作思路如下:
7,向导页面:GuideViewController.swift
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@UIApplicationMainclass 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 UIKitclass 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) } }} |