iOS tabbar点击动画效果实现

正常情况下,我们点击tabbar都只有一个变色效果,但有时候,如果我们想给它添加一个点击动画,该如何做呢?

先上几个效果图:

iOS tabbar点击动画效果实现_第1张图片
放大效果


iOS tabbar点击动画效果实现_第2张图片
Y轴位移



iOS tabbar点击动画效果实现_第3张图片
Z轴旋转
iOS tabbar点击动画效果实现_第4张图片
先放大,再缩小

实现原理:

利用UITabBarController实现,在tabbar的didSelectItem 代理里添加动画效果。

实现代码:

准备代码  

iOS tabbar点击动画效果实现_第5张图片

1、放大效果

iOS tabbar点击动画效果实现_第6张图片

2、Y轴位移

iOS tabbar点击动画效果实现_第7张图片

3、Z轴旋转

iOS tabbar点击动画效果实现_第8张图片

4、先放大,再缩小

iOS tabbar点击动画效果实现_第9张图片

此外,如果想定制其他动画效果,还可以从下面属性里自己定制动画

iOS tabbar点击动画效果实现_第10张图片
属性参考


谢谢!~

如果要拷贝代码:参考这里

你可能感兴趣的:(iOS tabbar点击动画效果实现)