IOS开发实例 View实现动画效果

移动开发 iOS
本文介绍的是IOS开发实例 View实现动画效果,实现点击一个按钮,一个视图渐渐弹出,在一点按钮,视图慢慢缩回去的效果,来看内容。

IOS开发实例 View实现动画效果是本文要介绍的内容,在ios应用中,经常可以看到一个点击一个按钮,一个视图渐渐弹出,在一点按钮,视图慢慢缩回去。这个动画效果在ios中经常使用,下面是我写的一个小例子,界面效果如下:

IOS开发实例 View实现动画效果 

IOS开发实例 View实现动画效果

具体的实现过程如下:

创建工程。

利用Interface Builder添加一个按钮和一个视图,把视图底色换一个颜色。

在头文件中进行声明:

  1. #import <UIKit/UIKit.h>   
  2.  
  3. @interface ipad_scrollViewViewController : UIViewController {   
  4.  
  5.     IBOutlet UIButton *myButton;   
  6.     UILabel *tableView;   
  7.     IBOutlet UIView *myView;   
  8. }   
  9. @property(nonatomic,retain) UIButton *myButton;   
  10. @property(nonatomic,retain) UIView *myView;   
  11. -(IBAction)onClickButton:(id)sender;   
  12. @end  
  13.  
  14. 把IB中的组件和相关对象相连接。   
  15.  
  16. 实现具体的代码:   
  17.  
  18. #import "ipad_scrollViewViewController.h"   
  19. @implementation ipad_scrollViewViewController   
  20. @synthesize  myButton,myView;   
  21. - (void)viewDidLoad {   
  22.     [super viewDidLoad];   
  23. }   
  24. - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {   
  25.     return YES;   
  26. }   
  27.  
  28. - (void)didReceiveMemoryWarning {   
  29. [super didReceiveMemoryWarning];   
  30. }   
  31.  
  32. - (void)viewDidUnload {   
  33.     self.myButton=nil;   
  34.     self.myView=nil;   
  35. }   
  36. - (void)dealloc {   
  37.     [self.myView release];   
  38.     [self.myButton release];   
  39.     [super dealloc];   
  40. }   
  41. -(IBAction)onClickButton:(id)sender   
  42. {   
  43.     CGContextRef context = UIGraphicsGetCurrentContext();   
  44.     [UIView beginAnimations:@"Curl" context:context];   
  45.     [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];   
  46.     [UIView setAnimationDuration:0.5];   
  47.     CGRect rect = [myView frame];   
  48.     CGRect rect1=[myButton frame];   
  49.     if (rect.origin.x>0) {   
  50.         rect.origin.x = 26.0f – rect.size.width;   
  51.         rect1.origin.x=267.0f- rect.size.width;   
  52.     }else {   
  53.         rect.origin.x = 26.0f;   
  54.         rect1.origin.x=267.0f;   
  55.     }   
  56.     [myButton setFrame:rect1];   
  57.     [myView setFrame:rect];   
  58.     [UIView commitAnimations];   
  59. }   
  60. @end 

源代码:http://easymorse-iphone.googlecode.com/svn/trunk/ipad.scrollView/

上述代码虽然可以实现视图的移动,但是有一个问题没有实现,就是一个视图如果在屏幕中间,不能实现点击一个按钮,从无到有而且是从一侧移到另一侧的动画。

小结:IOS开发实例 View实现动画效果的内容介绍完了,希望本文对你有所帮助。

责任编辑:zhaolei 来源: 互联网
相关推荐

2011-08-12 14:04:53

iPhone动画

2011-07-08 10:15:15

IPhone 动画

2015-06-18 10:33:02

iOS粘性动画

2011-08-15 09:51:45

Sencha TouciPad

2011-08-16 18:13:42

IPhone开发UIView动画

2011-08-10 14:40:23

iPhone动画

2012-06-04 14:47:42

HTML5

2017-02-06 13:00:49

Android翻转卡片动画效果

2011-07-22 16:37:14

IOS CALayer 动画

2022-03-29 11:28:24

HarmonyOS动画css

2011-05-30 13:23:11

Android 动画

2013-07-25 13:43:23

iOS开发学习UIView的Anim

2011-07-29 13:55:10

IPhone 动画

2009-09-22 12:59:58

ibmdwDojo

2011-06-24 16:09:24

Qt 动画 状态机

2011-08-02 11:17:13

iOS开发 View

2014-02-26 14:24:40

iOSUIScrollVieUIview

2013-01-06 10:43:54

Android开发View特效

2011-07-26 11:08:23

iOS 录像 录音

2014-04-02 10:29:12

iOS 7模糊效果
点赞
收藏

51CTO技术栈公众号