代码讲解:(后面有额外代码讲解)

首页设计UIPickerView的样式设计:

leftArray = ["花朵","颜色","形状"];

        

        let array1 = ["茉莉","玫瑰","郁金香","紫罗兰"];

        let array2 = ["红色","黄色","黑色","白色","紫色"];

        let array3 = ["圆形","方形","椭圆形"];

        righArray = [array1,array2,array3];

        

        let pickerV = UIPickerView.init(frame: CGRectMake(0, 100, self.view.frame.size.width, 260));

        //pickerV.backgroundColor = UIColor.brownColor();

        //设置是否显示选中状态

        pickerV.showsSelectionIndicator = true;

        //设置代理

        pickerV.dataSource = self;

        pickerV.delegate = self;

        self.view.addSubview(pickerV);

        

        let btn = UIButton.init(frame: CGRectMake(40, 380, F_Device_W()-40*2, 40));

        btn.setTitle("时间选择器", forState: UIControlState.Normal);

        btn.backgroundColor = UIColor.cyanColor();

        btn.layer.cornerRadius = 5;

        self.view.addSubview(btn);

        btn.addTarget(self, action: #selector(btnClick), forControlEvents:.TouchUpInside);

添加代理,执行必要的代理方法:

//MARK:---必须要实现的UIPickerViewDatasource的方法

    //返回几个分区

    func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int {

        return 2;

    }

    //返回各分区行数

    func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {

        if (component == 0)

        {

            return leftArray.count;

        }

        else

        {

            //获取选中第0分区的哪一行

            let row1 = pickerView.selectedRowInComponent(0);

            //然后根据获取的行号获取第1分区所对应的数据

            let arrarY = righArray.objectAtIndex(row1);

            return arrarY.count;

        }

    }

时间选择器UIDatePicker

//UIDatePicker时间选择器,继承于UIControl

        let datePick = UIDatePicker.init(frame: CGRectMake(0, 80, self.view.frame.size.width, 300));

        //设置显示时间样式,中or英,默认英文显示样式

        datePick.locale = NSLocale.init(localeIdentifier: "zh_CN");//中文

        datePick.backgroundColor = UIColor.lightGrayColor();

        //设置显示类型

        datePick.datePickerMode = UIDatePickerMode.DateAndTime;//日期和时间

        //设置默认的日期

        datePick.date = NSDate.init();

        //设置可以选择的最小日期

        datePick.minimumDate = NSDate.init(timeIntervalSinceNow: -(60*60*24*7));

        //设置可以选择的最大日期

        datePick.maximumDate = NSDate.init(timeIntervalSinceNow: 60*60*24*7);

        //添加方法获取显示的日期值

        datePick.addTarget(self, action: #selector(changeValueDate), forControlEvents: .ValueChanged);

        self.view.addSubview(datePick);

        

        

        dateLabel = UILabel.init(frame: CGRectMake(40, 390, self.view.frame.size.width-80, 50));

        dateLabel.textColor = UIColor.blueColor();

        dateLabel.textAlignment = NSTextAlignment.Center;

        self.view.addSubview(dateLabel);

        

    }

    

    func changeValueDate(datePickerV:UIDatePicker) {

        //获取当前选中的时间

        let dateE = datePickerV.date;

        

        //转换时间格式

        let formatterR = NSDateFormatter.init();

        formatterR.dateFormat = "yyyy-MM-dd hh:mm:ss";

        

        let dateStr = formatterR.stringFromDate(dateE);

        

        dateLabel.text = dateStr;

    }

额外代码讲解:

//MARK:---值得注意的是,Swift中没有了宏定义define,可以将宏定义写成func 方法进行调用

    //如:获取屏幕的宽  高方法

    func F_Device_W() -> CGFloat {

        return UIScreen.mainScreen().bounds.size.width;

    }

    func F_Device_H() -> CGFloat {

        return UIScreen.mainScreen().bounds.size.height;

    }

    

    //设置RGBA宏方法

    func RGBA (r:CGFloat, g:CGFloat, b:CGFloat, a:CGFloat) -> UIColor {

        return UIColor (red: r/255.0, green: g/255.0, blue: b/255.0, alpha: a);

    }

    

    //判断系统版本方法,方法的使用:如:navBar = UIView(frame: CGRectMake(0, 0, 320, IS_IOS7() ? 64:44))//三元运算

    func IS_IOS7() ->Bool { return (UIDevice.currentDevice().systemVersion as NSString).doubleValue >= 7.0;

    }

    func IS_IOS8() -> Bool { return (UIDevice.currentDevice().systemVersion as NSString).doubleValue >= 8.0;

    }

结果显示:

        

源码下载Demo:http://download.csdn.net/detail/hbblzjy/9592406

Swift基础之PickerView(时间)选择器的更多相关文章

  1. Android零基础入门第57节:日期选择器DatePicker和时间选择器TimePicker

    原文:Android零基础入门第57节:日期选择器DatePicker和时间选择器TimePicker 在实际开发中,经常会遇见一些时间选择器.日期选择器.数字选择器等需求,那么从本期开始来学习And ...

  2. picker-view、微信小程序自定义时间选择器(非官方)

    picker-view自定义时间选择器 官网的自定义时间选择器比较简陋.日期不准 下面是我自己写的一个demo <view class="baseList"> < ...

  3. swift基础:第二部分:函数和闭包

    今天本来想利用上午的时间本来打算将swift基础部分学习完的,不巧的是,后台来和我讨论用户评价的接口,讨论过后,商讨出一种可行的方案,十几分钟时间过去了,我拿到将接口介入到已经完成的页面中,完美,终于 ...

  4. Android PickerView滚动选择器的使用方法

    手机里设置闹钟需要选择时间,那个选择时间的控件就是滚动选择器,前几天用手机刷了MIUI,发现自带的那个时间选择器效果挺好看的,于是就自己仿写了一个,权当练手.先来看效果: 效果还行吧?实现思路就是自定 ...

  5. iOS-自定义起始时间选择器视图

    概述 自定义起始时间选择器视图, 调起时间选择器, 传值(起始时间/截止时间), 两者时间均要合理, 不能超过未来时间, 并且起始时间不能大于截止时间. 点击取消或空白处收起时间选择器. 详细 代码下 ...

  6. 微信小程序中利用时间选择器和js无计算实现定时器(将字符串或秒数转换成倒计时)

    转载注明出处 改成了一个单独的js文件,并修改代码增加了通用性,点击这里查看 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时. 因为小程序的限制,所以直接选用时间选择器作为选择定时 ...

  7. 移动端lCalendar纯原生js日期时间选择器

    网上找过很多的移动端基于zepto或jquery的日期选择器,在实际产品中也用过一两种,觉得都不太尽如人意,后来果断选择了H5自己的日期input表单,觉得还可以,至少不用引用第三方插件了,性能也不错 ...

  8. swift基础:第六部分:类与对象

    http://reactnative.cn/docs/0.24/getting-started.html#content(react Native 开发文档) 互联网这个时代,你松懈一天,就会有很多很 ...

  9. Swift基础语法学习总结(转)

    Swift基础语法学习总结 1.基础  1.1) swift还是使用// 和/* */ 来注释,并且/* */允许多行注释. 1.2) swift使用print和println打印,它的传参是一个泛型 ...

