qml中弹出的形状

Question

我想创建一个弹出窗口作为根元素，弹出窗口的形状如图所示（即小三角形）

qml 是否有任何属性我可以在其中定义此形状（如果是，那么如何定义）。如果不是，那么自定义弹出窗口形状的最佳方法是什么。也可以使用委托和模型属性弹出窗口（如果是，那么如何）？

Answer 1

你可以给Popup一个背景：

Popup {
    background: Canvas {
        onPaint: {
            var ctx = getContext("2d")
            ctx.fillStyle = "white"
            ctx.beginPath()
            ctx.moveTo(0,10)
            ctx.lineTo(width * 0,5 - 10, 10)
            ctx.lineTo(width * 0,5, 0)
            ctx.lineTo(width * 0,5 + 10, 10)
            ctx.lineTo(width, 10)
            ctx.lineTo(width, height)
            ctx.lineTo(0, height)
            ctx.closePath()
            ctx.fill()
        }
    }
}

qml中弹出的形状

Shape for popup in qml

qt

popup

qml