Qt Quick - MenuBar

Qt Quick - MenuBar使用总结

• 一、概述
• 二、使用
• 三、定制化

一、概述

MenuBar 其实就是菜单栏，顾名思义其实就是放Menu的一个容器而已。

菜单栏由下拉菜单组成，通常位于窗口的顶部边缘。通常，菜单被静态地声明为菜单栏的子菜单，但是MenuBar也提供了API来动态地添加、插入、删除和获取菜单。

还可以使用 menuAt() 访问菜单栏中的菜单。

二、使用

就是一个包裹着 Menu 的一个容器。

  ApplicationWindow {id: windowwidth: 320height: 260visible: truemenuBar: MenuBar {Menu {title: qsTr("&File")Action { text: qsTr("&New...") }Action { text: qsTr("&Open...") }Action { text: qsTr("&Save") }Action { text: qsTr("Save &As...") }MenuSeparator { }Action { text: qsTr("&Quit") }}Menu {title: qsTr("&Edit")Action { text: qsTr("Cu&t") }Action { text: qsTr("&Copy") }Action { text: qsTr("&Paste") }}Menu {title: qsTr("&Help")Action { text: qsTr("&About") }}}}

三、定制化

 import QtQuick 2.12import QtQuick.Controls 2.12MenuBar {id: menuBarMenu { title: qsTr("File") }Menu { title: qsTr("Edit") }Menu { title: qsTr("View") }Menu { title: qsTr("Help") }delegate: MenuBarItem {id: menuBarItemcontentItem: Text {text: menuBarItem.textfont: menuBarItem.fontopacity: enabled ? 1.0 : 0.3color: menuBarItem.highlighted ? "#ffffff" : "#21be2b"horizontalAlignment: Text.AlignLeftverticalAlignment: Text.AlignVCenterelide: Text.ElideRight}background: Rectangle {implicitWidth: 40implicitHeight: 40opacity: enabled ? 1 : 0.3color: menuBarItem.highlighted ? "#21be2b" : "transparent"}}background: Rectangle {implicitWidth: 40implicitHeight: 40color: "#ffffff"Rectangle {color: "#21be2b"width: parent.widthheight: 1anchors.bottom: parent.bottom}}}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！