https://github.com/behrad-kzm/BEKCurveTabbar

Full Customizable Tabbar with IBInspectables
https://github.com/behrad-kzm/BEKCurveTabbar

cocoapods component pod swift tabbar ui-components uitabbar uitabbarcontroller

Last synced: 6 days ago
JSON representation

Full Customizable Tabbar with IBInspectables

• Host: GitHub
• URL: https://github.com/behrad-kzm/BEKCurveTabbar
• Owner: behrad-kzm
• License: mit
• Created: 2019-12-21T13:27:21.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-05-23T06:04:05.000Z (over 4 years ago)
• Last Synced: 2024-12-04T00:32:01.559Z (9 days ago)
• Topics: cocoapods, component, pod, swift, tabbar, ui-components, uitabbar, uitabbarcontroller
• Language: Swift
• Size: 7 MB
• Stars: 183
• Watchers: 5
• Forks: 18
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ios - BEKCurveTabbar - compatible with XCode +10 and fully customizable via Interface_Builder panel. BEKCurveTabBar derived UITabBar class and compatible with every iOS devices. (UI / Tab Bar)
• awesome-ios-star - BEKCurveTabbar - compatible with XCode +10 and fully customizable via Interface_Builder panel. BEKCurveTabBar derived UITabBar class and compatible with every iOS devices. (UI / Tab Bar)

README

        

# BEKCurveTabbar

Full Customizable Tabbar with IBInspectables



[![CI Status](http://img.shields.io/travis/popwarsweet/JellySlider.svg?style=flat)](https://travis-ci.org/popwarsweet/JellySlider)

[![License](https://img.shields.io/cocoapods/l/JellySlider.svg?style=flat)](http://cocoapods.org/pods/JellySlider)

[![Platform](https://img.shields.io/cocoapods/p/JellySlider.svg?style=flat)](http://cocoapods.org/pods/JellySlider)

A fun replacement for UITabbar. The Component uses Bézier paths.

## Demo



## Example

__usage:__

You can change the appearance by using Xcode Interface Builder or by using the default config (recommended).

```BEKCurveTabbarController``` can be setup with your custom ViewModel that conforms to the ```BEKTabBarViewModelType``` protocol.

you can set your 'tabbar' to BEKCurveTabbar inside Interface Builder or initiate it programatically in the easiest way possible like this:

__Note:__ ```BEKCurveTabbarController``` initiates with ```.initiate()```

__Default Config Usage:__

```swift

        //Initiate your viewControllers

        let firstViewController = UIViewController()

        firstViewController.view.backgroundColor = .red

        firstViewController.tabBarItem = UITabBarItem(tabBarSystemItem: .search, tag: 0)

        let secondViewController = UIViewController()

        firstViewController.view.backgroundColor = .white

        secondViewController.tabBarItem = UITabBarItem(tabBarSystemItem: .favorites, tag: 1)

        let thirdViewController = UIViewController()

        thirdViewController.view.backgroundColor = .blue

        thirdViewController.tabBarItem = UITabBarItem(tabBarSystemItem: .more, tag: 2)

        

        //get instance of BEKCurveTabbarController

        let tabBarViewController = BEKCurveTabbarController.instantiate()

        

        //set viewControllers to the tabbar

        tabBarViewController.setViewControllers([firstViewController, secondViewController, thirdViewController], animated: true)

```

__Customized Config Usage:__

Create a new struct that conforms to ```BEKTabBarViewModelType``` :

```swift

struct MyCustomTabBarViewModel: BEKTabBarViewModelType {

    let heightRatio: CGFloat = CGFloat(TabbarHeightRatios.bestSize.rawValue)

    let containerColor: UIColor = .white

    let hideTitle: Bool = false

    let animationDuration: CGFloat = 0.3

    let animated: Bool = true

    let shadowColor: UIColor = UIColor(red: 0.353, green: 0.784, blue: 1, alpha: 1.0)

    let shadowRadius: CGFloat = 16

    let containerBorderWidth: CGFloat = 1.0

    let containerBorderColor: UIColor = .gray

    let selectedTextColor: UIColor = .yellow

    let selectedTextFont: UIFont = .systemFont(ofSize: 13)

    let normalTextColor: UIColor = .lightGray

    let normalTextFont: UIFont = .systemFont(ofSize: 11)

    let topCornerRadius: CGFloat = TabbarHeightRatios.bestSize.cornerRadius()

    let bottomCornerRadius: CGFloat = 0

    let containerInsets: UIEdgeInsets = TabbarHeightRatios.bestSize.containerInsets()

    let selectionCircleRadius: CGFloat = TabbarHeightRatios.bestSize.circleRadius()

    let selectionCircleBorderWidth: CGFloat = 0.0

    let selectionCircleBorderColor: UIColor = .clear

    let selectionCircleBackgroundColor: UIColor = UIColor(red: 0.353, green: 0.784, blue: 1, alpha: 1.0)

    let textOffset: CGFloat = 0

    init() {}

}

```

__Note:__ ```TabbarHeightRatios.bestSize``` provides you computed values for different iOS environments. (recommended)

Now you just need to pass your viewModel to ```.setupViewModel(viewModel: BEKTabBarViewModelType)``` function.

```swift

        //1- Initiate your viewControllers

        let firstViewController = UIViewController()

        firstViewController.view.backgroundColor = .red

        firstViewController.tabBarItem = UITabBarItem(tabBarSystemItem: .search, tag: 0)

        let secondViewController = UIViewController()

        firstViewController.view.backgroundColor = .white

        secondViewController.tabBarItem = UITabBarItem(tabBarSystemItem: .favorites, tag: 1)

        let thirdViewController = UIViewController()

        thirdViewController.view.backgroundColor = .blue

        thirdViewController.tabBarItem = UITabBarItem(tabBarSystemItem: .more, tag: 2)

        

        //2- get instance of BEKCurveTabbarController

        let tabBarViewController = BEKCurveTabbarController.instantiate()

        

        //3- Config your own TabBar ViewModel

        let myViewModel = MyCustomTabBarViewModel()

        

        //4- setup TabBar Controller with you viewModel

        tabBarViewController.setupViewModel(viewModel: myViewModel)

        

        //5- set viewControllers to the tabbar

        tabBarViewController.setViewControllers([firstViewController, secondViewController, thirdViewController], animated: true)

        return tabBarViewController

```

## Installation

```swift

  pod 'BEKCurveTabbar', :git => 'https://github.com/behrad-kzm/BEKCurveTabbar.git'

```

## Author

Behrad Kazemi, [email protected], bekapps.com

 Visit Web Site 

## License

BEKCurveTabbar is available under the MIT license. See the LICENSE file for more info.