iOS系列UI篇——UIDatePicker和UIPickerView

这两个控件长相类似，所以放在一起了！这两个控件多半是在填写注册人信息，收货地址等等页面，所以几乎每个项目都可能用到。

首先看一下UIDatePicker——时间选择器。上代码！

#import "ViewController.h"
#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
#define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height
@interface ViewController ()
{UIDatePicker * _dp;
}
@end@implementation ViewController- (IBAction)getPickerTime:(UIButton *)sender {//按你喜欢的样子~~取出时间~~~NSDate * res = [_dp date];NSDateFormatter * dateFormatter = [[NSDateFormatter alloc] init];[dateFormatter setDateFormat:@"yyyy年MM月dd日HH时mm分"];NSString * pickerTime = [dateFormatter stringFromDate:res];UIAlertView * al = [[UIAlertView alloc] initWithTitle:@"你选择的时间" message:pickerTime delegate:nil cancelButtonTitle:@"好的" otherButtonTitles:nil, nil];[al show];
}- (void)viewDidLoad {[super viewDidLoad];[self createDatePicker];
}
- (void)createDatePicker
{//设置宽高float dw = 300.0f;float dh = 200.0f;//初始化一个时间选择器_dp = [[UIDatePicker alloc] initWithFrame:(CGRectMake((SCREEN_WIDTH - dw) / 2, (SCREEN_HEIGHT - dh) / 2, dw, dh))];//修圆角_dp.layer.cornerRadius = 10.0f;_dp.layer.masksToBounds = YES;//国际化设为中国_dp.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh"];//设置类型/*UIDatePickerModeTime, 只有时间，没有日期UIDatePickerModeDate, 只有日期，没有时间UIDatePickerModeDateAndTime, 同时显示时间和日期UIDatePickerModeCountDownTimer, 显示倒计时*/_dp.datePickerMode = UIDatePickerModeDateAndTime;/*分钟数最小时间间隔（1 - 30）, 仅当datePickerMode存在time时生效*/_dp.minuteInterval = 1;//设置背景_dp.backgroundColor = [UIColor grayColor];[self.view addSubview:_dp];
}

代码里注释得很清楚，就不多说了，说白了，接下来介绍的UIPickerView才是王道，你甚至可以自己定制一个时间选择器~上代码~~

if (!_nameArray) {_nameArray = @[@"朱老板",@"袁老板",@"安老板",@"杨老板",@"雷老板",@"韩老板",@"徐老板",@"陈老板"];}if (!_sexArray) {_sexArray = @[@"男",@"女"];}

为了创建一个两列的选择器，我们先就搞两个数组~~~然后创建出我们的选择器

//定义宽高float pw = 300;float ph = 200;//初始化一个选择器UIPickerView * picker = [[UIPickerView alloc] initWithFrame:(CGRectMake((SCREEN_WIDTH - pw) / 2, (SCREEN_HEIGHT - ph) / 2, pw, ph))];picker.backgroundColor = [UIColor groupTableViewBackgroundColor];//设置代理picker.delegate = self;picker.dataSource = self;//显示选中标记picker.showsSelectionIndicator = YES;[self.view addSubview:picker];

因为UIPickerView没有继承UIControl，所以我们需要在代理中实现选择的回调，上代码~

#pragma mark 创建PickerView
- (void)createPickerView
{//定义宽高float pw = 300;float ph = 200;//初始化一个选择器UIPickerView * picker = [[UIPickerView alloc] initWithFrame:(CGRectMake((SCREEN_WIDTH - pw) / 2, (SCREEN_HEIGHT - ph) / 2, pw, ph))];picker.backgroundColor = [UIColor groupTableViewBackgroundColor];//设置代理picker.delegate = self;picker.dataSource = self;//显示选中标记picker.showsSelectionIndicator = YES;[self.view addSubview:picker];
}
#pragma mark UIPickerViewDelegate的回调
//返回列表标题
- (nullable NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component __TVOS_PROHIBITED
{if (component == 0) {return _nameArray[row];}else{return _sexArray[row];}
}
//选择结果
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{if (component == 0) {_resName = _nameArray[row];}else{_resSex = _sexArray[row];}_res = [NSMutableString stringWithFormat:@"%@,%@",_resName,_resSex];
}
#pragma mark UIPickerViewDataSource的回调
//决定pickerView有多少列
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{return 2;
}
//决定pickerView有多少列表项
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{if (component == 0) {return _nameArray.count;}else{return _sexArray.count;}}

其实GitHub和code4App上已经有很多这方面的代码了，所以，如果在项目中又需求，直接找来用就可以的，完全没有必要自己写！

iOS系列UI篇——UIDatePicker和UIPickerView相关推荐

iOS开发UI篇—Date Picker和UITool Bar控件简单介绍
iOS开发UI篇-Date Picker和UITool Bar控件简单介绍一.Date Picker控件 1.简单介绍: Date Picker显示时间的控件有默认宽高,不用设置数据源和代理如何 ...
iOS开发UI篇—transframe属性（形变）
iOS开发UI篇-transframe属性(形变) 1. transform属性在OC中,通过transform属性可以修改对象的平移.缩放比例和旋转角度常用的创建transform结构体方法分两 ...
iOS开发UI篇—多控制器和导航控制器简单介绍
iOS开发UI篇-多控制器和导航控制器简单介绍一.多控制器一个iOS的app很少只由一个控制器组成,除非这个app极其简单.当app中有多个控制器的时候,我们就需要对这些控制器进行管理有多个vi ...
iOS开发UI篇—UIWindow简单介绍
iOS开发UI篇-UIWindow简单介绍一.简单介绍 UIWindow是一种特殊的UIView,通常在一个app中只会有一个UIWindow iOS程序启动完毕后,创建的第一个视图控件就是UIWi ...
iOS开发UI篇—简单介绍静态单元格的使用
iOS开发UI篇-简单介绍静态单元格的使用一.实现效果与说明说明:观察上面的展示效果,可以发现整个界面是由一个tableview来展示的,上面的数据都是固定的,且几乎不会改变. 要完成上面的效果, ...
iOS开发UI篇—实现UITableview控件数据刷新
iOS开发UI篇-实现UITableview控件数据刷新一.项目文件结构和plist文件二.实现效果 1.说明:这是一个英雄展示界面,点击选中行,可以修改改行英雄的名称(完成数据刷新的操作). 运 ...
iOS开发UI篇—UITabBarController简单介绍
iOS开发UI篇-UITabBarController简单介绍一.简单介绍 UITabBarController和UINavigationController类似,UITabBarControlle ...
iOS开发UI篇—懒加载
iOS开发UI篇-懒加载 1.懒加载基本懒加载--也称为延迟加载,即在需要的时候才加载(效率低,占用内存小).所谓懒加载,写的是其get方法. 注意:如果是懒加载的话则一定要注意先判断是否已经有了, ...
iOS开发UI篇—UITableviewcell的性能优化和缓存机制
iOS开发UI篇-UITableviewcell的性能问题一.UITableviewcell的一些介绍 UITableView的每一行都是一个UITableViewCell,通过dataSource ...
iOS开发UI篇—CALayer简介
iOS开发UI篇-CALayer简介一.简单介绍在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是UIView. 其实UI ...

iOS系列UI篇——UIDatePicker和UIPickerView

iOS系列UI篇——UIDatePicker和UIPickerView相关推荐

最新文章

热门文章