【QML-分隔器】

QML编程指南 VX:hao541022348

  • 分隔器
    • MenuSeparator
    • ToolSeparator

分隔器

MenuSeparator

提供了多种分隔符,其实就是分割一下MenuBar和ToolBar里面的内容。

** 示例一 **
【QML-分隔器】_第1张图片

  import QtQuick 2.12
  import QtQuick.Controls 2.12

  Menu {
      id: menu
      MenuItem {
          text: qsTr("New...")
      }
      MenuItem {
          text: qsTr("Open...")
      }
      MenuItem {
          text: qsTr("Save")
      }

      MenuSeparator {
          padding: 0
          topPadding: 12
          bottomPadding: 12
          contentItem: Rectangle {
              implicitWidth: 200
              implicitHeight: 1
              color: "#1E000000"
          }
      }

      MenuItem {
          text: qsTr("Exit")
      }
  }

ToolSeparator

工具分隔符应该用来分隔工具栏中的项目(通常是工具按钮控件)。它可以在水平或垂直工具栏中使用。
在这里插入图片描述

  ToolBar {
      RowLayout {
          anchors.fill: parent

          ToolButton {
              text: qsTr("Action 1")
          }
          ToolButton {
              text: qsTr("Action 2")
          }

          ToolSeparator {}

          ToolButton {
              text: qsTr("Action 3")
          }
          ToolButton {
              text: qsTr("Action 4")
          }

          ToolSeparator {}

          ToolButton {
              text: qsTr("Action 5")
          }
          ToolButton {
              text: qsTr("Action 6")
          }

          Item {
              Layout.fillWidth: true
          }
      }
  }

你可能感兴趣的:(#,Qml,qt)