header QtQuickCONtrols 2 中的两个工具栏

Question

我开始使用 Qt Quick，我想开发一个将部署在嵌入式系统上的应用程序。我正在使用 Qt Quick Controls 2。我正在尝试在我的 header 中创建两个工具栏：一个由图标（电池电量、网络连接等）组成的工具栏和一个允许在 StackView 中导航的工具栏（如 Qt 提供的示例 Gallery 中所示）。我想为每个工具栏设置两种不同的背景颜色enter image description here。现在我有一个 header，它有一个工具栏，并使用一个 ColumnLayout 和两个 RowLayout 来组织级别。我该怎么办？

Answer 1

您可以使用 Material.primary 附带的属性来指定 Material 样式的 ToolBar 颜色。例如：

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Controls.Material 2.0

ApplicationWindow {
    header: Column {
        ToolBar {
            Material.primary: Material.Red
        }
        ToolBar {
            Material.primary: Material.Blue
        }
    }
}

header QtQuickCONtrols 2 中的两个工具栏

Two toolbar in header QtQuickCOntrols 2

qt

qtquick2

qtquickcontrols

qtquickcontrols2