[Swift] 멋진 NavigationBar (색상, 글꼴, 항목의 배열) 만들기
4790 단어 iOSNavigationBarSwiftSwift5Xcode
매우 쉽게 구현할 수 있으므로 꼭 시도해보세요!
Before

After

위에서 언급했듯이 NavigationBar를 준비하는 것만으로도 멋집니다!
그럼, 아래와 같이 구현해 갑시다!
1. Main.storyboard 준비
먼저 Main.storyboard에서 아래 사진과 같이 NavigationController를 만듭니다.
이제 Before의 부분은 완성입니다!

2. SceneDelegate.swift에 디자인을 배치하기위한 코딩
그럼, After와 같이 멋지게 디자인해 갑시다!
매우 간단하고 SceneDelegate.swift
에 아래 코드를 추가하기 만하면됩니다!
이제 모든 NavigationBar 디자인 (배경, 글꼴, 항목, 색상)을 정렬 할 수 있습니다!
SceneDelegate.swiftimport 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 (색상, 글꼴, 항목 배열) 만들기 (화면별로 설정)
Reference
이 문제에 관하여([Swift] 멋진 NavigationBar (색상, 글꼴, 항목의 배열) 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tomotaka_s/items/7c18149a44ae9e217440
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)

위에서 언급했듯이 NavigationBar를 준비하는 것만으로도 멋집니다!
그럼, 아래와 같이 구현해 갑시다!
1. Main.storyboard 준비
먼저 Main.storyboard에서 아래 사진과 같이 NavigationController를 만듭니다.
이제 Before의 부분은 완성입니다!

2. SceneDelegate.swift에 디자인을 배치하기위한 코딩
그럼, After와 같이 멋지게 디자인해 갑시다!
매우 간단하고 SceneDelegate.swift
에 아래 코드를 추가하기 만하면됩니다!
이제 모든 NavigationBar 디자인 (배경, 글꼴, 항목, 색상)을 정렬 할 수 있습니다!
SceneDelegate.swiftimport 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 (색상, 글꼴, 항목 배열) 만들기 (화면별로 설정)
Reference
이 문제에 관하여([Swift] 멋진 NavigationBar (색상, 글꼴, 항목의 배열) 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tomotaka_s/items/7c18149a44ae9e217440
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
그럼, 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 (색상, 글꼴, 항목 배열) 만들기 (화면별로 설정)
Reference
이 문제에 관하여([Swift] 멋진 NavigationBar (색상, 글꼴, 항목의 배열) 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tomotaka_s/items/7c18149a44ae9e217440텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)