前面咱們學完了第一個高級控件UIScrollView, 這個控件的確有不少很強大的功能, 其中一個就是能夠實現咱們的跑馬燈, 在一些新聞客戶端裏面, 裏面會有圖片每隔一段時間就會自動跳轉, 其實這裏面就是UIScrollView, 這個功能就讓你們本身去完成了, 如今讓咱們來看看第二個高級控件UIPickerView.atom
1.添加全局變量spa
@interface ViewController () @property (strong, nonatomic) UITextField *birthdayText; @end
2.添加UILabelcode
#pragma mark 添加UILabel - (void)myLabel { // 1.添加label UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(20.0, 20.0, 80.0, 40.0)]; [label setText:@"生日 : "]; [self.view addSubview:label]; // 2.實例化TextField _birthdayText = [[UITextField alloc] initWithFrame:CGRectMake(100.0, 20, 200.0, 40.0)]; [_birthdayText setPlaceholder:@"請選擇生日日期"]; [_birthdayText setBorderStyle:UITextBorderStyleRoundedRect]; [self.view addSubview:_birthdayText]; }
- (void)myDatePicker { // 1.日期Picker UIDatePicker *datePickr = [[UIDatePicker alloc] init]; // 1.1選擇datePickr的顯示風格 [datePickr setDatePickerMode:UIDatePickerModeDate]; // 1.2查詢全部可用的地區 //NSLog(@"%@", [NSLocale availableLocaleIdentifiers]); // 1.3設置datePickr的地區語言, zh_Han後面是s的就爲簡體中文,zh_Han後面是t的就爲繁體中文 [datePickr setLocale:[[NSLocale alloc] initWithLocaleIdentifier:@"zh_Hans_CN"]]; // 1.4監聽datePickr的數值變化 [datePickr addTarget:self action:@selector(dateChanged:) forControlEvents:UIControlEventValueChanged]; // 2.設置日期控件的初始值 // 2.1 指定一個字符串 NSString *dateString = @"1949-10-1"; // 2.2 把字符串轉換成日期 NSDateFormatter *fromatter = [[NSDateFormatter alloc] init]; [fromatter setDateFormat:@"yyyy-MM-dd"]; NSDate *date = [fromatter dateFromString:dateString]; // 2.3 將轉換後的日期設置給日期選擇控件 [datePickr setDate:date]; // 3.設置PickerView爲birthdayText輸入控件 [_birthdayText setInputView:datePickr]; }
- (void)dateChanged:(UIDatePicker *)datePicker { // 1.要轉換日期格式, 必須得用到NSDateFormatter, 專門用來轉換日期格式 NSDateFormatter *formatter = [[NSDateFormatter alloc] init]; // 1.1 先設置日期的格式字符串 [formatter setDateFormat:@"yyyy-MM-dd"]; // 1.2 使用格式字符串, 將日期轉換成字符串 NSString *dateString = [formatter stringFromDate:datePicker.date]; // 2.把Date添加到文本 [_birthdayText setText:dateString]; }
- (void)viewDidLoad { [super viewDidLoad]; [self myLabel]; [self myDatePicker]; }
6.最終效果:orm