专栏首页编程之旅30DaysOfSwift - Day1 计时器

30DaysOfSwift - Day1 计时器

前几天逛Github,偶然看到一个Swift的项目 —— 30DaysOfSwift,作者一共用30个小项目,来熟悉Swift语言,而我正好也学习了一段时间的Swift语言,准备仿照这样的模式,来更加深入的了解UI部分

今天做的是一个计时器项目

作者在这个项目中,使用AutoLayout来完成自动布局,使用StoryBoard完成UI创建。

而我一直都是喜欢用纯代码布局,UI的搭建也是使用代码完成。所以我在写这个小Demo之前在我的项目里集成了SnapKit,使用类似Objective-C中常用的masonry框架来完成自动布局。

这里我还发现一个Swift中的小问题,使用cocoadPods集成第三方库,引用不到头文件的解决方法和Objective-C不一样。

这是第一个Swift小Demo,很简单,也很好的帮助熟悉UI.

import UIKit
import SnapKit

let SCREEN_WIDTH = UIScreen.mainScreen().bounds.size.width
let SCREEN_HEIGHT = UIScreen.mainScreen().bounds.size.height

let kTopViewHeight = SCREEN_HEIGHT * 0.4 //倒计时试图高度
let kButtonHeight = SCREEN_HEIGHT * 0.6  //开始暂停按钮高度
let kPauseButtonWidth = SCREEN_WIDTH * 0.4 //暂停按钮宽度
let kStartButtonWidth = SCREEN_WIDTH * 0.6 //开始按钮高度

var counter = 0.0
var timer = NSTimer()
var isPlaying = false


class ViewController: UIViewController {

    //MARK: - 懒加载
    
    
    //倒计时Label
    private lazy var showLabel: UILabel = {
        let label = UILabel(frame: CGRect.zero)
        label.text = String(counter)
        label.textColor = UIColor.yellowColor()
        label.font = UIFont.systemFontOfSize(100)
        label.textAlignment = NSTextAlignment.Center
        return label
    }()
    
    //顶部背景试图
    private lazy var topBackgroundView: UIView = {
        let view = UIView(frame: CGRect(x: 0, y: 0, width: SCREEN_WIDTH, height: kTopViewHeight))
        view.backgroundColor = UIColor.blackColor()
        return view
    }()
    
    //Reset按钮
    private lazy var resetButton: UIButton = {
        let button = UIButton(type: (UIButtonType.Custom))
        button.frame = CGRectZero
        button.setTitle("Reset", forState: UIControlState.Normal)
        button.setTitleColor(UIColor.whiteColor(), forState: UIControlState.Normal)
        button.setTitleColor(UIColor.blackColor(), forState: UIControlState.Highlighted)
        button.titleLabel?.font = UIFont.systemFontOfSize(15)
        button.backgroundColor = UIColor.clearColor()
        button.addTarget(self, action: "buttonDidClick:", forControlEvents: UIControlEvents.TouchUpInside)
        button.tag = 101
        return button
    }()
    
    //暂停按钮
    private lazy var pauseButton: UIButton = {
        let button = UIButton(type: (UIButtonType.Custom))
        button.frame = CGRectZero
        button.setImage(UIImage(named: "pause"), forState: UIControlState.Normal)
        button.backgroundColor = UIColor.greenColor()
        button.addTarget(self, action: "buttonDidClick:", forControlEvents: UIControlEvents.TouchUpInside)
        button.tag = 102
        return button
    }()
    
    //开始按钮
    private lazy var startButton: UIButton = {
        let button = UIButton(type: (UIButtonType.Custom))
        button.frame = CGRectZero
        button.setImage(UIImage(named: "play"), forState: UIControlState.Normal)
        button.backgroundColor = UIColor.blueColor()
        button.addTarget(self, action: "buttonDidClick:", forControlEvents: UIControlEvents.TouchUpInside)
        button.tag = 103
        return button
    }()
    
    //MARK: - 创建UI界面
    
