qml notes

property alias ${EXTERNAL_SHARED_ID}: ${INNER_ID}

    Math.floor(value): 返回不大于 value 的最大整数，即向下取整。
    Math.ceil(value): 返回不小于 value 的最小整数，即向上取整。
    Math.round(value): 返回四舍五入后的整数。

onPressed: {
    if(SingletonModule.IfOnlyMouseLeftButtonPressed(titleMouseArea)){
        vp_window_id.startSystemMove()
        
    }else if(SingletonModule.IfOnlyMouseRightButtonPressed(titleMouseArea)){
        console.log("right")
    }
}

onPressed: 

MouseArea {
    id: titleMouseArea
    anchors.fill: parent
    acceptedButtons: Qt.LeftButton | Qt.RightButton
    preventStealing: true    
    pressAndHoldInterval: 100

    property bool isDragging: false
    onPressed: {
        if(SingletonModule.IfOnlyMouseLeftButtonPressed(titleMouseArea)){
            isDragging = true
            
        }else if(SingletonModule.IfOnlyMouseRightButtonPressed(titleMouseArea)){
            console.log("right")
        }

        console.log("\n")
    }
    onPositionChanged: {
            console.log("x=", mouse.x,
                        "y=", mouse.y)
        if(isDragging){
            vp_window_id.startSystemMove()
            console.log("position changed: left")
        }
    }
    onReleased: {
        isDragging = false
        console.log("Button released. Current pressedButtons:", titleMouseArea.pressedButtons)
    }
}

import QtQuick
import QtQuick.Controls
import SingletonForVolumeMixer 1.0

Menu {
    id: bID_Private_contextualMenu
    MenuItem {
        text: qsTr("最小化")
        onTriggered: {
            // 实现最小化逻辑
        }
    }
    MenuItem {
        text: qsTr("最大化")
        onTriggered: {
            // 实现最大化逻辑
        }
    }
    MenuItem {
        text: qsTr("关闭")
        onTriggered: {
            // 实现关闭逻辑
        }
    }
}

    CustomizedMenu {
        id: rightkeyMenu
        x: MouseArea.mouseX
        y: MouseArea.mouseY
    }

    ...

    onPressed: {            
                rightkeyMenu.open()
    }

qrc:/qt/qml/content/Title/xxx.qml:50:9: Unable to assign [undefined] to double
qrc:/qt/qml/content/Title/xxx.qml:49:9: Unable to assign [undefined] to double

    CustomizedMenu {
        id: rightkeyMenu
        // x: MouseArea.mouseX
        // y: MouseArea.mouseY
    }

    ...

    onPressed: {            
        rightkeyMenu.x = mouse.X                
        rightkeyMenu.y = mouse.y
        rightkeyMenu.open()
    }

你遇到的问题主要与QML中的**属性绑定机制**以及**组件生命周期**有关。当你在`Menu`容器中直接尝试绑定 `x: mouseArea.mouseX` 和 `y: mouseArea.mouseY` 时，可能会遇到以下问题：

### 1. **属性未初始化**
`mouseArea.mouseX` 和 `mouseArea.mouseY` 这类属性在`MouseArea`中表示相对坐标，但它们在某些情况下可能未初始化，特别是在组件刚刚加载时。这可能导致`Menu`组件在初始化时尝试访问这些属性，而它们尚未定义，导致出现`undefined`错误。

### 2. **组件加载顺序**
QML中，属性的绑定通常在组件加载和初始化时执行。如果在`Menu`的定义中试图直接访问这些属性，而`MouseArea`还没有触发任何事件，属性值可能未被设置。因此，在菜单加载时，这些属性可能仍然是`undefined`，这会导致无法将`undefined`分配给`Menu`的`x`或`y`属性。

### 3. **绑定的时机**
在 `Menu` 容器中直接绑定 `x: mouseArea.mouseX` 和 `y: mouseArea.mouseY` 是静态绑定，在QML的生命周期内，可能不会动态更新。只有当 `MouseArea` 触发点击事件时，`mouse.x` 和 `mouse.y` 才会有值，这意味着这些值只有在事件发生时才是有效的。

### 为什么`mouse.x` 和 `mouse.y` 方式有效？

通过在 `MouseArea` 的 `onClicked` 处理器中动态设置 `Menu` 的 `x` 和 `y` 属性，你确保了在鼠标点击事件发生时，这些值是最新的、有效的。因为点击事件发生后，鼠标的坐标已经被正确捕获并可以使用，所以这种方式不会遇到属性未定义的问题。

### 总结
直接在`Menu`容器中绑定鼠标坐标可能会遇到初始化顺序和属性绑定的时机问题。而在`MouseArea`的点击事件中动态设置`Menu`的坐标确保了这些坐标是在事件发生后获取的，因此是有效的。这是两种方法表现不同的主要原因。

属性（Property）：
    属性在 QML 中是一种定义对象或元素特征的方式。属性可以是简单的值（如 color、width、height），也可以是更复杂的对象（如 Item、Rectangle）。
    当属性持有复杂对象时，这些对象可以被视为容器，因为它们可以包含其他元素，并通过大括号 {} 来定义。

容器（Container）：
    容器通常是指那些能够包含其他 QML 元素的对象。例如，Rectangle、Item、Column 都是典型的容器元素，因为它们可以在大括号 {} 内定义其他元素。