qml ToolBar详解

1、概述

在 QML 中，ToolBar 是一种常用的 UI 组件，通常位于窗口的顶部或底部，用于提供一系列的操作按钮、菜单或其他交互元素。它可以帮助用户快速访问应用程序的常用功能，提高用户操作的便捷性。ToolBar 可以包含多个 ToolButton、Separator 等子项，并且支持自定义样式和布局。

2、重要属性

• position (enumeration):用于指定 ToolBar 在界面中的位置。
• contentChildren (list<Item>): 包含Pane中所有子项的列表。
• contentHeight (real): 内容高度。
• contentWidth (real): 内容宽度。

• background (Item): 控件的背景项。可以自定义以改变控件的背景。

• contentItem (Item): 控件的内容项。这是控件内部用于放置子项和内容的根项。
• focusPolicy (enumeration): 设置控件的焦点策略，决定控件是否可以接收焦点。
• focusReason (enumeration): 表示控件获得焦点的原因。这个属性是只读的。

Window {
    visible: true
    width: 640
    height: 480

    ToolBar {
          RowLayout {
              spacing: 10
              anchors.fill: parent
              ToolButton {
                  text: qsTr("File")
                  onClicked: console.log("file")
              }

              ToolButton {
                  text: qsTr("Save")
                  onClicked: console.log("Save")
              }
          }
    }
}

觉得有帮助的话，打赏一下呗。。

           

需要商务合作（定制程序）的欢迎私信！！