在很多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
@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 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)
}
}
} |