Читать книгу iOS. Приемы программирования - Вандад Нахавандипур - Страница 32
Глава 1. Реализация контроллеров и видов
1.14. Демонстрация изображения на навигационной панели
ОглавлениеПостановка задачи
В качестве заголовка контроллера вида, ассоциированного в данный момент с навигационным контроллером, требуется отобразить не текст, а изображение.
Решение
Воспользуйтесь свойством titleView навигационного элемента контроллера вида:
– (void)viewDidLoad{
[super viewDidLoad];
/* Создаем вид с изображением, заменяя им вид с заголовком. */
UIImageView *imageView =
[[UIImageView alloc]
initWithFrame: CGRectMake(0.0f, 0.0f, 100.0f, 40.0f)];
imageView.contentMode = UIViewContentModeScaleAspectFit;
/* Загружаем изображение. Внимание! Оно будет кэшироваться. */
UIImage *image = [UIImage imageNamed@"Logo"];
/* Задаем картинку для вида с изображением. */
[imageView setImage: image];
/* Задаем вид с заголовком. */
self.navigationItem.titleView = imageView;
}
Предыдущий код должен выполняться в контроллере вида, находящемся внутри навигационного контроллера.
Я уже загрузил изображение в группу ресурсов моего проекта и назвал это изображение Logo. Как только вы запустите это приложение с приведенным фрагментом кода, увидите результат, напоминающий рис. 1.35.
Рис. 1.35. Вид с изображением на нашей навигационной панели
Обсуждение
Навигационный элемент каждого конкретного контроллера вида может отображать два различных вида контента в той области контроллера вида, которой этот элемент присвоен:
• обычный текст;
• вид.
Если вы собираетесь работать с текстом, можете использовать свойство title навигационного элемента. Тем не менее, если вам требуется более полный контроль над заголовком или вы просто хотите вывести над навигационной панелью изображение или любой другой вид, можете использовать свойство titleView навигационного элемента контроллера вида. Ему можно присваивать любой объект, являющийся подклассом класса UIView. В примере мы создали вид для изображения, а затем присвоили ему изображение. Потом вывели это изображение в качестве заголовка вида, в настоящий момент находящегося на навигационном контроллере.
Свойство titleView навигационной панели – это самый обычный вид, но Apple рекомендует, чтобы его высота не превышала 128 точек. Поэтому считайте его изображением. Если бы вы загружали изображение, имеющее высоту 128 пикселов, то на сетчатом дисплее это соответствовало бы 64 точкам и все было бы нормально. Но если бы вы загружали изображение высотой 300 пикселов на сетчатом дисплее, то по высоте оно заняло бы 150 точек, то есть заметно превысило бы те 128 точек, которые Apple рекомендует для видов, расположенных в строке заголовка. Для исправления этой ситуации необходимо гарантировать, что вид в строке заголовка по высоте ни в коем случае не окажется больше 128 точек, а также задать для контента режим заполнения вида целиком, а не подгонки вида под содержимое. Для этого можно установить свойство contentMode вашей строки заголовка в UIViewContentModeScaleAspectFit.