iOS学习之自定义弹出UIPickerView或UIDatePicker(动画效果)

前面iOS学习之UIPickerView控件的简单使用 用到的UIPickerView弹出来是通过
textField.inputView = selectPicker;   textField.inputAccessoryView = doneToolbar; 这中方法来做的。如果UIPickerView或UIDatePicker控件通过其他按钮或事件激活的时候怎么能像系统那样弹出来呢？为了实现这个需求，就要用到动画效果了。

1、新建一个Single View App项目,在.xib文件中添加控件如下：

两个button,一个UIDatePicker。

2、创建xib和ViewController的连接

按住Control键创建三个控件对于的映射。

创建后viewController.h代码如下

[cpp] view
plaincopy

1. #import <UIKit/UIKit.h>
2. @interface ViewController : UIViewController
3. @property (retain, nonatomic) IBOutlet UIDatePicker *pickerView;
4. - (IBAction)popView:(id)sender;
5. - (IBAction)inView:(id)sender;
6. @property  (nonatomic, retain) NSString *string;
7. @end

3、隐藏pickerView

[cpp] view
plaincopy

1. - (void)viewDidLoad
2. {
3. [super viewDidLoad];
4. self.pickerView.frame = CGRectMake(0, 480, 320, 260);
5. }

把pickerView 放到屏幕以为下面。

4、弹出和弹回pickerView

在pickerView弹出来或回去的时候，设置动画

[cpp] view
plaincopy

1. - (IBAction)popView:(id)sender {
2. CGContextRef context = UIGraphicsGetCurrentContext();
3. [UIView beginAnimations:nil context:context];
4. [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
5. [UIView setAnimationDuration:0.6];//动画时间长度，单位秒，浮点数
6. [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
7. self.pickerView.frame = CGRectMake(0, 245, 320, 260);
8. [UIView setAnimationDelegate:self];
9. // 动画完毕后调用animationFinished
10. [UIView setAnimationDidStopSelector:@selector(animationFinished)];
11. [UIView commitAnimations];
12. }
13. - (IBAction)inView:(id)sender {
14. CGContextRef context = UIGraphicsGetCurrentContext();
15. [UIView beginAnimations:nil context:context];
16. [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
17. [UIView setAnimationDuration:0.6];//动画时间长度，单位秒，浮点数
18. self.pickerView.frame = CGRectMake(0, 480, 320, 260);
19. [UIView setAnimationDelegate:self];
20. // 动画完毕后调用animationFinished
21. [UIView setAnimationDidStopSelector:@selector(animationFinished)];
22. [UIView commitAnimations];
23. }
24. -(void)animationFinished{
25. NSLog(@"动画结束!");
26. }

动画结束后回调动画结束的函数。

运行，弹出

  

第一个图片是弹出来到一半，第二个图片弹出全部。

4、代码块的方法做动画弹出pickerView

单独写个方法

[cpp] view
plaincopy

1. - (void)ViewAnimation:(UIView*)view willHidden:(BOOL)hidden {
2. [UIView animateWithDuration:0.3 animations:^{
3. if (hidden) {
4. view.frame = CGRectMake(0, 480, 320, 260);
5. } else {
6. [view setHidden:hidden];
7. view.frame = CGRectMake(0, 245, 320, 260);
8. }
9. } completion:^(BOOL finished) {
10. [view setHidden:hidden];
11. }];
12. }

5、在Action中调用

[cpp] view
plaincopy

1. - (IBAction)popView:(id)sender {
2. [self ViewAnimation:self.pickerView willHidden:NO];
3. }
4. - (IBAction)inView:(id)sender {
5. [self ViewAnimation:self.pickerView willHidden:YES];
6. }

这个方法更简单实用

PS：以上的方法可以用在TableViewCell点击cell时弹回pickerView等需求.

例子源码下载地址：http://download.csdn.net/detail/totogo2010/4472062

著作权声明：本文由http://blog.csdn.net/totogo2010/原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