[Swift实际操作]九、完整实例-(7)登录页面：创建自定义视图及相关组件Swift实际操作

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

本文将开始创建登录页面，首先创建该页面所需的一些自定义组件：
做为登录按钮的自定义视图对象。
在【RegLogin】组的名称上点击鼠标右键，打开右键菜单。
【New File】->【Cocoa Touch Class】创建新文件【RegButton.swift】
Name:RegButton
Subclass:ShadowView
Language:Swift

import UIKit

class RegButton: ShadowView {
    //给类添加一个按钮类型的属性
    var bt : UIButton!
    //首先重写父类的初始化方法
    override init(frame: CGRect) {
        super.init(frame: frame)
        //设置字第个一视图的背景颜色
        self.backgroundColor = UIColor.white
        //设置字第个一视图的圆角半径
        self.cornerRadius = 4.0
        //设置字第个一视图的投影半径
        self.shadowRadius = 2.0
        //设置投影的偏移
        self.shadowOffset = CGSize(width: 0, height: 1)
        //设置阴影的颜色
        self.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 126.0/255)
        //初始化一个指定显示区域的按钮对象
        let btFrame = CGRect(x: 0, y: 0, width: frame.size.width, height: frame.size.height)
        //设置按钮的字体
        bt = UIButton(frame: btFrame)
        bt.titleLabel?.font = UIFont(name: "PingFang SC", size: 14)!
        //设置按钮在正常状态的标题颜色
        bt.setTitleColor(.white, for: .normal)
        //设置按钮在失效状态的标题颜色
        bt.setTitleColor(UIColor(red: 230.0/255, green: 230.0/255, blue: 230.0/255, alpha: 1.0), for: .disabled)
        //设置按钮的标题
        bt.setTitle("", for: .normal)
        //设置按钮的背景颜色
        bt.backgroundColor = .clear
        //将按钮添加到自定义视图中
        self.addSubview(bt)
        //调用自定义视图对象的实例方法，
        //设置当前视图出于失效状态
        self.deActive()
    }
    //添加一个方法，用来设置当前的自定义视图的状态为激活状态，
    //从而允许用户点击自动定义视图中的按钮对象
    func active()
    {
        //首先使按钮出于正常状态
        self.bt.isEnabled = true
        //按钮正常状态下的背景颜色
        self.backgroundColor = UIColor(red: 255.0/255, green: 89.0/255, blue: 95.0/255, alpha: 1.0)
        //正常状态下的标题颜色
        self.bt.titleLabel?.textColor = UIColor.white
    }
    //添加一个方法，用来设置当前的自定义视图的状态为激活状态，
    //从而不允许用户点击自动定义视图中的按钮对象
    func deActive()
    {
        
        //首先使按钮出于失效状态
        self.bt.isEnabled = false
        //按钮失效状态下的背景颜色
        self.backgroundColor = UIColor.white
    }
    //最后添加一个必须实现的初始化方法
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

接着创建一个针对图像类的扩展。

【New File】->【Swift File】创建新文件【ExtensionUIImage.swift】

接着开始编写代码，完成对图像类的扩展。

import UIKit
//创建一个图像类的扩展
extension UIImage
{
    //添加一个扩展方法，该方法被用于修改文本框右侧的删除图标的颜色
    func blendColor(_ color: UIColor, blendMode: CGBlendMode) -> UIImage
    {
        //获得当前图片的显示区域
        let rect = CGRect(x: 0.0, y: 0.0, width: size.width, height: size.height)
        //获得当前的图形上下文。
        //其中第一个参数表示画布的大小
        //第二个参数表示是否透明图片
        //第三个参数表示图片的比例
        UIGraphicsBeginImageContextWithOptions(size, false, scale)
        //首先将指定的颜色设置为填充色。
        color.setFill()
        //然后将填充色填充在指定的区域内。
        UIRectFill(rect)
        //最后将指定区域的内容，绘制在当前的图形上下文。
        draw(in: rect, blendMode: blendMode, alpha: 1.0)
        //从当前的图形上下文中，获得填充后的图片，并关闭图形上下文。
        let blendedImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        //最后在方法的末尾，返回图形上下文中获得的图片。
        return blendedImage!
    }
}

