iOS中自定义弹出pickerView效果(DEMO)

2020-01-18 19:36:18于海丽

    同样,在这里我把topview的左上和右上两个角设置成了圆角也就是为了好看点,其实没啥区别,用的时候可以根据自己的需求来注释掉啥的。

实现pickerView的协议方法


<UIPickerViewDelegate,UIPickerViewDataSource>
// 返回选择器有几列.
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
 return 1;
}
// 返回每组有几行
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
 return [self.array count];
}
#pragma mark - 代理
// 返回第component列第row行的内容(标题)
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
 return self.array[row];
}
// 选中第component第row的时候调用
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
 self.result = self.array[row];
}

先现实show方法,然后实现点击按钮Done的推出方法


//弹出
- (void)show
{
 [self showInView:[UIApplication sharedApplication].keyWindow];
}
//添加弹出移除的动画效果
- (void)showInView:(UIView *)view
{
 // 浮现
 [UIView animateWithDuration:0.5 animations:^{
  CGPoint point = self.center;
  point.y -= 250;
  self.center = point;
 } completion:^(BOOL finished) { 
 }];
 [view addSubview:self];
}

-(void)quit
{
 [UIView animateWithDuration:0.5 animations:^{
  self.alpha = 0;
  CGPoint point = self.center;
  point.y += 250;
  self.center = point;
 } completion:^(BOOL finished) {
  if (!self.result) {
   self.result = self.array[0];
  }
  NSLog(@"%@",self.result);
  [[NSNotificationCenter defaultCenter]postNotificationName:@"value" object:self.result];
  [self removeFromSuperview];
 }];
}

    在这里呢,需要注意的是,假设你没有点击,没有滑动的话,self.result是空值,所以需要你判断下,若为空,传入数组第一个数据,不为空的话就直接传递了,另外我用的是通知传值,因为block传值我还没有去学习了解,所以这里就用上我会的一个通知传值,但是我有个小问题,希望看到的人回答下我,通知一般在什么时候移除比较好呢??

第三步:主页实现点击出现的方法,并且接收回传的值。

主页面引入头文件#import “YLSOPickerView.h”

实现点击弹出的事件


#pragma mark - UITextFieldDelegate
//点击文本框时触发的事件,唤起跳出视图
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField
{
 if(textField.tag == 1000)
 {
  YLSOPickerView *picker = [[YLSOPickerView alloc]init];
  picker.array = @[@"iPhone4",@"iPhone4S",@"iPhone5",@"iPhone5S",@"iPhone5C",@"iPhone6",@"iPhone6Plus",@"iPhone6S",@"iPhone6SPlus"];
  picker.title = @"pick number";
  [picker show];
 }
 return NO;
}