iPhone开发【十三】动画效果之最简单的动画——动态加载图片-白红宇的个人博客

iPhone开发【十三】动画效果之最简单的动画——动态加载图片

发布日期：2021-09-28 18:46:29 浏览次数：8 分类：技术文章

本文共 2664 字，大约阅读时间需要 8 分钟。

转载请注明出处，原文网址：作者：张燕广

从本篇开始不再详细介绍每一步操作，而只介绍一些关键操作及展示核心代码和代码解释。

实现的功能：1）演示一个简单的动画效果，动态加载图片。2）点击屏幕时重新加载动画。

关键词：Animation 动画动态加载图片

1、新建视图控制器ImageViewController（不带xib），作为根视图控制器，ImageViewController.h如下：

[cpp]
 #import <UIKit/UIKit.h>  
   
 @interface ImageViewController : UIViewController  
   
 @property(strong,nonatomic)UIImageView *imageView;  
 @property(strong,nonatomic)UIImage *desktop;  
 -(void)loadImage;  
 @end  

ImageViewController.m如下：

[cpp]
 <span style="font-size:18px;">#import "ImageViewController.h"  
 @implementation ImageViewController  
 @synthesize imageView;  
 @synthesize desktop;  
   
 - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil  
 {  
     self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];  
     if (self) {  
         // Custom initialization  
     }  
     return self;  
 }  
   
 - (void)loadView  
 {  
     // If you create your views manually, you MUST override this method and use it to create your views.  
     // If you use Interface Builder to create your views, then you must NOT override this method.  
     NSLog(@"loadView");  
     UIView *view = [[ UIView alloc] initWithFrame:[ UIScreen  
                                                    mainScreen].applicationFrame] ;  
     UIColor *bgColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:1.0];  
     [view setBackgroundColor:(bgColor)];  
     self.view = view;  
     desktop = [UIImage imageNamed:@"desktop.png"];  
       
     [self performSelector:@selector(loadImage) withObject:nil afterDelay:0.1];  
 }  
   
 -(void)loadImage{  
     if(imageView!=nil){  
         [imageView removeFromSuperview];  
     }  
     //初始时，将imageView的宽度设置为0，这样就隐藏起来了  
     imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 0, desktop.size.height)];  
     [imageView setImage:desktop];  
       
     [self.view addSubview:imageView];  
     //设置动画效果  
     CGContextRef context = UIGraphicsGetCurrentContext();  
     //开始播放动画  
     [UIView beginAnimations:nil context:context];  
     [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];  
     //[UIView setAnimationCurve:UIViewAnimationCurveEaseIn];  
     //[UIView setAnimationCurve:UIViewAnimationCurveEaseOut];  
     //[UIView setAnimationCurve:UIViewAnimationCurveLinear];  
     [UIView setAnimationDuration:1.5];  
     //imageView最终的宽度为desktop.size.width  
     [imageView setFrame:CGRectMake(0, 0, desktop.size.width, desktop.size.height)];     
     [UIView commitAnimations];  
 }  
   
 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{  
     [self loadImage];  
 }  
   
 - (void)viewDidLoad  
 {  
     [super viewDidLoad];  
     // Do any additional setup after loading the view, typically from a nib.  
 }  
   
 - (void)viewDidUnload  
 {  
     [super viewDidUnload];  
     // Release any retained subviews of the main view.  
     imageView = nil;  
     desktop = nil;  
 }  
   
 - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation  
 {  
     return (interfaceOrientation == UIInterfaceOrientationPortrait);  
 }  
   
 @end  
 </span>  

2、运行效果是图片从左至右慢慢显示出来，如下，

转载地址：https://blog.csdn.net/h3c4lenovo/article/details/8563722 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：iPhone开发【十四】多线程开发之NSThread——子线程模拟耗时操作

下一篇：iPhone开发【十二】多视图技术总结之四：Segmented Control

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章