2015-09-28 3 views
7

Я вернулся.Изображение кнопки на панели навигации не отображается в Swift

Я пишу приложение в Swift с помощью Xcode 7. Я добавил контроллер навигации и над ним элемент навигации, а затем кнопку панели. Я пытаюсь изменить изображение кнопки панели на png, который я импортировал в Xcode. Однако это просто показывает это в дизайне, а также при запуске приложения. Он просто показывает синее пятно в области навигации.

bar button image not appearing!

Я пытался импортировать изображение в проект, а также в images.xcassets с теми же результатами.

Кто-то знает, что может быть неправильным здесь?

Вот изображение, которое я пытался добавить, и настройки, которые у меня есть.

image I'm trying to add

Настройки:.

settings of image

+0

Я думаю: tintcolor панель кнопок является по умолчанию? И кнопка бара установлена ​​как «Система»? Попробуйте изменить его на «Custom», возможно? – Rick

+0

, пожалуйста, разместите изображение, которое вы хотите поместить в элемент navbar, чтобы мы могли лучше понять проблему. –

+0

Спасибо за комментарии. Я добавил изображение, которое хочу добавить в этот пост. Я также добавил настройки Рика, все в порядке? – BensTechTips

ответ

5

Вы должны быть изображение с альфа (Образец изображения вы вывесили имеет белый фон). Также вы должны установить изображение в режиме шаблона. Я не знаю, как это сделать в интерфейсе. Это пример кода для преобразования изображения в шаблон.

var image = UIImage(named: "").imageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate) 
+0

Хорошо спасибо! Когда вы произносите изображение с альфой, должно ли оно по-прежнему находиться в формате PNG или это будет другой формат, например JPG или что-то еще? – BensTechTips

+0

да, это должно быть png. jpg не имеет альфа-канала. – cekisakurek

+0

Заглянул в это, и это не проблема. Он имеет прозрачный фон в изображении. Спасибо за рекомендацию. – BensTechTips

15

Способ отображения изображений навигационной кнопки, отображаемых как синий, - это выбор изображения, заданного в Assets.

А затем выберите «Исходное изображение» из списка «Отметить как выбрать».

enter image description here

+1

приятный. У меня есть обновление экрана. – preetam

+0

Вы правила, чувак !! Благодаря!!! – oskarko

Смежные вопросы