読者です 読者をやめる 読者になる 読者になる

しめ鯖日記

swift, iPhoneアプリ開発, ruby on rails等のTipsや入門記事書いてます

RAMAnimatedTabBarControllerでUITabBarControllerをおしゃれにする

こちらのライブラリを使ってタブバー押下のアニメーションを追加してみました。

github.com

CocoaPodsを使ってインストールします。

use_frameworks!

pod 'RAMAnimatedTabBarController'

最初にStoryboardでUITabBarControllerを作成します。

f:id:llcc:20160623233937p:plain

次にUITabBarControllerのクラスをRAMAnimatedTabBarControllerにします。

f:id:llcc:20160623234008p:plain

それぞれのUITabBarItemをRAMAnimatedTabBarItemクラスにします。

f:id:llcc:20160623234104p:plain

次にタブバーにアイコン画像を設置します、画像は以下サイトのものを利用しました。

http://www.iconbeast.com/free/

f:id:llcc:20160623234354p:plain

最後にアニメーションをUITabBarItemに紐付けます。
まずはUITabBarItemのあるUIViewControllerにNSObjectを設置します。

f:id:llcc:20160623234448p:plain

そしてそのクラスを以下のどれかにします。

RAMBounceAnimation
RAMLeftRotationAnimation
RAMRightRotationAnimation
RAMFlipLeftTransitionItemAnimations
RAMFlipRightTransitionItemAnimations
RAMFlipTopTransitionItemAnimations
RAMFlipBottomTransitionItemAnimations
RAMFrameItemAnimation
RAMFumeAnimation

UITabBarItemとNSObjectを紐付ければ完成です。

f:id:llcc:20160623234625p:plain

タブバーを選択した時に良い感じのアニメーションをしてくれるようになりました。

f:id:llcc:20160623234817g:plain

それとRAMItemAnimationというクラスを継承すれば独自アニメーションも作れるようです。