使用键盘上的快捷键【Command】+【N】，继续创建一个类文件。

接着创建一个针对图像类的扩展。

【New File】->【Cocoa Touch Class】创建新文件【UserInfo.swift】

Name:UserInfo
Subclass:NSObjecct
Language:Swift

该类将用来在本地存储用户信息

import UIKit
import Foundation
//使类遵循编码协议，它可以将类的实例转化为序列化的数据进行存储。
class UserInfo : NSObject, NSCoding {
    //添加属性：表示用户的考试类型
    var myKeMu : PaperType = .ACT
    //添加属性：用户是否为海外用户
    var isHaiWai : Bool = false
    //手机号码
    var phone : String = ""
    //邮箱
    var email : String = ""
    //密码
    var password : String = ""
    //昵称
    var nickname : String = ""
    //验证码
    var verifyCode : String = ""
    //头像图片
    var avatar : UIImage = UIImage()
    //是否参加过考试
    var isTested : Bool = false
    //头像路径
    var head_img : String = ""
    //年级
    var grade : Int = 1
    //生日
    var birthday = ""
    //用户的唯一标志符
    var id = 0
    //性别
    var sex = 0
    //老师
    var teacher = ""
    //用户考试类型
    var exam_type = 0
    //状态
    var status = 0
    //当前总考分
    var current_score : Int = 0     //相当于服务器中的current_score
    //英语
    var english : Int = 0           //相当于服务器中的english
    //数学
    var math : Int = 0              //相当于服务器中的math
    //阅读
    var reading : Int = 0           //相当于服务器中的reading
    //科学
    var science : Int = 0           //相当于服务器中的science
    //写作
    var writing : Int = 0           //相当于服务器中的writing
    
    var expect_english : Int = 0
    var expect_reading : Int = 0
    var expect_science : Int = 0
    var expect_score : Int = 0
    var expect_writing : Int = 0
    var expect_math : Int = 0
    
    //实现协议中的方法
    //用来将用户信息进行编码
    func encode(with aCoder: NSCoder)
    {
        //首先对用户的手机、邮箱、密码、昵称、和是否参考过考试等属性进行编码
        //并设置对应的键名
        aCoder.encode(self.phone, forKey: "phone")
        aCoder.encode(self.email, forKey: "email")
        aCoder.encode(self.password, forKey: "password")
        aCoder.encode(self.nickname, forKey: "nickname")
        aCoder.encode(self.isTested, forKey: "isTested")
        //接着对另外八个属性进行编码
        aCoder.encode(self.head_img, forKey: "head_img")
        aCoder.encode(self.grade, forKey: "grade")
        aCoder.encode(self.birthday, forKey: "birthday")
        aCoder.encode(self.id, forKey: "id")
        aCoder.encode(self.sex, forKey: "sex")
        aCoder.encode(self.teacher, forKey: "teacher")
        aCoder.encode(self.exam_type, forKey: "exam_type")
        aCoder.encode(self.status, forKey: "status")
        //最后对剩余的六个属性进行编码
        aCoder.encode(self.current_score, forKey: "current_score")
        aCoder.encode(self.english, forKey: "english")
        aCoder.encode(self.math, forKey: "math")
        aCoder.encode(self.reading, forKey: "reading")
        aCoder.encode(self.science, forKey: "science")
        aCoder.encode(self.writing, forKey: "writing")
        
        aCoder.encode(self.expect_english, forKey: "expect_english")
        aCoder.encode(self.expect_reading, forKey: "expect_reading")
        aCoder.encode(self.expect_science, forKey: "expect_science")
        aCoder.encode(self.expect_score, forKey: "expect_score")
        aCoder.encode(self.expect_writing, forKey: "expect_writing")
        aCoder.encode(self.expect_math, forKey: "expect_math")
    }
    //实现协议中的方法，用来将将过编码的用户信息进行解码
    required init(coder aDecoder: NSCoder)
    {
        super.init()
        //首先对用户的手机、邮箱、密码、昵称、和是否参考过考试等属性进行解码
        self.phone = aDecoder.decodeObject(forKey: "phone") as! String
        self.email = aDecoder.decodeObject(forKey: "email") as! String
        self.password = aDecoder.decodeObject(forKey: "password") as! String
        self.nickname = aDecoder.decodeObject(forKey: "nickname") as! String
        self.nickname = aDecoder.decodeObject(forKey: "nickname") as! String
         //接着对另外八个属性进行解码
        self.head_img = aDecoder.decodeObject(forKey: "head_img") as! String
        self.grade = aDecoder.decodeInteger(forKey: "grade")
        self.birthday = aDecoder.decodeObject(forKey: "birthday") as! String
        self.id = aDecoder.decodeInteger(forKey: "id")
        self.sex = aDecoder.decodeInteger(forKey: "sex")
        self.teacher = aDecoder.decodeObject(forKey: "teacher") as! String
        self.exam_type = aDecoder.decodeInteger(forKey: "exam_type")
        self.status = aDecoder.decodeInteger(forKey: "status")
        //然后对剩余的六个属性进行解码
        self.current_score = aDecoder.decodeInteger(forKey: "current_score")
        self.english = aDecoder.decodeInteger(forKey: "english")
        self.math = aDecoder.decodeInteger(forKey: "math")
        self.reading = aDecoder.decodeInteger(forKey: "reading")
        self.science = aDecoder.decodeInteger(forKey: "science")
        self.writing = aDecoder.decodeInteger(forKey: "writing")
        
        self.expect_english = aDecoder.decodeInteger(forKey: "expect_english")
        self.expect_reading = aDecoder.decodeInteger(forKey: "expect_reading")
        self.expect_science = aDecoder.decodeInteger(forKey: "expect_science")
        self.expect_score = aDecoder.decodeInteger(forKey: "expect_score")
        self.expect_writing = aDecoder.decodeInteger(forKey: "expect_writing")
        self.expect_math = aDecoder.decodeInteger(forKey: "expect_math")
        
        
    }
    //最后添加一个初始化方法，完成用户信息类的创建
    override init()
    {
        
    }
    
