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

首页设计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. 【阿里聚安全·安全周刊】Google“手枪”替换 | 伊朗中央银行禁止加密货币

    本周七个关键词:Google"手枪"替换丨IOS 漏洞影响工业交换机丨伊朗中央银行禁止加密货币丨黑客针对医疗保健丨付费DDoS攻击丨数据获利的8种方式丨MySQL 8.0 正式版 ...

  2. IP地址段遍历

    #region 搜索ftp服务器地址 /// <summary> /// 搜索ftp服务器 /// </summary> public void SearchFtpServer ...

  3. Canvas实现3D效果-可旋转的立方体

    摘要:Canvas画布是一个二维平面,如何展示出3D效果?通过将三维空间中的Z轴抽取出来,将图像的点投影到与Z轴垂直的平面上,在通过旋转等变换效果,我们就能实现3D效果. 一.建立坐标系 1)立方体坐 ...

  4. Nodejs 模块查找机制还不错(从当前目录开始逐级向上查找node_modules)

    比如 m.js是能够调用a.js的, 这样子目录就可以避免重复安装node_modules. 够用了.

  5. 衣带渐宽终不悔,为伊消得人憔悴--DbHelper增强版

    核心理念 如何使用 测试实例 数据库内详细数据信息 测试代码 数据库连接池测试 测试集 延伸 相关下载链接 前几日,写了一篇关于一个 轻量级数据持久化的框架的博客(点击浏览: http://blog. ...

  6. 安卓7.1 新特性Shortcut

    介绍 Shortcut 是谷歌在API25提出来的 类似苹果3D touch 但是没有压力感应.在安卓中完全就是长按. 来看下效果吧: 是不是很赞? 那么请随本文一起学习吧 更新 新建项目 在你项目下 ...

  7. Apache Curator入门实战

    Apache Curator入门实战 Curator是Netflix公司开源的一个Zookeeper客户端,与Zookeeper提供的原生客户端相比,Curator的抽象层次更高,简化了Zookeep ...

  8. Android输入控件详解

    输入控件 输入控件是您的应用用户界面中的交互式组件.Android 提供了多种可在 UI 中使用的控件,如按钮.文本字段.定位栏.复选框.缩放按钮.切换按钮等. 向 UI 中添加输入控件与向 XML ...

  9. SSH 之 Spring的源码(一)——Bean加载过程

    看看Spring的源码,看看巨人的底层实现,拓展思路,为了更好的理解原理,看看源码,深入浅出吧.本文基于Spring 4.0.8版本. 首先Web项目使用Spring是通过在web.xml里面配置 o ...

  10. Android布局中ScrollView与ListView的冲突的最简单方法

    看到网上流行的一种使用方法是: public class Utility { public static void setListViewHeightBasedOnChildren(ListView ...