Spec-Zone .ru
спецификации, руководства, описания, API

Библиотека Разработчика iOS

Разработчик

Руководство по Переходу iOS 7 UI

PDF
На этой странице

Панели и кнопки панели

В iOS 7 строка состояния является прозрачными, и другими панелями — т.е. панели навигации, панели вкладок, панели инструментов, панели поиска, и панели объема — полупрозрачны. Как правило Вы хотите удостовериться, что содержание заполняет область за решеткой в Вашем приложении.

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

iOS 7 представляет barPosition свойство для идентификации запрещает позицию, помогающую Вам указать, когда пользовательское фоновое изображение должно расшириться позади строки состояния. UIBarPositionTopAttached оцените означает, что панель наверху экрана, и его фон расширяется вверх в область строки состояния. Напротив, UIBarPositionTop оцените означает, что панель наверху ее локального контекста — например, наверху легкой сдобы — и что она не обеспечивает фон для строки состояния.

По умолчанию все кнопки панели являются безграничными. Для получения дополнительной информации посмотрите Кнопки Панели.

Строка состояния

Поскольку строка состояния прозрачна, представление позади нее показывает через. Стиль строки состояния относится к появлению ее содержания, включающего элементы, такие как время, заряд батареи и сигнал Wi-Fi. Используйте a UIStatusBarStyle постоянный, чтобы указать, должно ли содержание строки состояния быть темным (UIStatusBarStyleDefault) или свет (UIStatusBarStyleLightContent):

UIStatusBarStyleDefault дисплеи темное содержание. Используйте, когда легкое содержание будет позади строки состояния. image: ../Art/status_bar_default_iphone_2x.pngimage: ../Art/status_bar_default_ipad_2x.png

UIStatusBarStyleLightContent содержание света дисплеев. Используйте, когда темное содержание будет позади строки состояния. image: ../Art/status_bar_light_iphone_2x.pngimage: ../Art/status_bar_light_ipad_2x.png

В некоторых случаях фоновое изображение для панели навигации или панели поиска может расшириться позади строки состояния (для подробных данных, посмотрите Панель навигации и Панель поиска и Панель Объема). Если нет никаких панелей ниже строки состояния, довольное, представление должно использовать полную высоту экрана. Чтобы изучить, как гарантировать, что контроллер представления размечает свои представления должным образом, посмотрите Используя Контроллеры Представления.

В iOS 7 можно управлять стилем строки состояния от отдельного контроллера представления и изменить его в то время как выполнение приложения. Если Вы предпочитаете выбирать из этого поведения и устанавливать стиль строки состояния при помощи UIApplication statusBarStyle метод, добавляют UIViewControllerBasedStatusBarAppearance ключ к приложению Info.plist файл и дает ему значение NOfalse.

Панель навигации

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

iOS 7 image: ../Art/nav_bar_7_2x.pngimage: ../Art/nav_bar_ipad_7_2x.png

iOS 6 image: ../Art/navigation_bar_6_2x.pngimage: ../Art/nav_bar_ipad_6_2x.png

iOS 7

iOS 6

Стиль панели

Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота.

По умолчанию, translucent свойство YEStrue.

Непрозрачный градиент, синий (значение по умолчанию) или непрозрачный черный цвет.

По умолчанию, translucent свойство NOfalse.

Появление

Линия наименьшей толщины на один пиксель появляется в базовом краю.

Падающая тень появляется в базовом краю.

Расцветка

Использовать tintColor окрашивать элементы кнопки панели.

Использовать barTintColor окрашивать фон панели.

Использовать tintColor окрашивать фон панели.

Кнопка «Назад»

Обратное управление является двойной угловой скобкой плюс заголовок предыдущего экрана. *

Кнопка «Назад» является ограниченной кнопкой, содержащей заголовок предыдущего экрана.

*, Если Вы хотите использовать пользовательское изображение для замены двойной угловой скобки по умолчанию, также необходимо создать пользовательский рисунок маски. iOS 7 использует маску, чтобы заставить заголовок предыдущего экрана, казаться, появиться из — или исчезнуть в — двойная угловая скобка во время переходов навигации. Для приобретения знаний о свойствах, управляющих Кнопкой «Назад» и рисунком маски посмотрите Ссылку класса UINavigationBar.

