How I made Crescent Moon Tabbar In Swift

Crescent Moon

This is a code that was ued to make a custome tabbar for a project I was working on.

Here is the picture of the tabbar in real app. I am opening a Qr reader from this button. This is a referenced in code as image #1.

MainViewController is the subclass of UITabBarViewController. All the viewcontroller are added pragmatically. StoryBoard is practically unused except for this curve part.

class MainViewController: UITabBarController {


MainViewController is just a UITabBarContrller

I needed reference to the UITabbar. Since CustomizedTabBar is subclass of UITabbar. I dragged a UItabbar inside the storyboard and gave it the class of CustomizedTabBar.

Add a UITabbar to the storyboard and give it class CustomizedTabBar

If you run Into problem, 3d Debugging tool for view is great. It will give a 3d exploaded view.




Depths of ocean could not swallow me.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Birthday Party in Xcode — Introduction to wrappers and unwrapping of nasty optional

Understanding of Property Wrappers in SwiftUI

Use the New Playgrounds App for macOS to Write and Preview SwiftUI

Create Custom Textfield [PART I]

Innovative features coming in SelectorsHub 4.0

String — Text management in Swift

Highlights of WWDC2020

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Sis Ccr

Sis Ccr

Depths of ocean could not swallow me.

More from Medium

Making a Cocoapod in Swift with an Objective-C .framework dependency

How to add CoreHaptics to your iOS app

Classifying Sounds with the SoundAnalysis framework and custom CoreML models in Swift

Preventing merge conflicts with XcodeGen for your xcode project using xcodeGen and project.yml file