[IOS]ScrollView & PageControl 制作引导页

ScrollView & PageControl 制作引导页

此空间用于制作app的开始画面。

在实际做app的时候，可能用纯代码实现会更加方便，但需要的能力也更大，特别是对布局的掌控！此能力需要看更多的开源代码来学习！不能太依赖StoryBoard。

（Demo）代码实现：

先布局好ScrollView，PageControl，以及ScrollView的Delegate。

//
//  ViewController.swift
//  demo
//
//  Created by 颜泽鑫 on 4/10/16.
//  Copyright © 2016 颜泽鑫. All rights reserved.
//

import UIKit

class ViewController: UIViewController, UIScrollViewDelegate {
    // 已连线。
    @IBOutlet weak var ScrollView: UIScrollView!
    @IBOutlet weak var PageControl: UIPageControl!
    // 不连线。
    var btn = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        ScrollView.frame = self.view.frame
        // 确定内容的宽度，也就是页数。！
        ScrollView.contentSize = CGSizeMake(4 * self.view.frame.width, 0)
        ScrollView.pagingEnabled = true
        ScrollView.showsHorizontalScrollIndicator = false
        // 此处不能使用storyborad来添加image。
        // 因为，此处是每张图都要有一个imageView对应，而不是一个ImageView对应各种图。
        for var i=0;i<4;i++ {
            let image = UIImage(named: "\(i+1)")
            let imageView = UIImageView(frame: CGRectMake(0, 0, self.view.frame.width, self.view.frame.height))
            imageView.image = image
            var frame = imageView.frame
            frame.origin.x = CGFloat(i)*frame.size.width
            imageView.frame = frame
            ScrollView.addSubview(imageView)
            // 这里一定要写这条代码！
            // 因为每新增一个image都会把原来的PageControl盖住
            self.view.addSubview(PageControl)
        }
    }

    func buttonClick(button:UIButton)
    {
        let controller = UIAlertController(title: "Wellcome to C++!", message: nil, preferredStyle: UIAlertControllerStyle.Alert)
        let CancelAction = UIAlertAction(title: "Cancel", style: UIAlertActionStyle.Cancel, handler: nil)
        controller.addAction(CancelAction)
        self.presentViewController(controller, animated: true, completion: nil)
    }

    func scrollViewDidEndDecelerating(scrollView: UIScrollView) {
        // 通过x的偏移量来计算页数。
        let index = Int(scrollView.contentOffset.x / self.view.frame.size.width)    //获取当前页数
        PageControl.currentPage = index
        PageControl.alpha = 1
        //在这里添加按钮的渐入效果,当页面滑到第4页时出现
        if(index == 3) {
            self.PageControl.alpha = 0
            // 此处3*self.view.frame.width的3，
            // 指的是对于ScrollView上的x位置。
            self.btn.frame = CGRectMake(3*self.view.frame.width, self.view.frame.height, self.view.frame.width, 50)
            self.btn.setTitle("开启C++之旅", forState: UIControlState.Normal)
            self.btn.titleLabel?.font = UIFont.systemFontOfSize(20)
            self.btn.setTitleColor(UIColor.whiteColor(), forState: UIControlState.Highlighted)
            // 此处的RGB都是小数值，需要把RGB值除以255
            self.btn.backgroundColor = UIColor(red: CGFloat(0), green: CGFloat(0.3), blue: CGFloat(1), alpha: CGFloat(1))
            self.btn.alpha = 0
            self.btn.addTarget(self, action: "buttonClick:", forControlEvents: UIControlEvents.TouchUpInside)
            UIView.animateWithDuration(1.5, delay: 0.5, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in
                self.btn.frame = CGRectMake(3*self.view.frame.width, self.view.frame.height-100, self.view.frame.width, 50)
                self.btn.alpha = 1
                //注意把按钮添加到scrollView上,不要添加到imageView上,会无法点击
                self.ScrollView.addSubview(self.btn)
                }, completion: nil)
        }
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

反思：此Demo遇到了大量不能使用StoryBoard来增加控件的情况，我个人理解是，因为某些控件只有在特定的情况下才能显现和使用，如果把它直接放在StoryBoard的话，就可能会出现无法预计的效果。

ScollView的空间实际长度（contentsize）是界面的3倍，也就是说，实际上他是一个控件在不同区域的显示，所以不能在storyboard中添加三个imageView来显示不同的图片。

这也提醒我，除了学会如何用StoryBoard以外，还会学会如何手写纯代码实现相应的功能。

如何只显示一次引导页：

简单地说，就是在AppDelegate里面判断是否是第一次打开此app。

    func buttonClick(button:UIButton)
    {
        let sb = UIStoryboard(name: "Main", bundle: nil)
        let secondVC = sb.instantiateViewControllerWithIdentifier("second")
        self.presentViewController(secondVC, animated: true, completion: nil)
    }

class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?


    func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
        // Override point for customization after application launch.
        //判断App是否第一次启动
        if(!NSUserDefaults.standardUserDefaults().boolForKey("firstLaunch"))
        {
//            self.window?.rootViewController = ViewController()
            // self.window?.makeKeyAndVisible()
            NSUserDefaults.standardUserDefaults().setBool(true, forKey: "firstLaunch")
        }
        else
        {
            let sb = UIStoryboard(name: "Main", bundle: nil)
            let secondVC = sb.instantiateViewControllerWithIdentifier("second")
            self.window?.rootViewController = secondVC
            // self.window?.makeKeyAndVisible()
            NSUserDefaults.standardUserDefaults().setBool(true, forKey: "firstLaunch")
        }
        return true
    }
}