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

Слева панель инструментов отделена от фонового контента. Справа панель инструментов прозрачна (сливается с фоном).

Слева панель инструментов отделена от фонового контента. Справа панель инструментов прозрачна (сливается с фоном).

<aside> 💡 Фишка iOS: Хотя панели инструментов и панель вкладок отображаются в нижней части экрана, каждая из них имеет свое назначение. Панель инструментов содержит кнопки для выполнения действий, связанных с экраном, таких как создание элемента, фильтрация элементов или разметка контента. Панель вкладок позволяет пользователям перемещаться между различными областями приложения, такими как вкладки "Будильник", "Секундомер" и "Таймер" в приложении "Часы". Панели инструментов и панели вкладок не отображаются вместе на одном экране.

</aside>

Используйте панель инструментов, чтобы увеличить количество действий, которые люди, скорее всего, будут выполнять в текущем контексте. Панель инструментов обеспечивает видное и консистентное расположение часто используемых команд. Если вам нужно предоставить способ переключения контекстов (экранов), то рассмотрите возможность использования панели вкладок (tab bar) вместо этого.

В приложении для iPad OS рассмотрите возможность использования панели навигации вместо панели инструментов для часто используемых действий. Кнопки в верхней части экрана iPad более заметны, чем кнопки в нижней части, и людям может быть проще до них добраться.

На панели инструментов, содержащей три или менее кнопок, рассмотрите возможность использования кратких заголовков для дополнительной ясности. Например, в календаре используются заголовки "Сегодня", "Календари" и "Входящие". Чтобы заголовки не слипались, вы можете вставить фиксированные пробелы между кнопками.

Untitled

На панели инструментов, содержащей более трех кнопок, рассмотрите возможность использования иконок для экономии места. Одна из билиотек SF symbols дают широкий спектр настраиваемых иконок, которые вы можете использовать для отображения действий в приложении. Если вам нужно создать кастомную иконку для кнопки панели инструментов, используйте следующие размеры, кастомизируя их по мере необходимости для визуального баланса.

Размеры Максимальный размер
24x24 pt (72x72 px @3x) 28x28 pt (84x84 px @3x)
24x24 pt (48x48 px @2x) 28x28 pt (56x56 px @2x)

Избегайте использования сегментированных вкладок (segment control) на панели инструментов. Сегментированные вкладки позволяют пользователям переключать контексты, в то время как действия панели инструментов специфичны для текущего экрана.