【Swift】Neumorphism인 TabBar를 구현한다

외부 라이브러리 사용

pod 'NeumorphismTab'

코드

import NeumorphismTab

class MainTabBarController: NeumorphismTabBarController

color 설정

view.backgroundColor = #colorLiteral(red: 0.9725490196, green: 0.9725490196, blue: 0.9725490196, alpha: 1)

TabBarItem 생성

let first = NeumorphismTabBarItem(icon: UIImage(systemName: "newspaper")!, title: "")
let second = NeumorphismTabBarItem(icon: UIImage(systemName: "person.crop.circle")!, title: "")
let third = NeumorphismTabBarItem(icon: UIImage(systemName: "info.circle")!, title: "")

별도의 파일로 각 탭의 내용이 되는 ViewController를 작성 인스턴스화

let firstViewController = FirstViewController()
let secondViewController = SecondViewController()
let thirdViewController = ThirdViewController()

tabBarItem 및 ViewController 설정

setTabBar(items: [first, second, third])
setViewControllers([firstViewController, secondViewController, thirdViewController], animated: false)

완성형

전체 코드

import UIKit
import NeumorphismTab

class MainTabBarController: NeumorphismTabBarController {

   override func setupView() {

        let first = NeumorphismTabBarItem(icon: UIImage(systemName: "newspaper")!, title: "")
        let second = NeumorphismTabBarItem(icon: UIImage(systemName: "person.crop.circle")!, title: "")
        let third = NeumorphismTabBarItem(icon: UIImage(systemName: "info.circle")!, title: "")

        view.backgroundColor = #colorLiteral(red: 0.9725490196, green: 0.9725490196, blue: 0.9725490196, alpha: 1)

        let firstViewController = FirstViewController()
        let secondViewController = SecondViewController()
        let thirdViewController = ThirdViewController()


        setTabBar(items: [first, second, third])
        setViewControllers([firstViewController, secondViewController, thirdViewController], animated: false)
    }
}