qml实现页面最上方居中显示宽长为100的弹框

您可以使用 Qt Quick Controls 2 中的 Popup 组件来实现这个功能。以下是一个简单的示例代码：

import QtQuick 2.15
import QtQuick.Controls 2.15

Item {
    width: 400
    height: 400

    Popup {
        id: popup
        width: 100
        height: 50
        modal: true
        contentItem: Rectangle {
            color: "lightblue"
            anchors.fill: parent
        }
        x: (parent.width - width) / 2
        y: (parent.height - height) / 2
    }

    Button {
        text: "Show Popup"
        onClicked: popup.open()
    }
}

在上面的代码中，我们创建了一个包含一个按钮和 Popup 的 Item。Popup 组件通过设置 `modal` 属性为 true 来实现模态弹框。`contentItem` 属性是 Popup 内部显示的内容，这里我们使用一个简单的矩形填充颜色。`x` 和 `y` 属性通过计算在父元素中居中弹框。

按钮的 `onClicked` 信号绑定了 Popup 的 `open` 方法，点击按钮时弹框会居中显示在页面最上方。

您可以根据需要修改 Popup 的样式和内容，以适应不同的场景。