您的位置:首页 > 移动开发 > Swift

Swift之UIDatePicker

2017-01-07 21:38 393 查看
UIDatePicker 是UIKit控件中提供日期和时间选择的控件。首先我们先了解一下相关属性

1、Mode 控件的模式设置,有如下几种模式:

 A、Date:选择这种模式,控件仅显示日期,不显示时间。

 B、Time:控件仅显示时间,不显示日期。

 C、Date和Time:在此模式下,控件将同时显示日期和时间

 D、Count Down Timer:在此UIDatePicker控件显示为倒计时状态。

 2 、Locate

       该属性用于设置控件的本地化显示,在xib中,下拉列表中列出了多个本地化区域的选项。如果选择Chinese(Simplified)相关的选择,则时间日期除数字之外的日期字符用简体中文显示。

3、Interval

        此参数用于设置控件上,两个最小单位时间的时间间隔。当模式选择为Date是,才属性值失效

4、Contraints

         此参数用于限定时间控件可以选择的时间范围。这两参数设置是能为我们带来方便的,比如做的是预约软件,选择时间预约时,可以制定一个将来的时间,以免用户造成困扰

5、Timer

        此参数仅当UIDatePicker控件Count Down Timer 模式时有效,此时用于设置倒计时所要用的总时间,以秒为单位

首先我们创建一个简单的UIDatePicker,可以用xib创建,也可以用代码创建

        let date = UIDatePicker.init(frame: CGRect.init(x: 0, y: 0, width: 300, height: 200))

        self.view.addSubview(date)

        // 控件模式

         date.datePickerMode = UIDatePickerMode.dateAndTime

        //创建一个日期格式器

        let  dformatter = DateFormatter()

        //为日期格式器设置格式字符串

        dformatter.dateFormat  = "yyyy年MM月dd日 HH:mm:ss"
//这里要注意HH的大小写,如果是大写表示是24小时制,小写表示12小时制

        //使用日期格式器格式化日期、时间

        let datestr = dformatter.string(from: date.date)

        print(datestr)

接下来我们看看控件倒计时显示,不过感觉用到的地方比较少

import UIKit

class ViewController: UIViewController {

    var ctimer : UIDatePicker!

    var btn : UIButton!

    var leftTime:Int = 10

    var timer :Timer!

    

    override func viewDidLoad() {

        super.viewDidLoad()

        ctimer = UIDatePicker.init(frame: CGRect.init(x: 0, y: 0, width: 300, height: 200))

        self.view.addSubview(ctimer)

        // 控件模式

        ctimer.datePickerMode = UIDatePickerMode.countDownTimer

        //必须是60的整数倍,比如设置为100,值自动变为60

        ctimer.countDownDuration = TimeInterval(leftTime)

        ctimer.addTarget(self, action: #selector(timeChange), for: .valueChanged)

        

        

        btn = UIButton.init(type: .system)

        btn.frame = CGRect.init(x: 100, y: 400, width: 100, height: 100)

        btn.setTitleColor(UIColor.red, for: .normal)

        btn.setTitleColor(UIColor.green, for: .disabled)

        btn.setTitle("开始", for: .normal)

        btn.setTitle("倒计时中", for: .disabled)

        btn.clipsToBounds = true

        btn.layer.cornerRadius = 5.0

        btn.addTarget(self, action: #selector(startClicked), for: .touchUpInside)

        

        

        self.view.addSubview(btn)

           }

    func timeChange() {

        print("倒计时:" + String(self.ctimer.countDownDuration))

    }

    func startClicked() {

        

       

        self.btn.isEnabled = false

        //获取该计时器的剩余时间

        leftTime = Int(self.ctimer.countDownDuration)

        //禁用UIDatePicker控件和按钮

        self.ctimer.endEditing(false)

        //初始化一个字符串

        let message = NSString.init(format: "倒计时开始,还有%d秒。。。", leftTime)

        //创建一个UIalterview对象,并确认倒计时开始

        let alter = UIAlertView()

        alter.title = "倒计时开始"

        alter.message = message as String

        alter.addButton(withTitle: "确定")

        alter.show()

        timer = Timer.scheduledTimer(timeInterval: TimeInterval(1), target: self, selector: #selector(tickDown), userInfo: nil, repeats: true)

        

        

        

        

        

        

    }

    

    func tickDown() {

        //将剩余时间减少1秒

        

        leftTime -= 1

        print(leftTime)

        //修改UIDatePicker的剩余时间

        self.ctimer.countDownDuration = TimeInterval(leftTime)

        //如果剩余时间小于等于0

        if leftTime <= 0 {

            //取消定时器

             timer.invalidate()

            //启用UIdatepicker和按钮

            self.ctimer.isEnabled = true

            self.btn.isEnabled = true

            let alter = UIAlertView()

            alter.title = "时间到"

            alter.message = "时间到"

            alter.addButton(withTitle: "确定")

            alter.show()

           

        }

    }

}

几乎见到过用着UIDatePicker进行倒计时的,不过我们去掉UIDatePicker就可以实现app通用倒计时方法了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ios swift UIDatePicker