    func setScore(num:Int, score:Int)
    {
        switch num {
            case 0:
                self.current_score = score
            case 1:
                self.english = score
            case 2:
                self.math = score
            case 3:
                self.reading = score
            case 4:
                self.science = score
            default: break
            
        }
    }
    
    func setSATScore(num:Int, score:Int)
    {
        switch num {
        case 0:
            self.reading = score
        case 1:
            self.math = score
        case 2:
            self.writing = score
        default: break
            
        }
    }
}

使用键盘上的快捷键【Command】+【N】，继续创建一个类文件。

【New File】->【Swift File】创建新文件【DataUtil.swift】

接着开始编写代码，完成对图像类的扩展。

import Foundation
import UIKit
import Alamofire
import Toaster
import PKHUD
import Qiniu

class DataUtil
{
    class func hasLogined() -> Bool
    {
        return UserDefaults.standard.bool(forKey: "hasLogin")
    }
    class func setLogined()
    {
        UserDefaults.standard.set(true, forKey: "hasLogin")
        UserDefaults.standard.synchronize()
    }
    class func setLoginOut()
    {
        UserDefaults.standard.set(false, forKey: "hasLogin")
        UserDefaults.standard.synchronize()
    }
    
    class func hasShowIntro() -> Bool
    {
        return UserDefaults.standard.bool(forKey: "hasShowIntro")
    }
    class func setShowInfo()
    {
        UserDefaults.standard.set(true, forKey: "hasShowIntro")
        UserDefaults.standard.synchronize()
    }
    
    class func getTabBarHeight(vc:UIViewController) -> CGFloat
    {
        return (vc.tabBarController?.tabBar.frame.size.height)!
    }
    
    class func setCrtUser(userInfo : UserInfo)
    {
        let data = NSMutableData()
        let archive = NSKeyedArchiver(forWritingWith: data)
        archive.encode(userInfo, forKey: "crtUserInfo")
        archive.finishEncoding()
        
