[Swift实际操作]九、完整实例-(6)创建App欢迎界面

本文创建一个位于导航控制器之内的欢迎页面，该页面主要用来向用户简要介绍产品的功能。以及提供主要功能的入口。

首先选择自定义视图文件夹【CustomViews】,需要在该文件夹下，导入一款第三方类库。该类库仅包含一个类文件。

用来给视图同时添加圆角和投影效果。点击左下角的+号图标，打开选项菜单。

选择【Add Files to "DemoApp"】添加文件至项目选项。

双击类库文件【ShadowView.swift】，将文件导入到自定义视图文件夹下。

接着打开并编辑视图控制器类文件【WelcomeViewController.swift】

import UIKit

class WelcomeViewController: BaseViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
        //隐藏导航控制器的导航条
        self.navigationController?.setNavigationBarHidden(true, animated: false)
        //并且隐藏后退按钮和关闭按钮。
        self.dismissBt.isHidden = true
        //和隐藏关闭按钮。
        self.backBt.isHidden = true
        //获得屏幕的高度
        let viewH = self.view.frame.size.height
        //获得屏幕的宽度
        let viewW = self.view.frame.size.width
        //初始化一个标签对象，
        //标签对象的Y轴坐标，和屏幕的高度保持固定的比例
        let bigTitle = UILabel(frame: CGRect(x: 0, y: viewH * 0.27,  viewW, height: 20))
        //设置文字内容
        bigTitle.text = "欢迎来山青咏芝"
        //设置字体属性
        bigTitle.font = self.font24
        //设置标签的对齐方式为居中，
        bigTitle.textAlignment = .center
        //文字颜色为白色，
        bigTitle.textColor = .white
        //并将标签对象添加到根视图
        self.view.addSubview(bigTitle)
        //初始化一个段落样式
        let paragraphStyle = NSMutableParagraphStyle()
        //设置段落的行间距
        paragraphStyle.lineSpacing = 6
        //设置文字的对齐方式
        paragraphStyle.alignment = .center
        //初始化一个文字属性数组，
        //用来设置标签文字的字体、颜色和段落属性
        let attributes = [NSFontAttributeName: self.font14, NSForegroundColorAttributeName: UIColor.white, NSParagraphStyleAttributeName: paragraphStyle]
        //初始化一个标签对象，用来显示欢迎内容
        let content = "书山有路勤为径，学海无涯苦作舟！"
        let message = UILabel(frame: CGRect(x: 0, y: viewH * 0.36,  viewW, height: 90))
        //设置标签对象的属性文字
        message.attributedText = NSAttributedString(string: content, attributes: attributes)
        //设置标签对象的行数属性
        message.numberOfLines = 3
        //然后将标签对象添加到根视图
        self.view.addSubview(message)
        
        //接着添加几个按钮，昨晚功能的入口
        //首先计算按钮X轴的坐标
        var posXBt = 29
        if(self.view.frame.size.width == 375)
        {
            posXBt = 56
        }
        //根据不同的宽度，设置不同的X轴坐标，使其具有最佳的显示效果
        else if(self.view.frame.size.width == 414)
        {
            posXBt = 74
        }
        //初始化一个指定显示区域的按钮对象，
        let btYouKe = UIButton(frame: CGRect(x: posXBt, y: Int(0.62*viewH),  Int(viewW)-2*posXBt, height: 37))
        //并设置按钮的圆角属性
        btYouKe.layer.cornerRadius = 4
        //当用户点击该按钮时，允许未注册的用户浏览应用程序的部分功能
        btYouKe.layer.masksToBounds = true
        //设置按钮的边框宽度为1
        btYouKe.layer.borderWidth = 1
        //宽度颜色为白色
        btYouKe.layer.borderColor = UIColor.white.cgColor
        //设置按钮的文字大小
        btYouKe.titleLabel?.font = self.font14
        //设置按钮的文字颜色
        btYouKe.setTitleColor(.white, for: .normal)
        //设置按钮正常状态下的标题内容
        btYouKe.setTitle("游客访问", for: .normal)
        //给按钮绑定点击事件
        btYouKe.addTarget(self, action: #selector(WelcomeViewController.gotoVisitor(_:)), for: .touchUpInside)
        //并将按钮添加到根视图
        self.view.addSubview(btYouKe)
        
        //初始化第二个按钮对象，当用户点击该按钮时，跳转到登录页面
        let btLogin = UIButton(frame: CGRect(x: posXBt, y: Int(0.70*viewH),  Int(viewW)-2*posXBt, height: 37))
        //设置按钮的圆角半径
        btLogin.layer.cornerRadius = 4
         //设置按钮的裁剪边界
        btLogin.layer.masksToBounds = true
         //设置按钮的边框宽度
        btLogin.layer.borderWidth = 1
         //设置按钮的边框颜色
        btLogin.layer.borderColor = UIColor.white.cgColor
        //设置按钮的文字大小
        btLogin.titleLabel?.font = self.font14
        //设置按钮的文字颜色
        btLogin.setTitleColor(.white, for: .normal)
        //设置按钮的标题
        btLogin.setTitle("账号登陆", for: .normal)
        //并给按钮绑定点击事件
        btLogin.addTarget(self, action: #selector(WelcomeViewController.gotoLogin(_:)), for: .touchUpInside)
        //然后将按钮添加到根视图
        self.view.addSubview(btLogin)
        
        //接着创建一个圆角并且拥有投影的视图对象
        //首先计算它的Y轴坐标
        var posY = Int(0.78*viewH)
        if(self.view.frame.size.width == 414)
        {
            posY = Int(0.78*viewH)
        }
        //初始化一个指定显示区域的自定义视图对象
        let bt2View = ShadowView(frame: CGRect(x: posXBt, y: posY,  Int(viewW)-2*posXBt, height: 37))
        //设置视图的圆角半径
        bt2View.cornerRadius = 4.0
        //设置视图的阴影半径
        bt2View.shadowRadius = 2.0
        //设置视图的投影偏移
        bt2View.shadowOffset = CGSize( 0, height: 1)
        //设置视图的阴影的颜色
        bt2View.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 126.0/255)
        //设置视图的背景颜色
        bt2View.backgroundColor = .white
        //并将视图添加到根视图
        self.view.addSubview(bt2View)
        
        //初始化一个按钮对象，当点击该按钮时，将进入用户注册流程。
        //该按钮将被添加到自定义视图
        let btReg = UIButton(frame: CGRect(x: 0, y: 0,  Int(viewW)-2*posXBt, height: 37))
        //设置按钮的字体
        btReg.titleLabel?.font = self.font14
        //设置按钮的标题颜色
        btReg.setTitleColor(self.fontColorRed, for: .normal)
        //设置按钮的正常床状态下的标题
        btReg.setTitle("账号注册", for: .normal)
        //给按钮对象绑定点击事件，并将按钮对象添加到自定义视图
        btReg.addTarget(self, action: #selector(WelcomeViewController.gotoRegister(_:)), for: .touchUpInside)
        bt2View.addSubview(btReg)
    }
    
    //添加一个方法，用来响应登录按钮的点击事件，
    //由于还没有创建登录页面，所以将该方法暂时置空
    func gotoLogin(_ sender:UIButton)
    {
       //self.performSegue(withIdentifier: "LoginController", sender: nil)
    }
    
    //添加一个方法，用来响应游客登录按钮的点击事件
    //由于还没有创建登录页面，所以将该方法暂时置空
    func gotoVisitor(_ sender:UIButton)
    {
       //let vc = ControllerUtil.getTabController()
       //UIApplication.shared.delegate?.window??.rootViewController = vc
       // DataUtil.setVisitorLogin(value: true)
    }
    
    //添加一个方法，用来响应注册按钮的点击事件，
    //接着点击项目名称，对项目进行一些设置
    //将Status Bar Style(状态栏样式)：Default改为Light
    func gotoRegister(_ sender:UIButton)
    {
        //self.performSegue(withIdentifier: "RegStep1Controller", sender: nil)
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

---

接着点击项目名称，对项目进行一些设置：将Status Bar Style(状态栏样式)：Default改为Light

接着打开Info.plist【项目属性配置文件】，在空白处鼠标右键打开菜单。

选择菜单中的【Add Row】添加行，添加一行新的选项。

点击右侧的垂直滚动条，查看下方的内容。选择【Status Bar Style】

然后在右侧的值输入框内点击，进入编辑模式。接着输入状态栏样式的值。

【Status Bar Style】：UIStatusStyleLightContent

然后打开并编辑【AppDelegate.swift】应用代理文件。

该文件包含的应用程序第一次运行时所执行的方法，

以及其他一些和应用程序运行状态相关的方法。

接着开始编写代码，创建一个导航控制器，

项目中的大部分视图控制器(页面)，将由该导航控制器统一管理。

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

        UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .default)
        UINavigationBar.appearance().shadowImage = UIImage()

        if(DataUtil.hasShowIntro())
        {
            //曾经显示过intro页
            if(DataUtil.hasLogined())
            {
                //曾经登陆过
              //let vc = ControllerUtil.getTabController()
              //window?.rootViewController = vc
            }
            else
            {
                //从未登陆过
                
              //let vc = RegStep7Controller()
              // vc.userInfo = UserInfo()
              //vc.userInfo.myKeMu = .SAT
              //let navigationController = UINavigationController(rootViewController: vc)
              // window?.rootViewController = navigationController
                
                let storyBoard = UIStoryboard(name: "RegLogin", bundle: nil)
                //首先初始化一个导航控制器，
                //并使欢迎页面作为导航作为导航控制器的初始页面
                //同时将导航控制器作为当前窗口的根视图控制器
                let vc = storyBoard.instantiateInitialViewController()
                let navigationController = UINavigationController(rootViewController: vc!)
                window?.rootViewController = navigationController
            }
        }
        else
        {
            //进入intro页
            let vc = ViewController(pages: [])
            let navigationController = UINavigationController(rootViewController: vc)
            window?.rootViewController = navigationController
        }
        window?.makeKeyAndVisible()
        return true
    }