v-braun/vbrrollingpit

Simple, beautiful and interactive UITabBar

VBRRollingPit

Simple, beautiful and interactive UITabBar

By v-braun - viktor-braun.de.

Preview

Description

Beautiful UITabBarView inspired by this dribble from Ketan Rajput

Installation

CocoaPods

VBRRollingPit is available on CocoaPods. Just add the following to your project Podfile:

pod 'VBRRollingPit'

Or from GitHub:

pod 'VBRRollingPit', :git => 'https://github.com/v-braun/VBRRollingPit.git'

Manually

1. Download and drop VBRRollingPit.swift in your project.
2. Congratulations!

Usage

1. Drop a TabBarController into your app
2. Select the UITabBar
3. Set the "Class" property to VBRRollingPit

See the Example Project.

Configuration

Additional properties are available in the Attribute inspector:

Related Projects

• Cocoa Rocks: this and other awesome Cocoa Controls
• awesome-cocoa: an awesome list of cocoa controls

Known Issues

If you discover any bugs, feel free to create an issue on GitHub fork and send me a pull request.

Issues List.

Authors

v-braun

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

License

See LICENSE.

vbrrollingpit's Issues

How to change the unselected icons images to another color.

how can I change text and icons to another color other than grey

How can I set the border color?

I want to set the border color of tab bar but I can't find the part that I can change it.
So is it possible to set it?

How to add selected bar item with gradient tint and unselected bar item with flat color

When I change the rendering mode of selected bar to original and unselected to template and change the image then the animation went off.

I want both the things and if I add template as rendering mode and change the selected image to gradient color it wont be applied.

pls help me to achieve this: selected bar item with gradient tint and unselected bar item with flat color

How do I only include the image in the circle and make it centered of the selected tab

How can change the animation time between moves?

Hi, your library is very good. I am using it. But, how can change the animation time between moves?

not displaying properly

Just found your great tabbar enhancement on cocoacontrols. However, its not displaying properly. what am I doing wrong. I installed via pods.
See attached.

Tab Bar Background

I cannot change the tab-bar background color

I'm trying to edit it in the interface builder

My goal is to have a transparent background (getting rid of that black background)

How do I only include the image in the circle and make it centered of the selected tab?

I need to make the image appear in the selected tab's circle centered and leave the title of the selected tab on the tab controller below the selected tab's circle.

Memory leaks

I have added RollingPitTabbar.swift manually in an objective c project it's working well but when i run the project in instruments i have found memory leaks.

please find the attachment.

badge value

Badge value position on tabbar item is not working .

Using it programmatically

How can I use this programmatically?

I tried overriding the uitabbar on uitabbarcontroller but it doesnt show the tabbar

class CustomTabbarController:UITabBarController {
    
    override var tabBar: RollingPitTabBar {
        let tabbar = RollingPitTabBar(frame: CGRect(x: 0, y: 0, width: 414, height: 49))
        tabbar.delegate = self
        return tabbar
    }
}

Not TabBarController

I am trying to subclass TabBar without TabBarController, however the TabBar is being displayed below the viewController, is there a way to use this library without TabBarController?

How to remove animation for selected item?

first, thank you for such a great library.
i don't to show selected item. how to remove animation from every where
I set 0 for circle radius but its now working. please help me.

How to add gradient backgroundcolor to bar

When I add gradient layer in cashapelayer it will give me the added layer but not as the same shape as tabbar have.

not supporting iOS 11.3 and lower versions ?

TabBarItem's badge icon position for non selected tab.

@v-braun & @Kladdkaka How to manage the badge icon position for non selected tab. Here I am sending you the screenshot for your reference. Can you please provide us a way to manage the badge icon.

How to stop selected tab animation

Hello
your control is good but how to stop movement with circle
want to only central tab menu is round circle rest will be not change

want to look like this

it showing black color on top of tabbar

hello
your developed good control for tabbar
i have implemented in objective c project but is showing black color on tababr
attached screenshot here
how to resolve this problem

Stop Circular Movement animation

how I. can stop Circular animation based on status like if user doesn't login into my app

I called self.selectedIndex = 2 to return circle to main Index but I wanna to check if tabBar Index != 2 // stop movement

Crash after adding manually

dyld: Library not loaded: @rpath/libswiftCore.dylib
Referenced from: /var/containers/Bundle/Application/5A0970D5-3344-4A67-AE33-F60AA715382A/BubbleTransition.app/BubbleTransition
Reason: image not found
Message from debugger: Terminated due to signal 6

How to stop selected tab animation

I cant find the animating time

Between tab circle i cant find where it is. Animation time interval

Need Transparent Bg

Hi,

I working with your lib. it looks good UI, but I have several doubts. kindly help me. Thanks in advance.

1. when I run with iOS 12.1 I didn't get the shadow of your tab bar, but I gotta shadow in 12.
2. How I can remove that background I need transparent, once that tab bar and circle. I will attach a screenshot for ur reference.
3. Animation when I select tab bar I icon move's top first and then circle move to the index. I need to do move both at the same time.

kindly do needfully