美文网首页
iOS之引导页UIImageView加载帧动画(多张图片)

iOS之引导页UIImageView加载帧动画(多张图片)

作者: pleasures | 来源:发表于2017-03-03 18:27 被阅读0次

最近写了动态的引导界面。连续帧动画。这里我用的就是利用系统自带的UIImageView的属性animationImages进行动画。

先看一下效果图吧


imageView动画 - 腾讯视频

首先给大家看一下图。

既然是引导页动画,肯定要支持滚动。动画呢 肯定是滑动当前页开始动画。

定义一个UIImageView对象和一个UIScrollView对象  继承UIScrollViewDelegate

#import "IndingController.h"

@interface IndingController ()<UIScrollViewDelegate>

@property(nonatomic,strong) UIImageView *imagevView;

@property(nonatomic,strong) UIScrollView *scrolloeView;

{

//创建一个大数组底层图片数组

NSMutableArray *bigArrayImg;

//创一个添加动态图的数组

NSMutableArray *images;

}

初始化scrolloeView

self.scrolloeView = [[UIScrollView alloc]init];

self.scrolloeView.delegate = self;

self.scrolloeView.frame = self.view.bounds;

//设置滚动的内容尺寸

self.scrolloeView.contentSize=CGSizeMake(Main_Screen_Width*5, 0);

self.scrolloeView.showsHorizontalScrollIndicator=NO;

self.scrolloeView.pagingEnabled=YES;

self.scrolloeView.bounces=NO;

[self.view addSubview:self.scrolloeView];

//初始化数组 这个数组装的是某一张的imagevView动画加载完成的背景图 如果没有背景图  动画加载完毕就会显示黑屏,

bigArrayImg = [NSMutableArray arrayWithObjects:@"guide0_29",@"guide1_29",@"guide2_29",@"guide3_29",@"guide4_29", nil];

///创建imageView动画

写一个调用方法

- (void)createPngAnimal

{

//scrolloeView上滑动的张数=bigArrayImg.count。

for (int i = 0; i< bigArrayImg.count; i++)

{

gifImageViewVCX = [[UIImageView alloc] init];

gifImageViewVCX.frame = CGRectMake(i*Main_Screen_Width, 0, Main_Screen_Width, Main_Screen_Height);

///一定先给每张图设置好背景图片,不然动画加载完毕会黑屏 

gifImageViewVCX.image = [UIImage imageNamed:bigArrayImg[i]];

//一定要给imageview设置tag值 方便滚动的时候能找到相对应的图片进行动画

gifImageViewVCX.tag = (i + 1) * 100;

//初始化存储动态图每一帧的图片数组

arrayimg = [[NSMutableArray alloc]init];

//因为我每个动画是30张图 所以直接<30.

for (int k = 0; k< 30; k++)

{

NSString *imageStr = [NSString stringWithFormat:@"guide%i_%i",i,k];

UIImage *image = [UIImage imageNamed:imageStr];

//将image对象存到arrayimg数组

[arrayimg addObject:image];

}

//animationImages是UIImageView的属性 它的返回值是装UIImage对象的数组。

gifImageViewVCX.animationImages = arrayimg; //获取Gif图片列表

gifImageViewVCX.animationDuration = 1.5f;    //执行一次完整动画所需的时长

gifImageViewVCX.animationRepeatCount = 1;  //动画重复次数

[self.scrolloeView addSubview:gifImageViewVCX];

}

}

上面只是赋好值了 并没有让它动画 真的动画的是在scrollview的代理方法里

//scrollView结束滚动的代理方法

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{

CGFloat offsetX = scrollView.contentOffset.x;

double page = offsetX/scrollView.frame.size.width;

//获取滚动视图的当前界面

self.pageControl.currentPage = page;

//将imageView的tag值与滚动视图的值相对应 这样就能找到滚动的是那个界面  应该哪个界面开始动画

NSInteger nsInteger = (NSInteger)((page + 1) * 100);

//调用开始动画方法

[self playAnimation:nsInteger];

}

//开始动画

-(void)playAnimation:(NSInteger)page

{

UIImageView *newImageView = [self.scrolloeView viewWithTag:page];

if (newImageView != nil)

{

//开始动画

[newImageView startAnimating];

}

}

这样还不行!因为动画是在scrollView的代理方法执行的  刚进入界面是没有调用的。

所以要根据你的tag值在viewdidload方法里再调用开始动画这个方法

- (void)viewDidLoad

{

[super viewDidLoad];

//调用imageView

[self createPngAnimal];

//开始动画 因为我第一组图片的tag值是100 所以我传了100。

[self playAnimation:100];

}

如有错误还请大神指点一二。

相关文章

  • iOS之引导页UIImageView加载帧动画(多张图片)

    最近写了动态的引导界面。连续帧动画。这里我用的就是利用系统自带的UIImageView的属性animationIm...

  • iOS加载Gif图片的N种方式

    1.系统UIImageView 多张图片组成动画 /** * UIImageView 动画 * Memor...

  • iOS - Gif播放

    ** 1.系统UIImageView 多张图片组成动画(帧动画)** ** 2.利用第三方库** 3. 为MBPr...

  • iOS中播放gif动态图

    一、引言 在iOS开发中,UIImageView类专门来负责图片数据的渲染,并且UIImageView也有帧动画的...

  • iOS中播放gif格式图片的方式探讨

    一、引言 在iOS开发中,UIImageView类专门来负责图片数据的渲染,并且UIImageView也有帧动画的...

  • Note 11 播放器UI

    设置label UIImageView显示图片 UIImageView可以显示静态图片或者多张图片组成的动画 通过...

  • 动画开发

    一、 UIImageView来播放图片组成帧动画 1.创建UIImageView UIImageView * im...

  • 动画

    动画:帧动画:关键帧动画 FrameAnimation :是由多张图片快速切换形成动画 配置动画: 1.xml ...

  • iOS 之动画

    一. UIImageView实现动画效果 UIImageView可以添加一组不同帧的图片,来进行播放动画效果.具体...

  • 关于UIImageView帧动画内存无法释放的问题

    我们在使用UIImageView帧动画时会碰到加载到内存的图片不会自动释放,占用很多的内存,这时我们可能使用 : ...

网友评论

      本文标题:iOS之引导页UIImageView加载帧动画(多张图片)

      本文链接:https://www.haomeiwen.com/subject/pqcrgttx.html