Objective-C仿映客跑车动画

news/2024/11/29 10:37:00/

做了一个仿映客跑车动画,效果就是边跑边放大,过程中车轮子也在转。先来看一下效果:
这里写图片描述
大体的思路就是把汽车和轮子图片放大一个view中,给这个view加上改变位置和大小的动画,同时,车轮子自己执行transform旋转的动画。为了方便这里的动画加在了view层,加在layer层效率会搞一些,大家主要看一下思路,代码不多,几十行就ok,属性的声明我就不贴了:

- (void)viewDidLoad {[super viewDidLoad];_width_car = 150.0;_heigh_car = _width_car / 1.97;_animtionView = [[UIView alloc]init];_animtionView.frame = CGRectMake(-_width_car, 50, _width_car, _heigh_car);[self.view addSubview:_animtionView];_wheel_x = _width_car * 0.03;_wheel_y = _heigh_car * 0.2;_imgView_wheel = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"wheel"]];_imgView_wheel.frame = CGRectMake(_wheel_x, _wheel_y, 14, 24);[_animtionView addSubview:_imgView_wheel];//车轮每0.1秒执行一次旋转动画self.timer = [NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(playingAction:) userInfo:nil repeats:YES];_imgView_car = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"car"]];_imgView_car.frame = CGRectMake(0, 0, _width_car, _heigh_car);[_animtionView addSubview:_imgView_car];
}- (IBAction)starAnimtion:(id)sender {[UIView animateWithDuration:5 animations:^{_animtionView.frame = CGRectMake(375, 400, _width_car*2, _heigh_car*2);_imgView_wheel.frame = CGRectMake(_wheel_x*2, _wheel_y*2, 14*2, 24*2);_imgView_car.frame = CGRectMake(0, 0, _width_car*2, _heigh_car*2);} completion:^(BOOL finished) {_animtionView.frame = CGRectMake(-_width_car, 50, _width_car, _heigh_car);_imgView_wheel.frame = CGRectMake(_wheel_x, _wheel_y, 14, 24);_imgView_car.frame = CGRectMake(0, 0, _width_car, _heigh_car);}];
}
-(void)playingAction:(id)sender{_imgView_wheel.transform = CGAffineTransformRotate(_imgView_wheel.transform, M_PI);
}

别忘了销毁timer以防内存泄漏:

- (void)dealloc{
    [_timer invalidate];_timer = nil;
}

最后给大家介绍一个做OC动画非常给力的软件QuartzCode,用类似flash的方法制作动画,并且可以生成Objective-C的layer层动画代码,非常方便,做复杂的动画非常高效,感兴趣的可以了解一下。


http://www.ppmy.cn/news/371624.html

相关文章

跑车背景引导页,导航页面源码三分钟下载安装

一、下载地址: https://wwm.lanzout.com/iKPpt07am6bchttps://wwm.lanzout.com/iKPpt07am6bc 二、作用: 有搜索引擎收录 可修改打赏页面 可替换自己喜欢的图片 可修改成导航页面,引导页面打赏页面 搜索引擎可收录 四、安装与官方介…

【有了可图网】PS实战系列63:合成一辆非常漂亮的破跑车

先看原图,很漂亮的红色跑车: 再看效果图,好好的跑车已经报废的不能报废了!但这就是我们要做的效果。 第一步:先用污染滤镜适当调整,将全图调成比较脏的色调。(用到滤镜是Alien skin xenofex&…

特斯拉电动卡车霸气发布,还有一个意外惊喜(全新跑车)

伍泽法 李林 编译整理 量子位 出品 | 公众号 QbitAI 特斯拉终于迈出(可能)颠覆运输行业的第一步。 刚刚,特斯拉在美国正式发布了Tesla Semi,这是一款电动半挂8级运输卡车。按照广告一点的说法,这辆电动卡车外观俊朗&am…

说到做到!马斯克把跑车放进了飞船 计划下月发射 | 聚焦

▼ 大型年度AI人物评选——2017中国AI英雄风云榜榜单评选出了年度技术创新人物TOP 10;商业创新人物TOP 10,获取完整榜单请关注网易智能公众号(ID:smartman163),回复关键词“评奖”。 本文系网易智能工作室出…

深度学习Caffe实战笔记(2)用LeNet跑车牌识别数据

caffe实战之“车牌识别” 上一篇博客写了如何在cpu的情况下配置环境,配置好环境后编译成功,就可以用caffe框架训练卷积神经网络了。今天介绍如何在caffe环境下,跑车牌识别的数据,利用的网络是LeNet,这里只介绍具体caf…

python爬虫爬汽车图片_Python快速爬取车标网图片,以后不要说这什么车你不认识了!...

知识不分边界...... 人,为什么要读书?举个例子: 当看到天边飞鸟,你会说:“落霞与孤鹜齐飞,秋水共长天一色。”而不是:“卧靠,好多鸟。”; 当你失恋时你低吟浅唱道:“人生若只如初见&…

杉车大数据:30万的入门级跑车,我选日系

“男人的浪漫是什么?” “枪和玫瑰!” “再给你们一次机会。” “跑车和玫瑰!” 几乎每个男生都幻想着自己如果能开着一辆跑车迎接自己心仪的女生,那虚荣心真的是该爆表了。虽然不一定能买得起超跑,但是入门级跑车还是…

利用CNN进行图片简单分类

利用CNN进行图片简单6分类,数据集为6中车型网上爬取的,这里进行一系列数据预处理后,进行CNN卷积。 数据集部分展示 代码展示 #encoding utf-8 """ author:syj file:img_分类.py time:2019/09/27 14:05:47 ""&qu…