ANIMATED TAB BAR

Библиотека модулей для Swift UI, добавляющая анимацию элементам и иконкам в iOS tabbar.

Мы специализируемся на дизайне и разработке пользовательских интерфейсов для мобильных приложений и веб-сайтов.

Подпишитесь, чтобы получать последние обновления:

Требования

• iOS 9.0+
• Xcode 10.2

Установка

Просто добавьте папку RAMAnimatedTabBarController в ваш проект.или используйте CocoaPods с Podfile:

pod 'RAMAnimatedTabBarController'

или Carthage пользователи могут просто добавить в свой Cartfile:

github "Ramotion/animated-tab-bar"

или Swift Package Manager

Использование

1. Создайте новый объект UITabBarController в вашем storyboard или nib.

2. Установите класс UITabBarController на RAMAnimatedTabBarController в вашем storyboard или nib.

3. Для каждого UITabBarItem установите класс на RAMAnimatedTabBarItem.

4. Добавьте пользовательский изображенный икон для каждого RAMAnimatedTabBarItem.

5. Добавьте анимацию для каждого RAMAnimatedTabBarItem:

   • перетащите и опустите объект NSObject в ваш ViewController
   • установите его класс на ANIMATION_CLASS (где ANIMATION_CLASS — это имя класса анимации, которую вы хотите использовать)
   • соедините выходной сигнал анимации в RAMAnimatedTabBarItem с вашим ANIMATION_CLASS Демонстрационное видео для шага 5

Включенные анимации

• RAMBounceAnimation
• RAMLeftRotationAnimation
• RAMRightRotationAnimation
• RAMFlipLeftTransitionItemAnimations
• RAMFlipRightTransitionItemAnimations
• RAMFlipTopTransitionItemAnimations
• RAMFlipBottomTransitionItemAnimations
• RAMFrameItemAnimation
• RAMFumeAnimation

Создание пользовательских анимаций

1. Создайте новый класс, который наследуется от RAMItemAnimation:

   class NewAnimation : RAMItemAnimation

2. Реализуйте методы в RAMItemAnimationProtocol: ``` swift // Call the method when a Tab Bar item is selected override func playAnimation(icon: UIImageView, textLabel: UILabel) { // Add animation }

``` swift
  // Call the method when a Tab Bar item is deselected
  override func deselectAnimation(icon: UIImageView, textLabel: UILabel, defaultTextColor: UIColor, defaultIconColor: UIColor) {
    // Add animation
  }

  // Call the method when the TabBarController loads
  override func selectedState(icon: UIImageView, textLabel: UILabel) {
    // Set the selected item state
  }
```3. Пример:

```swift
import RAMAnimatedTabBarController

class RAMBounceAnimation: RAMItemAnimation {

  override func playAnimation(_ icon: UIImageView, textLabel: UILabel) {
      playBounceAnimation(icon)
      textLabel.textColor = textSelectedColor
  }

  override func deselectAnimation(_ icon: UIImageView, textLabel: UILabel, defaultTextColor: UIColor, defaultIconColor: UIColor) {
      textLabel.textColor = defaultTextColor
  }
}

override func selectedState(_ icon: UIImageView, textLabel: UILabel) {
  textLabel.textColor = textSelectedColor
}

func playBounceAnimation(_ icon: UIImageView) {

  let bounceAnimation = CAKeyframeAnimation(keyPath: "transform.scale")
  bounceAnimation.values = [1.0, 1.4, 0.9, 1.15, 0.95, 1.02, 1.0]
  bounceAnimation.duration = TimeInterval(duration)
  bounceAnimation.calculationMode = kCAAnimationCubic

  icon.layer.add(bounceAnimation, forKey: "bounceAnimation")
}

📄 Лицензия

Animated Tab Bar распространяется под лицензией MIT. Детали см. в LICENSE.

Эта библиотека является частью подборки наших лучших открытых исходных кодов проектов. Подробнее здесь.

Если вы используете эту библиотеку в своем проекте, пожалуйста, укажите ссылку на www.ramotion.com

📱 Получите приложение Showroom для iOS, чтобы попробовать

Попробуйте этот UI компонент и другие подобные в нашем iOS приложении. Обратитесь к нам, если вас заинтересовало.