Я использую Picker View, чтобы пользователь мог выбрать цветную тему для всего приложения. Я планирую изменить цвет панели навигации, фона и, возможно, панели вкладок (если это возможно). Я изучал, как это сделать, но не могу найти примеры Swift. Может ли кто-нибудь, пожалуйста, привести пример кода, который мне нужно будет использовать для изменения цвета панели навигации и цвета текста панели навигации? (The Picker View настроен, я просто ищу код для изменения цветов пользовательского интерфейса)
Спасибо.
Панель навигации:
navigationController?.navigationBar.barTintColor = UIColor.green
Замените greenColor на любой UIColor, который вы хотите, вы также можете использовать RGB, если хотите.
Текст панели навигации:
navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.orange]
Замените orangeColor любым цветом, который вам нравится.
Панель вкладок:
tabBarController?.tabBar.barTintColor = UIColor.brown
Текст панели вкладок:
tabBarController?.tabBar.tintColor = UIColor.yellow
В последних двух замените brownColor и yellowColor цветом по вашему выбору.
Вот некоторые очень простые настройки внешнего вида, которые можно применить в приложении:
UINavigationBar.appearance().backgroundColor = UIColor.greenColor()
UIBarButtonItem.appearance().tintColor = UIColor.magentaColor()
//Since iOS 7.0 UITextAttributeTextColor was replaced by NSForegroundColorAttributeName
UINavigationBar.appearance().titleTextAttributes = [UITextAttributeTextColor: UIColor.blueColor()]
UITabBar.appearance().backgroundColor = UIColor.yellowColor();
Подробнее о API UIAppearance
в Swift вы можете прочитать здесь: https://developer.apple.com/documentation/uikit/uiappearance
UINavigationBar.appearance().barTintColor = UIColor(red: 46.0/255.0, green: 14.0/255.0, blue: 74.0/255.0, alpha: 1.0)
UINavigationBar.appearance().tintColor = UIColor.whiteColor()
UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName : UIColor.whiteColor()]
Просто вставьте эту строку в didFinishLaunchingWithOptions
в свой код.
Обновлено для Swift 3, 4 и 4.2
// setup navBar.....
UINavigationBar.appearance().barTintColor = .black
UINavigationBar.appearance().tintColor = .white
UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]
UINavigationBar.appearance().isTranslucent = false
Swift 4
UINavigationBar.appearance().barTintColor = .black
UINavigationBar.appearance().tintColor = .white
UINavigationBar.appearance().titleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.white]
UINavigationBar.appearance().isTranslucent = false
Swift 4.2
UINavigationBar.appearance().barTintColor = .black
UINavigationBar.appearance().tintColor = .white
UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]
UINavigationBar.appearance().isTranslucent = false
Также можете проверить здесь: https://github.com/hasnine/iOSUtilitiesSource
Внутри AppDelegate, это глобально изменило формат NavBar и удалит нижнюю строку/границу (которая является проблемной областью для большинства людей), чтобы дать вам то, что я думаю, что вы и другие ищете для:
func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
UINavigationBar.appearance().setBackgroundImage(UIImage(), forBarPosition: UIBarPosition.Any, barMetrics: UIBarMetrics.Default)
UINavigationBar.appearance().shadowImage = UIImage()
UINavigationBar.appearance().tintColor = UIColor.whiteColor()
UINavigationBar.appearance().barTintColor = Style.SELECTED_COLOR
UINavigationBar.appearance().translucent = false
UINavigationBar.appearance().clipsToBounds = false
UINavigationBar.appearance().backgroundColor = Style.SELECTED_COLOR
UINavigationBar.appearance().titleTextAttributes = [NSFontAttributeName : (UIFont(name: "FONT NAME", size: 18))!, NSForegroundColorAttributeName: UIColor.whiteColor()] }
Затем вы можете настроить файл Constants.swift и содержать структуру стиля с цветами и шрифтами и т.д. Затем вы можете добавить tableView/pickerView в любой ViewController и использовать массив доступных массивов разрешить пользователю изменять themeColor.
Прекрасная вещь об этом - вы можете использовать одну ссылку во всем своем приложении для каждого цвета, и она будет обновляться на основе пользователя, выбранного "Тема", и без него по умолчанию используется тема1():
import Foundation
import UIKit
struct Style {
static let availableThemes = ["Theme 1","Theme 2","Theme 3"]
static func loadTheme(){
let defaults = NSUserDefaults.standardUserDefaults()
if let name = defaults.stringForKey("Theme"){
// Select the Theme
if name == availableThemes[0] { theme1() }
if name == availableThemes[1] { theme2() }
if name == availableThemes[2] { theme3() }
}else{
defaults.setObject(availableThemes[0], forKey: "Theme")
theme1()
}
}
// Colors specific to theme - can include multiple colours here for each one
static func theme1(){
static var SELECTED_COLOR = UIColor(red:70/255, green: 38/255, blue: 92/255, alpha: 1) }
static func theme2(){
static var SELECTED_COLOR = UIColor(red:255/255, green: 255/255, blue: 255/255, alpha: 1) }
static func theme3(){
static var SELECTED_COLOR = UIColor(red:90/255, green: 50/255, blue: 120/255, alpha: 1) } ...
Сделать это на раскадровке (инспектор интерфейса Builder)
С помощью IBDesignable
мы можем добавить дополнительные опции в IBDesignable
Interface Builder для UINavigationController
и настроить их на раскадровке. Сначала добавьте следующий код в свой проект.
@IBDesignable extension UINavigationController {
@IBInspectable var barTintColor: UIColor? {
set {
guard let uiColor = newValue else { return }
navigationBar.barTintColor = uiColor
}
get {
guard let color = navigationBar.barTintColor else { return nil }
return color
}
}
}
Затем просто установите атрибуты для контроллера навигации на раскадровке.
Этот подход также может использоваться для управления цветом текста навигационной панели из раскадровки:
@IBInspectable var barTextColor: UIColor? {
set {
guard let uiColor = newValue else {return}
navigationBar.titleTextAttributes = [NSAttributedStringKey.foregroundColor: uiColor]
}
get {
guard let textAttributes = navigationBar.titleTextAttributes else { return nil }
return textAttributes[NSAttributedStringKey.foregroundColor] as? UIColor
}
}
UINavigationBar.appearance().barTintColor
работал у меня
SWIFT 4 - Плавный переход (лучшее решение):
Если вы возвращаетесь с навигационного контроллера, и вам нужно установить цветной цвет на навигационном контроллере, который вы нажали, вы хотите использовать
override func willMove(toParentViewController parent: UIViewController?) {
navigationController?.navigationBar.barTintColor = .white
navigationController?.navigationBar.tintColor = Constants.AppColor
}
вместо того, чтобы поместить его в viewWillAppear, чтобы переход стал более чистым.
Функция appearance() не всегда работает для меня. Поэтому я предпочитаю создавать объект ЧПУ и изменять его атрибуты.
var navBarColor = navigationController!.navigationBar
navBarColor.barTintColor = UIColor(red: 255/255.0, green: 0/255.0, blue: 0/255.0, alpha: 100.0/100.0)
navBarColor.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.whiteColor()]
Также, если вы хотите добавить изображение вместо простого текста, это также работает
var imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 70, height: 70))
imageView.contentMode = .ScaleAspectFit
var image = UIImage(named: "logo")
imageView.image = image
navigationItem.titleView = imageView
Используйте API внешнего вида и цвет barTintColor.
UINavigationBar.appearance().barTintColor = UIColor.greenColor()
Swift 4:
Совершенно рабочий код, чтобы изменить внешний вид навигационной панели на уровне приложения.
// MARK: Navigation Bar Customisation
// To change background colour.
UINavigationBar.appearance().barTintColor = .init(red: 23.0/255, green: 197.0/255, blue: 157.0/255, alpha: 1.0)
// To change colour of tappable items.
UINavigationBar.appearance().tintColor = .white
// To apply textAttributes to title i.e. colour, font etc.
UINavigationBar.appearance().titleTextAttributes = [.foregroundColor : UIColor.white,
.font : UIFont.init(name: "AvenirNext-DemiBold", size: 22.0)!]
// To control navigation bar translucency.
UINavigationBar.appearance().isTranslucent = false
Счастливое кодирование!
В Swift 4
Вы можете изменить цвет панели навигации. Просто используйте этот ниже фрагмент кода в viewDidLoad()
Цвет панели навигации
self.navigationController?.navigationBar.barTintColor = UIColor.white
Цвет текста в панели навигации
self.navigationController?.navigationBar.titleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.purple]
Для базовой панели навигации IOS 11 вам нужно использовать свойство largeTitleTextAttributes
self.navigationController?.navigationBar.largeTitleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.purple]
Обновление Swift 4, iOS 12 и Xcode 10
Просто поместите одну строку внутри viewDidLoad()
navigationController?.navigationBar.barTintColor = UIColor.red
Если вы настроили навигационный контроллер, вы можете использовать фрагмент кода выше. Поэтому в моем случае я использовал следующие фрагменты кода.
Swift 3.0, версия XCode 8.1
navigationController.navigationBar.barTintColor = UIColor.green
Текст панели навигации:
navigationController.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.orange]
Это очень полезные беседы.
iOS 8 (быстрый)
let font: UIFont = UIFont(name: "fontName", size: 17)
let color = UIColor.backColor()
self.navigationController?.navigationBar.topItem?.backBarButtonItem?.setTitleTextAttributes([NSFontAttributeName: font,NSForegroundColorAttributeName: color], forState: .Normal)
Swift 3 и Swift 4 Совместимый Xcode 9
Лучшее решение для создания класса для обычных навигационных панелей
У меня есть 5 контроллеров, и каждый заголовок контроллера изменяется на оранжевый. Поскольку каждый контроллер имеет 5 навигационных контроллеров, поэтому мне пришлось менять каждый цвет либо от инспектора, либо от кода.
Итак, я сделал класс вместо того, чтобы менять каждую панель навигации из кода, я просто назначаю этот класс, и он работал на всех 5 контроллерах. Повторное использование кода. Вам просто нужно назначить этот класс каждому контроллеру, и он его.
import UIKit
class NabigationBar: UINavigationBar {
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
commonFeatures()
}
func commonFeatures() {
self.backgroundColor = UIColor.white;
UINavigationBar.appearance().titleTextAttributes = [NSAttributedStringKey.foregroundColor:ColorConstants.orangeTextColor]
}
}
UINavigationBar.appearance().barTintColor = UIColor(colorLiteralRed: 51/255, green: 90/255, blue: 149/255, alpha: 1)
Это установит цвет вашей панели навигации, как цвет панели Facebook:)
В Swift 2
Для изменения цвета в панели навигации
navigationController?.navigationBar.barTintColor = UIColor.whiteColor()
Чтобы изменить цвет в панели навигации элемента,
navigationController?.navigationBar.tintColor = UIColor.blueColor()
или
navigationController!.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.blueColor()]
Swift 3
Простой один вкладыш, который вы можете использовать в ViewDidLoad()
//Change Color
self.navigationController?.navigationBar.barTintColor = UIColor.red
//Change Text Color
self.navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]
iOS 10 Swift 3.0
Если вы не против использовать быстрые фреймворки, тогда UINeraida, чтобы изменить фон навигации как UIColor
или HexColor
или UIImage
и программно изменить текст кнопки навигации назад, изменить полный цвет текста.
Для UINavigationBar
neraida.navigation.background.color.hexColor("54ad00", isTranslucent: false, viewController: self)
//Change navigation title, backbutton colour
neraida.navigation.foreground.color.uiColor(UIColor.white, viewController: self)
//Change navigation back button title programmatically
neraida.navigation.foreground.backButtonTitle("Custom Title", ViewController: self)
//Apply Background Image to the UINavigationBar
neraida.navigation.background.image("background", edge: (0,0,0,0), barMetrics: .default, isTranslucent: false, viewController: self)
Сначала установите для свойства isTranslucent свойство navigationBar значение false, чтобы получить желаемый цвет. Затем измените цвет navigationBar следующим образом:
@IBOutlet var NavigationBar: UINavigationBar!
NavigationBar.isTranslucent = false
NavigationBar.barTintColor = UIColor (red: 117/255, green: 23/255, blue: 49/255, alpha: 1.0)
Мне пришлось делать
UINavigationBar.appearance().tintColor = UIColor.whiteColor()
UINavigationBar.appearance().barStyle = .Black
UINavigationBar.appearance().backgroundColor = UIColor.blueColor()
иначе цвет фона не изменился бы