        let filePath = NSHomeDirectory() + "/Documents/crtUserInfo.data"
        data.write(toFile: filePath, atomically: true)
    }
    //添加一个类方法，用来获得归档的用户信息
    class func getCrtUser() -> UserInfo
    {
        //首先获得用户归档文件的存储路径
        let filePath = NSHomeDirectory() + "/Documents/crtUserInfo.data"
        //然后加载该路径下的文件，并初始化一个键值解码器
        let fileData = NSMutableData(contentsOfFile: filePath)
        let unarchiver = NSKeyedUnarchiver(forReadingWith: fileData! as Data)
        //根据键名，对指定的归档进行解码
        let savedUser = unarchiver.decodeObject(forKey: "crtUserInfo") as! UserInfo
        unarchiver.finishDecoding()
        //最后返回解码后的用户信息对象
        return savedUser
    }
    //接着添加一个类方法，用来设置用户使用游客身份访问应用程序
    class func setVisitorLogin(value:Bool)
    {
        UserDefaults.standard.set(value, forKey: "IsVisitorLogin")
        UserDefaults.standard.synchronize()
    }
    //添加一个类方法，用来判断用户是否为游客身份
    class func isVisitorLogin() -> Bool
    {
        return UserDefaults.standard.bool(forKey: "IsVisitorLogin")
    }
    //添加一个类方法，用来将头像数据存储到沙盒目录
    class func saveAvarta(data:Data)
    {
        let targetPath:String = NSHomeDirectory() + "/Documents/avarta.png"
        try? data.write(to: URL(fileURLWithPath: targetPath))
    }
     //添加一个类方法，用来读取沙盒中保存的头像
    class func getAvarta() -> UIImage?
    {
        let targetPath:String = NSHomeDirectory() + "/Documents/avarta.png"
        