随机推荐

  1. JAVA 面试基础

    经典的Java基础面试题________________________________________________________________________________________ ...

  2. Java第10次实验(数据库)

    参考资料 数据结构实验参考文件 MySql操作视频与数据库相关jar文件请参考QQ群文件. 第1次实验 1. MySQL数据库基本操作 完整演示一遍登录.打开数据库.建表.插入 常见错误:语句后未跟; ...

  3. ROS机器人程序设计(原书第2版)补充资料 kinetic

    Effective Robotics Programming with ROS Third Edition Find out everything you need to know to build ...

  4. AWS EC2 CentOS release 6.5 部署redis

    AWS EC2 CentOS release 6.5 部署redis参考:http://blog.csdn.net/ludonqin/article/details/47211109一.安装redis ...

  5. 大规模WebGL应用引发浏览器崩溃的几种情况及解决办法

    一般的Web应用基本上不会导致浏览器崩溃,写Javascript代码也不需要管理内存资源,基本也不需要考虑内存"泄露"的问题.随着H5的崛起,越来越多的原本在桌面端的软件也改头换面 ...

  6. 计算机网络之局域网&以太网

    局域网的拓扑结构 局域网最主要的特点是:网络为一个单位所拥有,且地理范围和站点数目均有限. 局域网具有广播功能,从一个站点可很方便地访问全网,局域网上的主机可共享连接在局域网上的各种硬件和软件资源. ...

  7. TreeMap倒序以及遍历

    TreeMap倒序 TreeMap默认是按照Key给排序的,但是有的时候我们需要倒序,比如Key是日期,我们需要按照日期倒序显示(最近的时间在前面),类似下面这种情况 TreeMap倒序方法 tree ...

  8. [CSDN_Markdown] 使用CSDN Markdown编辑器

    简介 最近CSDN支持Markdown语法写博客了,甚是欢喜.前几天写了一篇实验了下,感觉不错.准备写几篇文章介绍一下如何使用CSDN的Markdown编辑器写博客,不求全面,但求够用,望大家批评指正 ...

  9. springMVC源码分析--ControllerBeanNameHandlerMapping(八)

    在上一篇博客springMVC源码分析--AbstractControllerUrlHandlerMapping(六)中我们介绍到AbstractControllerUrlHandlerMapping ...

  10. EXCEL技能之数据去重

    本篇不属于技术类博文,只是想找个地方记录而已,既然是我的博客嘛,那就自己想写什么就写什么了. CRM中有个EXCEL数据导入功能,几千条数据导入CRM后去重,那是死的心都有的.往回想想EXCEL是否有 ...