iOS 7 упрощает добавлять панель поиска к панели навигации. Для получения дополнительной информации посмотрите Панель Панели поиска и Объема.

Если Вы создаете фоновое изображение для панели навигации, использующей UIBarPositionTopAttached позиция панели — или для панели навигации в контроллере навигации — удостоверяется, что изображение включает область строки состояния. В частности создайте фоновое изображение, имеющее высоту 64 точек.

Следующая таблица описывает, как iOS 7 обрабатывает фоновые изображения панели навигации изменяемого размера различных высот. (Чтобы изучить, как указать режим изменения размеров для изображения, см. Ссылку класса UIImage.)

Таблица, 5-1Treatment из фоновых изображений изменяемого размера для панелей наверху экрана

Высота

Изменение размеров обработки

Фоновое появление строки состояния

44 точки

Горизонтально измененный как надлежащий (изображение вертикально не размещается рядом или расширяется).

Черный, при использовании UIBarPositionTopAttached.

Если фоном окна, при использовании UIBarPositionTop.

Меньше чем 44 точки

Вертикально измененный к 64 точкам при использовании UIBarPositionTopAttached или 44 точки при использовании UIBarPositionTop.

Горизонтально измененный как надлежащий.

Если фоном панели.

64 точки

Горизонтально измененный как надлежащий.

Если фоном панели.

1 точка

Вертикально измененный к 64 точкам при использовании UIBarPositionTopAttached или при использовании контроллера навигации. Вертикально измененный к 44 точкам при использовании UIBarPositionTop.

Горизонтально измененный как надлежащий.

Если фоном панели.

Избегайте использования дополнительно-высокого фонового изображения для отображения пользовательской падающей тени ниже панели навигации. Этот метод не будет работать в iOS 7, потому что дополнительная высота расширяется в область строки состояния вместо ниже панели навигации. Если Вы хотите добавить падающую тень к своей панели навигации, создать пользовательское фоновое изображение и использовать shadowImage свойство для указания пользовательского теневого изображения.

Панель поиска и панель объема

Панель поиска принимает текст пользователей, который может использоваться в качестве ввода для поиска. Панели поиска можно было присоединить панель объема ниже его.

iOS 7

image: ../Art/search_bar_7_2x.png

iOS 6

image: ../Art/search_bar_6_2x.png

iOS 7

iOS 6

Стиль панели

Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота.

По умолчанию, translucent свойство YEStrue.

Непрозрачный градиент, синий (значение по умолчанию) или непрозрачный черный цвет.

По умолчанию, translucent свойство NOfalse.

Стиль панели поиска

Видный (значение по умолчанию) или минимальный.

Видная панель поиска имеет полупрозрачный фон и непрозрачное поле поиска.

Минимальная панель поиска не имеет никакого фона и полупрозрачного поля поиска.

Появление

Линия наименьшей толщины на один пиксель появляется в базовом краю.

Падающая тень появляется в базовом краю.

Расцветка

Использовать tintColor окрашивать приоритетные элементы.

Использовать barTintColor окрашивать фон панели.

Использовать tintColor окрашивать фон панели.

Если Вы создаете фоновое изображение для панели поиска, использующей UIBarPositionTopAttached позиция панели, удостоверьтесь, что высота изображения включает высоту строки состояния. При создании фонового изображения изменяемого размера посмотрите Таблицу 5-1 для подробных данных о том, как iOS 7 изменяет размеры изображений различных размеров.

В iOS 7, UISearchDisplayController включает displaysSearchBarInNavigationBar свойство, которое можно использовать для помещения панели поиска в панель навигации, подобную той в Календаре на iPhone:

image: ../Art/search_in_nav_7_2x.png

Панель объема позволяет пользователям определить объем поиска.

iOS 7

image: ../Art/scope_bar_2x.png

iOS 6

image: ../Art/scope_bar_6_2x.png

iOS 7

iOS 6

Стиль панели

Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота.

По умолчанию, translucent свойство YEStrue.

Непрозрачный градиент, синий (значение по умолчанию) или непрозрачный черный цвет.

По умолчанию, translucent свойство NOfalse.

Появление

Линия наименьшей толщины на один пиксель появляется в базовом краю.

Падающая тень появляется в базовом краю.

Расцветка

Использовать tintColor окрашивать содержание кнопки объема.

Использовать barTintColor окрашивать фон панели.

Использовать tintColor окрашивать фон панели.

