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

Изменения, сделанные на этой странице, будут отражаться только на AppBar новых страниц. Чтобы отменить настройки по умолчанию и внести изменения в любой конкретный AppBar страницы, следуйте инструкциям  здесь.
аппбар 1

Изменение типа панели AppBar

Существует четыре типа AppBar, которые вы можете выбрать:

  1. Большой заголовок: Это AppBar по умолчанию, на котором отображается только заголовок страницы.
  2. Большой заголовок -> Кнопка «Назад»: Этот тип AppBar показывает кнопку «Назад» с текстом ‘Back’ и заголовок страницы под кнопкой «Назад».
  3. Кнопка назад -> Заголовок по центру: Этот тип AppBar отображает кнопку «Назад» слева и заголовок страницы в центре.
  4. Кнопка «Назад» -> Заголовок слева: Этот тип AppBar отображает кнопку «Назад» и заголовок страницы слева.

Вот как можно изменить тип AppBar:

  • Нажмите на Настройки и интеграции () в навигационном меню (левая часть экрана).
  • В разделе Общие выберите NavBar & AppBar.
  • Прокрутите вниз до раздела AppBar.
  • В разделе Styling > Type найдите типы AppBar и выберите любой вариант.
аппбар 2

Стилизация AppBar

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

Совет: вы можете расширить возможности настройки, используя строку или столбец внутри AppBar.

Изменение цвета фона

Чтобы изменить цвет фона панели AppBar:

  • Перейдите в Настройки и интеграции -> Общие -> NavBar & AppBar -> App Bar.
  • Прокрутите вниз до раздела Style и найдите свойство Background Color.
  • Нажмите на поле рядом с Primary, выберите цвет, а затем нажмите Use Color или нажмите на Primary и введите шестнадцатеричный код напрямую.

 

аппбар 3

Изменение высоты панели AppBar

Вы можете настроить высоту AppBar с помощью свойства Height.
Чтобы изменить высоту панели AppBar:
  • Перейдите в Настройки и интеграции -> Общие -> NavBar & AppBar -> App Bar.
  • Прокрутите вниз до раздела Стиль.
  • Найдите свойство Height и введите значение.
  • Вы можете заметить, что виджет Text внутри Appbar сместился в левый верхний угол экрана.
  • Чтобы выровнять виджет «Текст», выделите страницу, затем выделите виджет «Текст«, перейдите в редактор свойств и прокрутите вниз до раздела «Выравнивание«. Отрегулируйте выравнивание виджета с помощью ползунка или непосредственно введя значение.
аппбар 4

Изменение высоты

Чтобы изменить высоту (глубину или ось Z) панели AppBar:

  • Перейдите в Настройки и интеграции -> Общие -> NavBar & AppBar -> App Bar.
  • Прокрутите вниз до раздела Стиль.
  • Найдите свойство Elevation и введите значение, чтобы увидеть эффект падающей тени под AppBar. Чем больше значение, тем больше размер тени.
аппбар 5

Настройка значка по умолчанию

По умолчанию для кнопки «Назад» используется закругленная стрелка (<-). Однако вы можете использовать свойства значка, доступные в разделе значков, чтобы настроить его в соответствии с вашими потребностями.

Чтобы настроить значок по умолчанию:

  • Перейдите в Настройки и интеграции -> Общие -> NavBar & AppBar -> App Bar.
  • Прокрутите вниз до раздела Иконка.
  • Чтобы изменить иконку, нажмите на кнопку Стрелка назад закругленная <-, а затем найдите и выберите новую иконку.
  • Чтобы изменить размер значка, найдите свойство Icon Size и введите значение.
  • Чтобы изменить цвет значка, найдите свойство Icon Color, нажмите на поле рядом с White, выберите цвет, а затем нажмите Use Color или нажмите Unset и введите шестнадцатеричный код напрямую.
аппбар 6

Изменение стиля текста

Чтобы изменить стиль текста заголовка страницы:

  • Перейдите в Настройки и интеграции -> Общие -> NavBar & AppBar -> App Bar.
  • Прокрутите вниз до раздела Текст.
  • Следуйте дальнейшим инструкциям.
аппбар 7