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

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

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

iOS学习之自定义弹出UIPickerView或UIDatePicker(动画效果)
两个button,一个UIDatePicker。

2、创建xib和ViewController的连接

按住Control键创建三个控件对于的映射。
创建后viewController.h代码如下
  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

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

把pickerView 放到屏幕以为下面。

4、弹出和弹回pickerView

在pickerView弹出来或回去的时候,设置动画
  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. }

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

运行,弹出
iOS学习之自定义弹出UIPickerView或UIDatePicker(动画效果)  iOS学习之自定义弹出UIPickerView或UIDatePicker(动画效果)
第一个图片是弹出来到一半,第二个图片弹出全部。

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

单独写个方法
  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中调用

  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://blog.csdn.net/totogo2010/原创,欢迎转载分享。请尊重作者劳动,转载时保留该声明和作者博客链接,谢谢

iOS学习之自定义弹出UIPickerView或UIDatePicker(动画效果)的更多相关文章

  1. iOS开发之自定义弹出的键盘

    self.inputField.inputView = myView 按文本框弹出的键盘不再是普通文字输入键盘,而是我们设置的myView.一般把这个方法写在viewDiLoad方法中. 也可以在键盘 ...

  2. jquery 显示弹出层可利用动画效果

    1 show()方法和hide()方法 $("selector").show()  从display:none还原元素默认或已设置的display属性$("selecto ...

  3. &period;NET MVC 学习笔记(四)— 基于Bootstarp自定义弹出框

    .NET MVC 学习笔记(四)—— 基于Bootstarp自定义弹出框 转载自:https://www.cnblogs.com/nele/p/5327380.html (function ($) { ...

  4. iOS学习笔记-自定义过渡动画

    代码地址如下:http://www.demodashi.com/demo/11678.html 这篇笔记翻译自raywenderlick网站的过渡动画的一篇文章,原文用的swift,由于考虑到swif ...

  5. js自定义弹出框

    js自定义弹出框: 代码如下 <html> <head><title>自定义弹出对话框</title> <style type ="te ...

  6. android自定义弹出框样式实现

    前言: 做项目时,感觉Android自带的弹出框样式比较丑,很多应用都是自己做的弹出框,这里也试着自己做了一个. 废话不说先上图片: 实现机制 1.先自定义一个弹出框的样式 2.自己实现CustomD ...

  7. CSS3&sol;jQuery自定义弹出窗口

    简单演示一下,精简了演示效果和css样式文件,更利于在项目中的实际应用 引入style.css   index.js <!DOCTYPE HTML PUBLIC "-//W3C//DT ...

  8. react native仿微信性别选择-自定义弹出框

    简述 要实现微信性别选择需要使用两部分的技术: 第一.是自定义弹出框: 第二.单选框控件使用: 效果 实现 一.配置弹出框 弹出框用的是:react-native-popup-dialog(Git地址 ...

  9. 读《深入理解Windows Phone 8&period;1 UI控件编程》1&period;4&period;3 框架的应用示例:自定义弹出窗口有感

    前些天买了园子里林政老师的两本 WP8.1 的书籍.毕竟想要学得深入的话,还是得弄本书跟着前辈走的. 今天读到 1.4.3 节——框架的应用示例:自定义弹出窗口这一小节.总的来说,就是弄一个像 Mes ...

随机推荐

  1. SQL SERVER修改排序规则&mdash&semi;&mdash&semi;脚本篇

    在上篇MS SQL 排序规则总结中,大致就数据库服务器排序规则(或者叫数据库实例排序规则).数据库排序规则.列的排序规则粗浅的叙说了一遍,重点讲述了修改数据库服务器排序规则(数据库实例排序规则),其中 ...

  2. request 、response和session的区别

    request: 1.request.getParameter("key")接受的是来自客户登陆端的数据,接受的是post或get方式传送的value. 2.请求的默认字符集是IS ...

  3. strace命令(收集整理,常看常新)

    starce的用途和参数:http://man.linuxde.net/strace(linux命令大全) strace命令是一个集诊断.调试.统计与一体 的工具,我们可以使用strace对应用的系统 ...

  4. SPOJ839 Optimal Marks(最小割)

    题目大概说给一张图,每个点都有权,边的权等于其两端点权的异或和,现已知几个点的权,为了使所有边的边权和最小,其他点的权值该是多少. 很有意思的一道题,完全看不出和网络流有什么关系. 考虑每个未知的点$ ...

  5. NeHe OpenGL教程 第四十三课:FreeType库

    转自[翻译]NeHe OpenGL 教程 前言 声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线 ...

  6. sublime Text3快捷键使用大全

    Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本.Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑.举个栗子:快速选中并更改所有相同的变量名.函数名等.Ct ...

  7. Variational Bayes

    一.前言 变分贝叶斯方法最早由Matthew J.Beal在他的博士论文<Variational Algorithms for Approximate Bayesian Inference&gt ...

  8. 伪类&plus;js实现CSS3 media queries跨界准确判断

    @media screen and (min-width: 45em) { body:after{ content:"宽屏" } } var content = window.ge ...

  9. Android——进程通信&sol; AIDL&sol;Message相关知识总结贴

    Android多进程通信 http://www.apkbus.com/android-83462-1-1.html Android 跨进程通信(一) http://www.apkbus.com/and ...

  10. AI,大数据,复杂系统 最精 40本大书单

    AI,大数据,复杂系统 最精 40本大书单 原创 2017-10-30 Peter 混沌巡洋舰 如果这篇文的题目变成最全书单,那么这篇文会变得又臭又长,这个年代,关于人工智能和大数据的书,没有一万本也 ...