Styling NavigationDrawer Header - PullRequest
Новая
       31

Styling NavigationDrawer Header

0 голосов
/ 11 июня 2018

Мне было интересно, можно ли как-нибудь стилизовать заголовок NavigationDrawer с помощью css.

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

Любая помощь будетоценили.Я сошел с ума здесь

1 Ответ

0 голосов
/ 12 июня 2018

В случае сомнений всегда используйте ScenicView .Это удобный инструмент для просмотра графика сцены и понимания различных элементов управления вместе с их компонентами.

NavigationDrawer разделен на 3 части:

  • Заголовок
  • Элемент(s)
  • Нижний колонтитул

Заголовку назначен класс стилей header.Поэтому вы всегда можете получить к нему доступ, используя: 

.navigation-drawer.header {
    // your custom css
}

Заголовок состоит из VBox, style-class header-content.

.navigation-drawer.header > .header-content {
    // your custom css
}

Состоит из 2 HBox.Один для хранения изображения заголовка, а другой для хранения текста.Метки заголовков и подзаголовков можно стилизовать с помощью следующего css: 

.navigation-drawer.header > .header-content > .text-box > * > .title {
   // your custom css
}

.navigation-drawer.header > .header-content > .text-box > * > .subtitle {
   // your custom css
}
...