    func setupUI() {
        //顶部的背景试图
        self.view.addSubview(self.topBackgroundView)
        // 显示倒计时的Label
        self.topBackgroundView.addSubview(self.showLabel)
        self.showLabel.snp_makeConstraints { make in
            make.width.equalTo(SCREEN_WIDTH)
            make.height.equalTo(137)
            make.centerX.equalTo(self.topBackgroundView.snp_centerX)
            make.centerY.equalTo(self.topBackgroundView.snp_centerY)
        }
        //Reset按钮
        self.topBackgroundView.addSubview(self.resetButton)
        self.resetButton.snp_makeConstraints { make in
            make.top.equalTo(self.topBackgroundView.snp_top).offset(20)
            make.right.equalTo(self.topBackgroundView.snp_right).offset(-20)
            make.height.equalTo(20)
            make.width.equalTo(60)
        }
        // 暂停按钮
        self.view.addSubview(self.pauseButton)
        self.pauseButton.snp_makeConstraints { make in
            make.top.equalTo(self.topBackgroundView.snp_bottom).offset(0)
            make.left.equalTo(self.view).offset(0)
            make.height.equalTo(kButtonHeight)
            make.width.equalTo(kPauseButtonWidth)
        }
        
        //开始按钮
        self.view .addSubview(self.startButton)
        self.startButton.snp_makeConstraints { make in
            make.top.equalTo(self.topBackgroundView.snp_bottom).offset(0)
            make.left.equalTo(self.pauseButton.snp_right).offset(0)
            make.height.equalTo(kButtonHeight)
            make.width.equalTo(kStartButtonWidth)
        }
    }
    //MARK: - 设置状态栏
    override func preferredStatusBarStyle() -> UIStatusBarStyle {
        return UIStatusBarStyle.LightContent
    }
    
    //MARK: - ButtonClick
    func buttonDidClick(sender: AnyObject) {
        switch sender.tag {
            //reset
        case 101 :
            timer.invalidate()
            isPlaying = false
            counter = 0.0
            self.showLabel.text = String(counter)
            self.startButton.enabled = true
            self.pauseButton.enabled = false
            
            //暂停
        case 102 :
            self.startButton.enabled = true
            self.pauseButton.enabled = false
            isPlaying = false
            timer.invalidate()
            
            //开始
        case 103 :
            if (isPlaying) {
                return
            }
            self.startButton.enabled = false
            self.pauseButton.enabled = true
            timer = NSTimer.scheduledTimerWithTimeInterval(0.1, target: self, selector: Selector("updateTimer"), userInfo: nil, repeats: true)
            isPlaying = true
            
        default :
            break
        }
    }
    
    //MARK: - 计时器方法
    func updateTimer() {
        counter = counter + 0.1
        self.showLabel.text = String(format: "%.1f", counter)
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = UIColor.whiteColor()
        setupUI()
    }
    
    

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


}

代码已经上传到GitHub上

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • SQL中GROUP BY用法示例

    GROUP BY我们可以先从字面上来理解,GROUP表示分组,BY后面写字段名,就表示根据哪个字段进行分组,如果有用Excel比较多的话,GROUP BY比较类...

    Awesome_Tang
  • 复杂业务下向Mysql导入30万条数据代码优化的踩坑记录

    从毕业到现在第一次接触到超过30万条数据导入MySQL的场景(有点low),就是在顺丰公司接入我司EMM产品时需要将AD中的员工数据导入MySQL中,因此楼主负...

    haifeiWu
  • 声音功能让儿童编程更有创造性

    导读:Scratch中声音功能非常强大,除了常规的音效,你甚至可以模拟各种乐器的各个发音、设置节拍、休止……如果你愿意,甚至可以用它创作一个交响乐。我们可以引导...

    一石匠人
  • 《动物魔法学校》儿童学编程Scratch之“外观”部分

    导读:本文通过一个案例《动物魔法学校》来学习Scratch语言的“外观”部分。之后通过一系列其他功能的综合运用对作品功能进行了扩展。

    一石匠人
  • 【系统设置】CentOS 修改机器名

    ken.io
  • 一张图理清《梅花易数》梗概

    学《易经》的目的不一定是为了卜卦,但是了解卜卦绝对能够让你更好地了解易学。今天用一张思维导图对《梅花易数》的主要内容进行概括,希望能够给学友们提供帮助。

    一石匠人
  • 儿童创造力教育与编程教育的碰撞——MIT雷斯尼克教授最新理论梗概

    儿童编程教育已经在我国各一线二线城市疯狂出现,颇有“烂大街”的趋势。我们不禁要问很多很多问题:

    一石匠人
  • 我不是算命先生,却对占卜有了疑惑——如何论证“占卜前提”的正确与否

    事出有因,我对《周易》感兴趣了很多年。只是觉得特别有趣,断断续续学习了一些皮毛。这几天又偶然接触到了《梅花易数》,觉得很是精彩,将五行八卦天干地支都串联了起来。...

    一石匠人
  • 天干地支五行八卦的对应关系

    一石匠人
  • 什么样的人生才是有意义的人生——没有标准的标准答案

    【导读】其实我们可以跳出这个小圈圈去更加科客观地看一下这个世界。在夜晚的时候我们仰望天空,浩瀚的宇宙中整个地球只是一粒浮尘,何况地球上一个小小的人类?在漫长的历...

    一石匠人

扫码关注云+社区

领取腾讯云代金券