WormTabStrip

by EzimetYusup

EzimetYusup / WormTabStrip

🐛 WormTabStrip ViewPager for iOS written in Swift, which gives continuous feedback to the user whe...

133 Stars 30 Forks Last release: Not found MIT License 46 Commits 4 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Worm Tab Strip

Worm Tab Strip is inspired by android SmartTabStrip, android view pager like library for iOS written in swift.

Basically it was build up by two scroll view, one at the top for holding all the tabs, one for content view for each tab. frame based, not auto layout constraint based.

Swift Version Swift Version License Platform

there are two styles of worm tab strip:

  • Bubble style:

alt text

  • Line style:

alt text

Current example build environment

XCode 11.4

Swift 5

Installation

CocoaPods

pod 'WormTabStrip', '~> 1.0'

Manually

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

Looking for swift 2.3?

checkout brach swift2.3

Usage example

implement the WormTabStripDelegate in your UIViewController then do

swift
let frame =  CGRect(x: 0, y: 40, width: self.view.frame.size.width, height: self.view.frame.size.height - 40)
let viewPager:WormTabStrip = WormTabStrip(frame: frame)
self.view.addSubview(viewPager) //IMPORTANT!
viewPager.delegate = self
viewPager.eyStyle.wormStyel = .bubble
viewPager.eyStyle.isWormEnable = true
viewPager.eyStyle.spacingBetweenTabs = 15
viewPager.eyStyle.dividerBackgroundColor = .red
viewPager.eyStyle.tabItemSelectedColor = .yellow
//default selected tab
viewPager.currentTabIndex = 3
//center the selected tab
viewPager.shouldCenterSelectedWorm = true
viewPager.buildUI()

Need custom style?

checkout WormTabStripStylePropertyies struct, give your custom style

swift 
viewPager.eyStyle.wormStyel = .line
viewPager.eyStyle.isWormEnable = false
viewPager.eyStyle.spacingBetweenTabs = 15
viewPager.eyStyle.dividerBackgroundColor = .red
viewPager.eyStyle.tabItemSelectedColor = .yellow
...

before you you call
swift
viewPager.buildUI() 

Available customization properties

|Property|Description| |:--|:--| |wormStyel|style of the worm bubble or line| |kHeightOfWorm| worm height for line style| |kHeightOfWormForBubble| worm height for bubble style| |kHeightOfDivider| divider height between top scrollview and conent scrollview| |kHeightOfTopScrollView| Top scrollView height which hold all tabs| |kMinimumWormHeightRatio | minimum worm height Ratio, it should be less than 1| |kPaddingOfIndicator | Padding of tab button, from text to button each side| |spacingBetweenTabs | space between tab buttons| |isWormEnable| boolean, if false it will not animate worm| |tabItemDefaultFont| font for unSelected tab| |tabItemSelectedFont| font for selected tab| |tabItemDefaultColor| text color for unSelected tab| |tabItemSelectedColor| text color for selected tab| |WormColor| color for worm| |topScrollViewBackgroundColor | back ground color of top scroll view which hold all tabs| |contentScrollViewBackgroundColor| back ground color fo content scroll view| |dividerBackgroundColor | back ground color of divider view between top scroll view and content scroll view|

Apps using worm tab strip:

Bagdax News, screen shots:

alt text

Contribute

We would love for you to contribute to WormTabStrip, check the

LICENSE
file for more info.

Meta

Ezimet Yusup – Github

Distributed under the MIT license. See

LICENSE
for more information.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.