iOS 顶部选项卡导航

iOS 顶部选项卡导航

对我们所有用户来说都是好消息!现在,您的方便没有界限,您可以根据需要传递任意数量的单词并使用页面控件绑定相同数量的页面,没有单词限制,也不是为了您的方便。

查看这个超级简单的导航集成和示例.!!!

Installation

To install it, simply add the following line to your Podfile:

pod 'TopTabBarView', git: 'https://github.com/parthgohel2810/TopTabBarView-Framework.git', branch: 'main'

Then run from the Example directory.pod install

Usage

  1. Change the class of a view from UIView to TopTabbarView
@IBOutlet private weak var topTabBarView: TopTabbarView!
  1. Programmatically:

let topTabBarView = TopTabbarView(frame: myFrame)

Customization

    private func configureTabBarItem() {
        
        topTabBarView.dataSource = ["M", "I", "N", "D", "I", "N", "V", "E", "N", "T", "O", "R", "Y"]
        topTabBarView.dotColor = .white
        topTabBarView.waveHeight = 16
        topTabBarView.leftPadding = 10
        topTabBarView.rightPadding = 10
        topTabBarView.tabBarColor = .red
        topTabBarView.onItemSelected = { (index) in
                debugPrint("tabIndex: \(index)")
        }
        topTabBarView.isScaleItem = true
        topTabBarView.tabBarItemStyle = .setStyle(font: UIFont.boldSystemFont(ofSize: 18),
                                                  foregroundColor: .white)
    }

dataSource

The dataSource property accepts string array which is used to display title of tab and creates number of tab that you want to create.

dotColor

The dotColor property change the color of dot which is place at center of wave.

waveHeight

The waveHeight property change height of wave.

leftPadding, rightPadding

The left and right padding property will change the tabBar left and right padding to the view.

tabBarColor

The tabBarColor property used to change background color of tabbar color.

isScaleItem

The isScaleItem property enables you to off/on scaling of tab titles.

tabBarItemStyle

The tabBarItemStyle used to tabBarItem font and textColor.

selectedTab

The selectedTab used to set selected tab initially.

setSelectedTab(with index: Int)

This function used to set selected tab programmatically.

onItemSelected

You will receive selected tab index in onItemSelected clouser.

  topTabBarView.onItemSelected = { (index) in
                debugPrint("tabIndex: \(index)")
  }

Requirements

  • iOS 13.0+
  • Xcode 13.0+

📱 Check out other lists of our Mobile UI libraries

💻 Check out other lists of Web libraries

📝 Get FREE Industry WhitePapers →

Check out our Work

📄 License

iOS-Top-Tab-Navigation is MIT-licensed.

If you use our open-source libraries in your project, please make sure to credit us and Give a star to www.mindinventory.com

app development

GitHub

点击跳转