Панели и кнопки панели
В iOS 7 строка состояния является прозрачными, и другими панелями — т.е. панели навигации, панели вкладок, панели инструментов, панели поиска, и панели объема — полупрозрачны. Как правило Вы хотите удостовериться, что содержание заполняет область за решеткой в Вашем приложении.
Большинство панелей также рисует размытость позади них, если Вы не обеспечиваете пользовательское фоновое изображение для панели.
iOS 7 представляет barPosition
свойство для идентификации запрещает позицию, помогающую Вам указать, когда пользовательское фоновое изображение должно расшириться позади строки состояния. UIBarPositionTopAttached
оцените означает, что панель наверху экрана, и его фон расширяется вверх в область строки состояния. Напротив, UIBarPositionTop
оцените означает, что панель наверху ее локального контекста — например, наверху легкой сдобы — и что она не обеспечивает фон для строки состояния.
По умолчанию все кнопки панели являются безграничными. Для получения дополнительной информации посмотрите Кнопки Панели.
Строка состояния
Поскольку строка состояния прозрачна, представление позади нее показывает через. Стиль строки состояния относится к появлению ее содержания, включающего элементы, такие как время, заряд батареи и сигнал Wi-Fi. Используйте a UIStatusBarStyle
постоянный, чтобы указать, должно ли содержание строки состояния быть темным (UIStatusBarStyleDefault
) или свет (UIStatusBarStyleLightContent
):
UIStatusBarStyleDefault
дисплеи темное содержание. Используйте, когда легкое содержание будет позади строки состояния.
UIStatusBarStyleLightContent
содержание света дисплеев. Используйте, когда темное содержание будет позади строки состояния.
В некоторых случаях фоновое изображение для панели навигации или панели поиска может расшириться позади строки состояния (для подробных данных, посмотрите Панель навигации и Панель поиска и Панель Объема). Если нет никаких панелей ниже строки состояния, довольное, представление должно использовать полную высоту экрана. Чтобы изучить, как гарантировать, что контроллер представления размечает свои представления должным образом, посмотрите Используя Контроллеры Представления.
В iOS 7 можно управлять стилем строки состояния от отдельного контроллера представления и изменить его в то время как выполнение приложения. Если Вы предпочитаете выбирать из этого поведения и устанавливать стиль строки состояния при помощи UIApplication
statusBarStyle
метод, добавляют UIViewControllerBasedStatusBarAppearance
ключ к приложению Info.plist
файл и дает ему значение NO
false
.
Панель навигации
Панель навигации помогает пользователям перейти через информационную иерархию и, дополнительно, управлять экранным содержанием.
iOS 7
iOS 6
|
iOS 7 |
iOS 6 |
---|---|---|
Стиль панели |
Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота. По умолчанию, |
Непрозрачный градиент, синий (значение по умолчанию) или непрозрачный черный цвет. По умолчанию, |
Появление |
Линия наименьшей толщины на один пиксель появляется в базовом краю. |
Падающая тень появляется в базовом краю. |
Расцветка |
Использовать Использовать |
Использовать |
Кнопка «Назад» |
Обратное управление является двойной угловой скобкой плюс заголовок предыдущего экрана. * |
Кнопка «Назад» является ограниченной кнопкой, содержащей заголовок предыдущего экрана. |
*, Если Вы хотите использовать пользовательское изображение для замены двойной угловой скобки по умолчанию, также необходимо создать пользовательский рисунок маски. iOS 7 использует маску, чтобы заставить заголовок предыдущего экрана, казаться, появиться из — или исчезнуть в — двойная угловая скобка во время переходов навигации. Для приобретения знаний о свойствах, управляющих Кнопкой «Назад» и рисунком маски посмотрите Ссылку класса UINavigationBar.
iOS 7 упрощает добавлять панель поиска к панели навигации. Для получения дополнительной информации посмотрите Панель Панели поиска и Объема.
Если Вы создаете фоновое изображение для панели навигации, использующей UIBarPositionTopAttached
позиция панели — или для панели навигации в контроллере навигации — удостоверяется, что изображение включает область строки состояния. В частности создайте фоновое изображение, имеющее высоту 64 точек.
Следующая таблица описывает, как iOS 7 обрабатывает фоновые изображения панели навигации изменяемого размера различных высот. (Чтобы изучить, как указать режим изменения размеров для изображения, см. Ссылку класса UIImage.)
Высота |
Изменение размеров обработки |
Фоновое появление строки состояния |
---|---|---|
44 точки |
Горизонтально измененный как надлежащий (изображение вертикально не размещается рядом или расширяется). |
Черный, при использовании Если фоном окна, при использовании |
Меньше чем 44 точки |
Вертикально измененный к 64 точкам при использовании Горизонтально измененный как надлежащий. |
Если фоном панели. |
64 точки |
Горизонтально измененный как надлежащий. |
Если фоном панели. |
1 точка |
Вертикально измененный к 64 точкам при использовании Горизонтально измененный как надлежащий. |
Если фоном панели. |
Избегайте использования дополнительно-высокого фонового изображения для отображения пользовательской падающей тени ниже панели навигации. Этот метод не будет работать в iOS 7, потому что дополнительная высота расширяется в область строки состояния вместо ниже панели навигации. Если Вы хотите добавить падающую тень к своей панели навигации, создать пользовательское фоновое изображение и использовать shadowImage
свойство для указания пользовательского теневого изображения.
Панель поиска и панель объема
Панель поиска принимает текст пользователей, который может использоваться в качестве ввода для поиска. Панели поиска можно было присоединить панель объема ниже его.
iOS 7
iOS 6
|
iOS 7 |
iOS 6 |
---|---|---|
Стиль панели |
Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота. По умолчанию, |
Непрозрачный градиент, синий (значение по умолчанию) или непрозрачный черный цвет. По умолчанию, |
Стиль панели поиска |
Видный (значение по умолчанию) или минимальный. Видная панель поиска имеет полупрозрачный фон и непрозрачное поле поиска. Минимальная панель поиска не имеет никакого фона и полупрозрачного поля поиска. |
– |
Появление |
Линия наименьшей толщины на один пиксель появляется в базовом краю. |
Падающая тень появляется в базовом краю. |
Расцветка |
Использовать Использовать |
Использовать |
Если Вы создаете фоновое изображение для панели поиска, использующей UIBarPositionTopAttached
позиция панели, удостоверьтесь, что высота изображения включает высоту строки состояния. При создании фонового изображения изменяемого размера посмотрите Таблицу 5-1 для подробных данных о том, как iOS 7 изменяет размеры изображений различных размеров.
В iOS 7, UISearchDisplayController
включает displaysSearchBarInNavigationBar
свойство, которое можно использовать для помещения панели поиска в панель навигации, подобную той в Календаре на iPhone:
Панель объема позволяет пользователям определить объем поиска.
iOS 7
iOS 6
|
iOS 7 |
iOS 6 |
---|---|---|
Стиль панели |
Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота. По умолчанию, |
Непрозрачный градиент, синий (значение по умолчанию) или непрозрачный черный цвет. По умолчанию, |
Появление |
Линия наименьшей толщины на один пиксель появляется в базовом краю. |
Падающая тень появляется в базовом краю. |
Расцветка |
Использовать Использовать |
Использовать |
Панель вкладок
Панель вкладок предоставляет людям возможность переключиться между различными подзадачами, представлениями и режимами.
iOS 7
iOS 6
|
iOS 7 |
iOS 6 |
---|---|---|
Стиль панели |
Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота. По умолчанию, |
Непрозрачный градиент, черный (значение по умолчанию). В iOS 6 панель вкладок не включает |
Появление |
Если предоставленный, пользовательское изображение индикатора выбора используется. |
Изображение индикатора выбора нарисовано позади значка вкладки. |
Расположение элемента |
Использовать В панели элемента в центре можно использовать |
В iOS 6 панель вкладок не включает |
Расцветка |
Использовать Использовать |
Использовать |
При создании пользовательского значка для элемента панели вкладок необходимо также использовать selectedImage
свойство UITabBarItem
указать второй значок, представляющий выбранное состояние элемента. Если Вы не обеспечиваете выбранную версию пользовательского значка, тот же значок используется в обоих состояниях. Для некоторого руководства проекта при создании пользовательского значка панели вкладок посмотрите Значки Кнопки Панели.
Панель инструментов
Панель инструментов содержит средства управления, выполняющие действия, связанные с объектами на текущем экране или представлении.
iOS 7
iOS 6
|
iOS 7 |
iOS 6 |
---|---|---|
Стиль панели |
Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота. По умолчанию, |
Непрозрачный градиент, синий (значение по умолчанию) или непрозрачный черный цвет. По умолчанию, |
Появление |
Линия наименьшей толщины на один пиксель появляется в главном краю. |
Падающая тень появляется в главном краю. |
Расцветка |
Использовать Использовать |
Использовать |
Соответствующая информация |
|
– |
При создании фонового изображения изменяемого размера посмотрите Таблицу 5-1 для подробных данных о том, как iOS 7 изменяет размеры изображений различных размеров.
Кнопки панели
В iOS 6 кнопки панели или ограничены или безграничные. В iOS 7 все кнопки панели являются безграничными.
Для ясности iOS 7 приложений иногда используют заголовки в кнопках панели вместо значков. Например, Календарь в iOS 7 использует Ящик входящих сообщений вместо пользовательского значка:
iOS 7
iOS 6
В более ранних версиях iOS пользовательское искусство кнопки панели было автоматически обработано как шаблонное изображение. (Шаблонное изображение используется в качестве маски для создания заключительного изображения.) В iOS 7 можно использовать следующий UIImage
свойства, чтобы указать, должно ли пользовательское искусство быть обработано как шаблонное изображение или полностью представлено:
UIImageRenderingModeAlwaysTemplate
. Изображение должно быть обработано как шаблонное изображение.UIImageRenderingModeAlwaysOriginal
. Изображение должно быть представлено, как.
Если Вы не указываете обработку для своего изображения — или Вы выбираете из обработки в особой ситуации — изображение проходит лечение по умолчанию, определенное представлением включения. Например, панелями по умолчанию используют шаблонную обработку, тогда как по умолчанию ползунок использует полностью представленную обработку.