Swift UITabBarController 위쪽 선 없애기

화면을 구성하다보면 UITabBarController 를 사용할 때가 있습니다.

(이때 TabBar는 아래 이미지 처럼 보이는 하단 버튼을 의미합니다.)

 

화면 하단에 이런 버튼 많이 보셨죠?

 

Tab Bar 를 설정하다 보면 아래 두개만 설정해도 충분할때가 있지만 아닐때도 있습니다.

 

Image Tint : 선택시 아이콘/글씨의 색상에 영향을 줍니다.

Background : 하단 바의 배경색을 의미합니다.

 

특히 아래 하단 이미지에 Standard / Scroll Edge 를  체크해서 설정하면 설정할게 많아지는데요.

찾으셨나요?

체크를 하는것만으로도 화면에는 Tab Bar 위에 회색 선이 생깁니다.

아래 이미지처럼요

이 애매한 회색선 신경쓰이네요.

그래서 이걸 없애는 코드를 올려드립니다. 

(원리만 설명하면 저 회색선을 전부 흰색으로 칠하는 겁니다.)

+ 저는 저 바탕 회색도 싫어서 다 하얀색으로 칠한겁니다. 

+ 다른 색을 원하시면 색깔부 분을 조절해주세요.

import Foundation
import UIKit
class TabbarViewController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        self.tabBar.clipsToBounds = true
        self.tabBar.barTintColor = .white
        self.tabBar.standardAppearance.backgroundColor = .white
        if #available(iOS 15.0, *) {
            self.tabBar.scrollEdgeAppearance?.backgroundColor = .white
        }
        self.tabBar.isTranslucent = false
        
       
    }

}

그럼 아래처럼 선도 없고 하얀색이 된 TabBar를 볼수있게 됩니다. 

짜짠

 

저 회색 선이 은근히 한번 신경쓰이기 시작하면

계속 신경쓰여서 한번 올려봅니다. 

 

저처럼 저 회색선을 싫어하시는 분들을 위해 올려봅니다. 

 

오늘도 파이팅이에요