Ios 让你的UITabbar上的按钮动起来

最新推荐文章于 2019-08-09 19:00:00 发布

原创最新推荐文章于 2019-08-09 19:00:00 发布 · 3.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ios #动画 #UITabbar #按钮动画

个人总结同时被 2 个专栏收录

29 篇文章

订阅专栏

IOS备份

14 篇文章

订阅专栏

本文介绍了如何在iOS应用中为UITabBar的按钮添加点击时的放大缩小动画效果。通过获取系统UITabBar上的按钮并实现动画，作者在项目中采取了两种方法：自定义View和直接操作系统按钮。文章主要讲解了如何实现第二种方法，包括定义按钮数组，实现UITabBarDelegate，以及添加基本动画效果的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

公司项目遇到一个需求，就是我点击底部tabbar按钮时要有一个变大缩小的过程，这时我想到了两种办法，第一种就是自定义一个View然后放在UITabbar上，点击按钮时实现动画，第二种就是直接获取系统UITabbar上自带的按钮，点击时实现动画，两种方法我分别在我们的基础版和正式版上实现了，自定义的我就不说了，我说下怎么获取系统UITabbar上按钮，然后实现动画效果，很简单（自定义一个RooViewController继承UITabBarController）
1、定义一个数组获取当前UITabbar上的按钮，我打印出来看了，我们UITabbar上按钮的名字叫做UITabBarButton

-(NSMutableArray *)buttonArray
{
    if (!_buttonArray)
    {
        _buttonArray = [NSMutableArray array];
        for (UIView *view in self.tabBar.subviews)
        {
            if ([view isKindOfClass:NSClassFromString(@"UITabBarButton")])
            {
                [_buttonArray addObject:view];
            }
        }

    }
    return _buttonArray;
}

2、让UITabBarController的子类实现UITabBarDelegate

-(void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item
{
    [self setScale:[self.buttonArray objectAtIndex:[self.barItemsArray indexOfObject:item]]];
}

3、自定义动画，这里我只是显示基本的动画，具体的炫酷动画还需要自己实现

-(void)setScale:(UIView *)view
{
    CASpringAnimation *animation = [CASpringAnimation animationWithKeyPath:@"transform.scale"];
    animation.mass = 100.0f;
    animation.damping = 2000;
    animation.initialVelocity = 2.f;
    animation.toValue = @1.2;
    animation.removedOnCompletion = YES;
    [view.layer addAnimation:animation forKey:@"transform"];
}