2015-06-04 5 views
1

Я просто хотел бы знать, как сделать мой панель навигации выглядеть, как на левом в изображении ниже:Изменение навигационной панели в Swift

My current app is the one on the right

Мое приложение использует навигацию контроллер и панель навигации по умолчанию выглядит как экран справа на изображении. Мне не нравится, что он настолько мал и ему нравится, и он также может изменить цвет и шрифт текста, используемого для заголовка.

Я был бы признателен за любую помощь в том, как это сделать и где разместить код.

благодаря

+0

Вы можете использовать Interface Builder для изменения навигационной панели свойств. Посмотрите мой ответ ниже. – chrisamanse

ответ

4

Есть много способов costumize навигационной панели:

//You can change the bar style 
navigationController?.navigationBar.barStyle = UIBarStyle.Black 

// You can change the background color 
navigationController?.navigationBar.barTintColor = UIColor(red: 4/255, green: 47/255, blue: 66/255, alpha: 1) 

// You can add a logo on it 
let navBarImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 30, height: 30)) 
navBarImageView.contentMode = .ScaleAspectFit 
let navBarImage = UIImage(named: "myNavBarLogo.png") 
navBarImageView.image = navBarImage 
navigationItem.titleView = navBarImageView 

//You can change the text color 
navigationController?.navigationBar.tintColor = UIColor.yellowColor() 

//You can change the font 
if let font = UIFont(name: "AppleSDGothicNeo-Thin", size: 34) { 
    UINavigationBar.appearance().titleTextAttributes = [NSFontAttributeName: font] 
} 

Вам просто нужно играть с этим attributs, чтобы получить панель навигации, как вы хотите.

Я надеюсь, что это поможет!

+0

@lcaroNZ - отлично! Благодарю. И есть ли возможность изменить шрифт заголовка в панели навигации? – Nick89

+0

@ Nick89 Я рад, что он ответил на ваш вопрос, и да, вы можете изменить шрифт, я просто добавлю, как к другим – Icaro

+1

@ Nick89 Чтобы избавить вас от загромождения исходного кода, вы можете изменить свойства панели навигации в Interface Builder, выбрав панель навигации в вашем контроллере навигации, см. мой ответ ниже :) – chrisamanse

4

Вы можете изменить панель навигации в Interface Builder.

Вы можете изменить цвет фона, изменив оттенок. Вы можете также изменить название шрифта, цвет и т.д., как вы можете увидеть ниже:

enter image description here

+1

Я не знаю, почему люди используют кодирование, когда у них есть построитель интерфейсов. Это самый простой способ. – SajithK