QML 自定义QMenu

最新推荐文章于 2024-07-17 21:14:31 发布

我是唐

最新推荐文章于 2024-07-17 21:14:31 发布

阅读量416

点赞数 1

分类专栏： QML基础教程文章标签： qt 开发语言

本文链接：https://blog.csdn.net/qq_41673920/article/details/128102575

版权

QML基础教程专栏收录该内容

26 篇文章 25 订阅

订阅专栏

效果

请添加图片描述

代码

mian.qml

import QtQuick
import QtQuick.Controls //qt风格
//import Qt.labs.platform //native 风格menu

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    MouseArea{
        anchors.fill: parent
        acceptedButtons: Qt.RightButton
        onClicked: {
            menu.x = mouseX
            menu.y = mouseY
            menu.open()
        }
    }

    Menu{
        id: menu
        padding: 6
        background: Rectangle{
            radius: 6
            color: "#20000000"
            implicitWidth: 200 //使用width不会显示
            implicitHeight: 10
        }
        delegate: MenuItem{
            id: menuItem
            implicitWidth: 200
            implicitHeight: 30
            rightPadding: 6

            //icon text shortcut arrow
            arrow: Canvas {
                implicitWidth: 10
                implicitHeight: 10
                x: parent.width - width - menuItem.rightPadding
                y: (menuItem.implicitHeight - implicitHeight) / 2
                visible: menuItem.subMenu
                onPaint: {
                    var ctx = getContext("2d")
                    ctx.fillStyle = menuItem.highlighted ? "#ffffff" : "#c0000000"
                    ctx.moveTo(0, 0)
                    ctx.lineTo(0, height)
                    ctx.lineTo(width, height / 2)
                    ctx.closePath()
                    ctx.fill()
                }
            }
            contentItem:  Text{text: menuItem.text}
            background: Rectangle {
                opacity: enabled ? 1 : 0.3
                color: menuItem.highlighted ? "#20000000" : "transparent"
                radius: 4
            }
        }

        Action { text: qsTr("复制") }
        Action { text: qsTr("粘贴") }

        Item{
            height: 6
            MenuSeparator {anchors.centerIn: parent}
        }

        Menu{
            title: qsTr("更多打开方式")
            Action { text: qsTr("从xxx打开") }
        }
    }
}