        let image = UIImage(contentsOfFile: targetPath)
        return image
    }
    //添加一个类方法，用来给图像视图设置用户的头像
    class func setAvartaForImageView(imageView : UIImageView)
    {
        //首先读取之前保存的用户头像
        let localImage = getAvarta()
        //判断当读取的图像不为空时，设置图像视图
        if(localImage == nil)
        {
            //如果没有获得用户头像，
            let user = getCrtUser()
            //则从保存的用户信息中，获取用户头像的远程路径
            let imageUrl = user.head_img
            //如果远程路径为空，则设置用户头像为默认图片
            if(imageUrl != "")
            {
                //如果远程路径不为空，
                let url = URL(string: imageUrl)
                //则初始化一个指定网址的网络请求
                let request = URLRequest(url: url!)
                //使用异步的方式，请求远程服务器上的图片资源
                NSURLConnection.sendAsynchronousRequest(request, queue: OperationQueue.main, completionHandler: {(response:URLResponse?, data:Data?,error:Error?)->Void in
                    //然后返回主线程，对图像视图进行更新
                    DispatchQueue.main.async(execute: { () -> Void in
                        let image = UIImage(data: data!)
                        imageView.image = image
                    })
                })
            }
            else
            {
                //则设置用户头像为默认图片
                imageView.image = UIImage(named: "defaultAvarta")
            }
        }
        else
        {
            imageView.image = localImage
        }
    }
    //添加一个方法，用来将头像上传至七牛服务器
    class func uploadAvartaToQiNiu(baseUrl: String, avarta: UIImage)
    {
        //初始化一个字符串常量，表示网络请求的接口地址
        let url = "\(baseUrl)iOS/uploadAvarta.json"
        //然后开始显示加载动画，并设置弹出框的字体样式。
        HUD.show(.progress)
        ToastView.appearance().font = UIFont(name: "PingFang SC", size: 14)!
        //使用第三方类库，访问指定的网址，并返回Json格式的结果
        Alamofire.request(url, method: .get).responseJSON
            { 
                //如果返回成功的结果
                //则获得返回结果中的编码和详情字段
                response in
                print(response)
                if let json = response.result.value as? [String: Any]
                {
                    print("JSON: \(json)")
                    let code = json["code"] as? Int ?? 0
                    let detail = json["detail"] as? [String: Any]
                    //设置弹出窗口到屏幕底部的距离
                    ToastView.appearance().bottomOffsetPortrait = 150
                    //如果返回值为0，则表示网络请求成功，
                    if(code == 0)
                    {
                         //获得服务器返回的将要上传至七牛的图片名称和上传口令。
                        let upload_name = detail?["upload_name"] as? String ?? ""
                        //获得服务器返回的将要上传至七牛的上传口令。
                        let upload_token = detail?["upload_token"] as? String ?? ""
                        print(upload_token)
                        //初始化一个七牛上传管理器
                        let upManager = QNUploadManager()
                        //并将图片转换为二进制
                        let data = UIImagePNGRepresentation(avarta)
                        //调用七牛上传管理器的上传方法，开始图片的上传。
                        upManager?.put(data, key: upload_name, token: upload_token, complete:{ (info, key, resp) -> Void in
                            
                            print(info)
                            print("----------")
                            print(resp)
                            //如果七牛返回的状态码为200,则表示上传成功。
                            if (info?.statusCode == 200 && resp != nil)
                            {
                                //接着将用户信息进行更新，
                                //首先获得已经保存在沙盒中的当前的用户
                                let userInfo = DataUtil.getCrtUser()
                                //定义一个网络地址，用来获得服务器上的用户信息
                                let url = "\(baseUrl)iOS/headImage.json"
                                //并设置访问时传递的参数，以更新远程服务器上用户的头像信息
                                let parameters = ["head_img": "https://www.cnblogs.com/strengthen/\(upload_name)"]
                                //使用第三方类库，访问指定的网址,并返回Json格式的结果
                                Alamofire.request(url, method: .get, parameters: parameters).responseJSON
                                    { 
                                        response in
                                        HUD.hide(animated: true)
                                        //对返回的结果进行判断和处理
                                        if let json = response.result.value as? [String: Any]
                                        {
                                            print("JSON: \(json)")
                                            //获得服务器返回的状态码
                                            let code = json["code"] as? Int ?? 0
                                            //如果状态码为0，则表示请求成功，否则弹出失败提示窗口
                                            if(code == 0)
                                            {
                                                //显示弹出窗口，提示图片上传成功。
                                                ToastView.appearance().bottomOffsetPortrait = 80
                                                Toast(text: "Image was successfully uploaded!").show()
                                                //然后获得服务器返回的头像路径，
                                                //并更新用户信息中的头像路径。
                                                let detail = json["detail"] as? [String: Any]
                                                userInfo.head_img = detail?["head_img"] as? String ?? ""
                                                //最后更新存储在本地的用户信息。
                                                DataUtil.setCrtUser(userInfo: userInfo)
                                                DataUtil.saveAvarta(data: data!)
                                            }
                                            else
                                            {
                                                let detail = json["detail"] as? String ?? ""
                                                ToastView.appearance().bottomOffsetPortrait = 80
                                                Toast(text: detail).show()
                                                
                                            }
                                        }
                                        else
                                        {
                                            ToastView.appearance().bottomOffsetPortrait = 80
                                            Toast(text: "Upload failed!").show()
                                        }
                                }
                            }
                            else
                            {
                                HUD.hide(animated: true)
                            }
                            
                        }, option: nil)
                    }
                    else
                    {
                        //r如果返回编码的值不为零。则提示编码失败
                        ToastView.appearance().bottomOffsetPortrait = 80
                        //则打开提示窗口，提示上传失败，
                        Toast(text: "Upload failed!").show()
                        //并隐藏加载动画
                        HUD.hide(animated: true)
                    }
                }
                else
                {
                     //如果上传失败，
                    ToastView.appearance().bottomOffsetPortrait = 80
                     //则打开提示窗口，提示上传失败，
                    Toast(text: "Upload failed!").show()
                      //并隐藏加载动画
                    HUD.hide(animated: true)
                }
        }
    }
}

func getKemuBySection(section: String) -> String
{
    if(section == "english")
    {
        return "英语"
    }
    else if(section == "math")
    {
        return "数学"
    }
    else if(section == "reading")
    {
        return "阅读"
    }
    else if(section == "science")
    {
        return "科学"
    }
    else if(section == "language")
    {
        return "语言"
    }
    else if(section == "mathc")
    {
        return "数学计算器"
    }
    else
    {
        return section
    }
}

func getLevel(level: String) -> String
{
    if(level == "E")
    {
        return "简单"
    }
    else if(level == "M")
    {
        return "中等"
    }
    else
    {
        return "困难"
    }
}