[Swift] 멋진 NavigationBar (색상, 글꼴, 항목의 배열) 만들기

이 기사에서는 멋진 NavigationBar를 만드는 방법 (색상, 글꼴, 항목의 배열 방법)을 소개합니다!
매우 쉽게 구현할 수 있으므로 꼭 시도해보세요!

Before





After





위에서 언급했듯이 NavigationBar를 준비하는 것만으로도 멋집니다!

그럼, 아래와 같이 구현해 갑시다!

1. Main.storyboard 준비



먼저 Main.storyboard에서 아래 사진과 같이 NavigationController를 만듭니다.
이제 Before의 부분은 완성입니다!


2. SceneDelegate.swift에 디자인을 배치하기위한 코딩



그럼, After와 같이 멋지게 디자인해 갑시다!
매우 간단하고 SceneDelegate.swift에 아래 코드를 추가하기 만하면됩니다!
이제 모든 NavigationBar 디자인 (배경, 글꼴, 항목, 색상)을 정렬 할 수 있습니다!

SceneDelegate.swift
import UIKit

class SceneDelegate: UIResponder, UIWindowSceneDelegate {

    var window: UIWindow?


    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {

        guard let _ = (scene as? UIWindowScene) else { return }


        // 全てのNavigationControllerのそれぞれの色を変更する場合ここに書く

        // ナビゲージョンアイテムの文字色
        UINavigationBar.appearance().tintColor = UIColor.yellow

        UINavigationBar.appearance().titleTextAttributes =
            // ナビゲーションバーのタイトルの文字色
            [.foregroundColor: UIColor.white,
             // フォントの種類
             .font: UIFont(name: "Times New Roman",
                           // フォントサイズ
                           size: 27)!]

        // ナビゲーションバーの背景色
        UINavigationBar.appearance().barTintColor = UIColor.red
    }

    // 以下省略

}

참고



화면마다 NavigationBar를 디자인하고 싶은 경우는 아래의 기사를 참고해 보세요.
[Swift] 멋진 NavigationBar (색상, 글꼴, 항목 배열) 만들기 (화면별로 설정)

좋은 웹페이지 즐겨찾기