样式NavigationDrawer标题

Question

我想知道是否可以用某种方式使用css为NavigationDrawer Header设置样式。

我希望我能够发布我尝试的所有各种事情。

任何帮助将不胜感激。我在这里失去了智慧

Answer 1

如有疑问，请始终使用ScenicView。它是一个方便的工具，可以查看场景图并了解各种控件及其组件。

NavigationDrawer分为3部分：

• 标题
• 项目（S）
• 页脚

标题已分配了样式类header。因此，您始终可以使用以下方式访问它：

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

标题包含一个VBox，样式类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
}