How can I create a LinkedIn like Tab Bar selection animation in iOS using Swift?

Question

The current iOS LinkedIn app's UITabBar fills up the UITabBarItem image on selection. The filling up of the UITabBarItem image is animated. How can I replicate that animation using Swift?

Initially when not selected the image just has an outline with no fill. On selection the image fills up from the middle (animated) with a color leading to filled image.

This is too broad. You need to show / explain in detail what you are trying to do, not just reference *some* other app. And even then you might end up just posting a "gimme teh codez" question — luk2302, Aug 13 '17 at 08:25
@luk2302 I have edited my question. Guess it makes more sense now — Sri Vinayak Chaitanya Eshwa, Aug 13 '17 at 08:52

score 0 · Answer 1 · answered Aug 13 '17 at 09:05

0

I think you can easily achieve this by using the UIImageView's highlightedAnimationImages along with an animationRepeatCount = 0

If you don't want to have many images instead of only 1, you can subclass UIImageView and animate an additional colored mask layer when highlighted.

You can also look for frameworks like Lottie to use animations

answered Aug 13 '17 at 09:05

Imotep

2,006
2
25
38

1

This animation is happening on the UITabBarItem image. It does not have a UIImageView. – Sri Vinayak Chaitanya Eshwa Aug 13 '17 at 10:03

How can I create a LinkedIn like Tab Bar selection animation in iOS using Swift?

1 Answers1