如何在ios中的UI界面利用相框制作gif动画
2015-08-23 12:26
701 查看
如何在UI中利用相框制作gif动画
1.创建一个UIImageView来表示相框,用来承载图片
UIImage *image = [UIImage imageWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@”1” ofType:@”jpg”]];
UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
imageView.frame = CGRectMake(60, 20, 180, 180);
imageView.backgroundColor = [UIColor cyanColor];
imageView.tag = 100;//tag作为一个标签,用来寻找子视图
[self.view addSubview:imageView];
//相框的填充方式
imageView.contentMode = UIViewContentModeScaleToFill;//充满整个相框
2.设置动画的属性
(1)gif动画组图
imageView.animationImages = @[[UIImage imageNamed:@”1.tiff”],[UIImage imageNamed:@”2.tiff”],[UIImage imageNamed:@”3.tiff”],[UIImage imageNamed:@”4.tiff”],[UIImage imageNamed:@”5.tiff”],[UIImage imageNamed:@”6.tiff”],[UIImage imageNamed:@”7.tiff”],];
(2)设置动画时间
imageView.animationDuration = 0.5;
(3)设置动画次数
imageView.animationRepeatCount = FLT_MAX;//无线循环
3.创建一个按钮,用于播放动画
button = [UIButton buttonWithType:UIButtonTypeSystem];
button.frame = CGRectMake(0, 20, 60, 30);
[button addTarget:self action:@selector(startAnimationAction:) forControlEvents:UIControlEventTouchUpInside];
[button setTitle:@”播放” forState:0];
[self.view addSubview:button];
4。为按钮的方法设置功能
-(void)startAnimationAction:(UIButton *)sender{
UIImageView imageView = (UIImageView )[self.view viewWithTag:100];
// imageView.isAnimating 判断相框是否在做动画
if (imageView.isAnimating) {
[imageView stopAnimating];
}else{
[imageView startAnimating];
}
}
1.创建一个UIImageView来表示相框,用来承载图片
UIImage *image = [UIImage imageWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@”1” ofType:@”jpg”]];
UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
imageView.frame = CGRectMake(60, 20, 180, 180);
imageView.backgroundColor = [UIColor cyanColor];
imageView.tag = 100;//tag作为一个标签,用来寻找子视图
[self.view addSubview:imageView];
//相框的填充方式
imageView.contentMode = UIViewContentModeScaleToFill;//充满整个相框
2.设置动画的属性
(1)gif动画组图
imageView.animationImages = @[[UIImage imageNamed:@”1.tiff”],[UIImage imageNamed:@”2.tiff”],[UIImage imageNamed:@”3.tiff”],[UIImage imageNamed:@”4.tiff”],[UIImage imageNamed:@”5.tiff”],[UIImage imageNamed:@”6.tiff”],[UIImage imageNamed:@”7.tiff”],];
(2)设置动画时间
imageView.animationDuration = 0.5;
(3)设置动画次数
imageView.animationRepeatCount = FLT_MAX;//无线循环
3.创建一个按钮,用于播放动画
button = [UIButton buttonWithType:UIButtonTypeSystem];
button.frame = CGRectMake(0, 20, 60, 30);
[button addTarget:self action:@selector(startAnimationAction:) forControlEvents:UIControlEventTouchUpInside];
[button setTitle:@”播放” forState:0];
[self.view addSubview:button];
4。为按钮的方法设置功能
-(void)startAnimationAction:(UIButton *)sender{
UIImageView imageView = (UIImageView )[self.view viewWithTag:100];
// imageView.isAnimating 判断相框是否在做动画
if (imageView.isAnimating) {
[imageView stopAnimating];
}else{
[imageView startAnimating];
}
}
相关文章推荐
- GUI - Web前端开发框架
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- 为Yahoo! UI Extensions Grid增加内置的可编辑器
- Cocos2d-x UI开发之文本类使用实例
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
- UI Events 用户界面事件
- 基于jQuery UI CSS Framework开发Widget的经验
- jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
- jQuery UI的Dialog无法提交问题的解决方法
- 关于jQuery UI 使用心得及技巧
- jQuery ui 1.7更新小结
- 从零开始学习jQuery (十) jQueryUI常用功能实战
- jquery ui对话框实例代码
- jQuery UI AutoComplete 自动完成使用小记
- jQuery UI Autocomplete 体验分享
- Android UI使用HTML布局方法实例
- android ImageView 的几点经验总结
- Android控件系列之ImageView使用方法
- Android中通过反射实现圆角ImageView代码实例
- 浅谈AnDroidDraw+DroidDraw实现Android程序UI设计的分析说明