选择器

本文详细介绍使用Flutter和React Native进行iOS与Android跨平台开发的方法,包括如何利用省市区选择器(UIPickerView)和日期选择器(UIDatePicker)等组件实现功能。通过实例演示了如何加载和解析provinces_cities.plist文件,以及如何设置和获取选择器的数据。

1.日期旋转器(UIDatePicker)

 日期选择器有4种:日期,日期时间,时间和倒计时器

UIDatePicker的属性设置:

Mode:设置日期选择器的模式

Local:设置本地化,日期选择器会按照本地习惯的文字显示

Interval:设定间隔时间,单位为分钟

Date:设定开始时间

Constraints:设定能显示的最大和最小日期

Timer:在倒计时定时器模式下倒计时的秒数。

 

@property (weak, nonatomic) IBOutlet UIDatePicker *datePicker;

@property (weak, nonatomic) IBOutlet UILabel *label;

    NSDate *date = self.datePicker.date;

    NSLog(@"the date picked is: %@",[date descriptionWithLocale:[NSLocale currentLocale]]);

    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc]init];

    [dateFormatter setDateFormat:@"YYYY-MM-dd HH:mm:ss"];

    NSLog(@"the date formate is:%@",[dateFormatter stringFromDate:date]);

    self.label.text = [dateFormatter stringFromDate:date];

2.普通选择器(UIPickerView)

  需要两个协议UIPickerViewDataSource和UIPickerViewDelegate.

案例草图:

  将省市信息放在provinces_cities.plist文件中,这个文件采用字典结构。

 

@property (weak,nonatomic)IBOutlet UIPickerView *pickerView;

 

@property (weak, nonatomic) IBOutlet UILabel *label;

@property (nonatomic,strong) NSDictionary *pickerData;

@property (nonatomic,strong) NSArray *pickerProvincesData;

@property (nonatomic,strong) NSArray *pickerCitiesData;

 

- (void)viewDidLoad {

    [super viewDidLoad];

    // Do any additional setup after loading the view, typically from a nib.

    NSBundle *bundle = [NSBundle mainBundle];

    NSString *plistPath = [bundle pathForResource:@"provinces_cities" ofType:@"plist"];

    

    NSDictionary *dict = [[NSDictionary alloc]initWithContentsOfFile:plistPath ];

    self.pickerData = dict;

    

    self.pickerProvincesData = [self.pickerData allKeys];

    

    NSString *selectedProvice = [self.pickerProvincesData objectAtIndex:0];

    self.pickerCitiesData = [self.pickerData objectForKey:selectedProvice];

    [self.pickerView setDataSource:self];

    [self.pickerView setDelegate:self];

}

 

- (IBAction)onClick:(id)sender {

    NSInteger row1 = [self.pickerView selectedRowInComponent:0];

    NSInteger row2 = [self.pickerView selectedRowInComponent:1];

    NSString *selected1 = [self.pickerProvincesData objectAtIndex:row1];

    NSString *selected2 = [self.pickerCitiesData objectAtIndex:row2];

    NSString *title = [[NSString alloc]initWithFormat:@"%@,%@市",selected1,selected2 ];

    self.label.text = title;

    

}

#pragma mark -UIPickerViewDataSource

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView

{

    return 2;

}

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component

{

    if (component == 0) {

        return [self.pickerProvincesData count];

    }else{

        return [self.pickerCitiesData count];

    }

}

 

#pragma mark - UIPickerViewDelegate

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component;

{

    if (component == 0) {

        return [self.pickerProvincesData objectAtIndex:row];

    }else{

        return [self.pickerCitiesData objectAtIndex:row];

    }

}

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component;

{

    if (component == 0) {

        NSString *selectedProvince = [self.pickerProvincesData objectAtIndex:row];

        NSArray *citiesArray = [self.pickerData objectForKey:selectedProvince];

        self.pickerCitiesData = citiesArray;

        [self.pickerView reloadComponent:1];

    }

}

 

转载于:https://www.cnblogs.com/PJXWang/p/5421752.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值