Панель вкладок

Панель вкладок предоставляет людям возможность переключиться между различными подзадачами, представлениями и режимами.

iOS 7 image: ../Art/clock_tab_bar_7_2x.pngimage: ../Art/tab_bar_ipad_7_2x.png

iOS 6 image: ../Art/tab_bar_6_2x.pngimage: ../Art/tab_bar_ipad_6_2x.png

iOS 7

iOS 6

Стиль панели

UITabBar включает barStyle свойство.

Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота.

По умолчанию, translucent свойство YEStrue.

Непрозрачный градиент, черный (значение по умолчанию). В iOS 6 панель вкладок не включает barStyle или translucent свойства.

Появление

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

Изображение индикатора выбора нарисовано позади значка вкладки.

Расположение элемента

Использовать itemPositioning изменить расположение вкладки. По умолчанию вкладки заполняют ширину панели вкладок на iPhone; на iPad вкладки центрируются по умолчанию.

В панели элемента в центре можно использовать itemWidth и itemSpacing настроить расположение вкладки.

В iOS 6 панель вкладок не включает itemPositioning, itemWidth, или itemSpacing свойства.

Расцветка

Использовать tintColor окрашивать выбранные элементы панели вкладок.

Использовать barTintColor окрашивать фон панели.

Использовать tintColor окрашивать фон панели.

При создании пользовательского значка для элемента панели вкладок необходимо также использовать selectedImage свойство UITabBarItem указать второй значок, представляющий выбранное состояние элемента. Если Вы не обеспечиваете выбранную версию пользовательского значка, тот же значок используется в обоих состояниях. Для некоторого руководства проекта при создании пользовательского значка панели вкладок посмотрите Значки Кнопки Панели.

Панель инструментов

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

iOS 7 image: ../Art/mail_toolbar_7_2x.pngimage: ../Art/toolbar_ipad_7_2x.png

iOS 6 image: ../Art/toolbar_6_2x.pngimage: ../Art/toolbar_ipad_6_2x.png

iOS 7

iOS 6

Стиль панели

Полупрозрачный свет (значение по умолчанию) или полупрозрачная темнота.

По умолчанию, translucent свойство YEStrue.

Непрозрачный градиент, синий (значение по умолчанию) или непрозрачный черный цвет.

По умолчанию, translucent свойство NOfalse.

Появление

Линия наименьшей толщины на один пиксель появляется в главном краю.

Падающая тень появляется в главном краю.

Расцветка

Использовать tintColor окрашивать элементы кнопки панели.

Использовать barTintColor окрашивать фон панели.

Использовать tintColor окрашивать фон панели.

Соответствующая информация

UIToolbarPosition константы осуждаются; использовать UIBarPosition константы вместо этого.

При создании фонового изображения изменяемого размера посмотрите Таблицу 5-1 для подробных данных о том, как iOS 7 изменяет размеры изображений различных размеров.

Кнопки панели

В iOS 6 кнопки панели или ограничены или безграничные. В iOS 7 все кнопки панели являются безграничными.

image: ../Art/borderless_bar_buttons_7_2x.png
image: ../Art/bordered_bar_buttons_6_2x.png

Для ясности iOS 7 приложений иногда используют заголовки в кнопках панели вместо значков. Например, Календарь в iOS 7 использует Ящик входящих сообщений вместо пользовательского значка:

iOS 7

image: ../Art/text_titles_in_toolbar_7_2x.png

iOS 6

image: ../Art/glyphs_in_toolbar_6_2x.png

В более ранних версиях iOS пользовательское искусство кнопки панели было автоматически обработано как шаблонное изображение. (Шаблонное изображение используется в качестве маски для создания заключительного изображения.) В iOS 7 можно использовать следующий UIImage свойства, чтобы указать, должно ли пользовательское искусство быть обработано как шаблонное изображение или полностью представлено:

  • UIImageRenderingModeAlwaysTemplate. Изображение должно быть обработано как шаблонное изображение.

  • UIImageRenderingModeAlwaysOriginal. Изображение должно быть представлено, как.

Если Вы не указываете обработку для своего изображения — или Вы выбираете из обработки в особой ситуации — изображение проходит лечение по умолчанию, определенное представлением включения. Например, панелями по умолчанию используют шаблонную обработку, тогда как по умолчанию ползунок использует полностью представленную обработку.