QML跨文件交互问题：点击TestB按钮无法修改TestA中Rectangle尺寸

核心问题拆解 #

1. 实例混淆：TestB内部额外创建了TestA实例，点击修改的是这个内部实例的ifSlected，而非test2.qml中实际显示的TestA实例。
2. 函数触发时机错误：ResizeRectScript.resize仅在TestA组件初始化时执行一次，后续ifSlected变化不会重新调用。
3. JS逻辑错误：if(selectFlag = true)是赋值语句，始终返回true，导致日志误判执行状态。

修复步骤 #

1. 修正TestB.qml：移除内部TestA实例，通过属性接收外部目标实例

TestB无需自行创建TestA，改为通过属性接收外部传入的需要操作的TestA对象：

import QtQuick 2.15
import QtQuick.Controls 2.15

Item{
    // 新增属性，接收外部传入的TestA实例
    property TestA.TestA targetTestA

    Rectangle {
       id: myItem
       width: 100; height: 100
       color: "pink"

       MouseArea {
           anchors.fill: parent
           onClicked: {
               // 修改外部传入的目标TestA实例的属性
               targetTestA.ifSlected = true;
           }
       }
    }
}

2. 修正TestA.qml：监听属性变化，实时触发resize逻辑

将resize逻辑绑定到ifSlected的变化信号上，替代仅初始化时执行的逻辑：

import QtQuick 2.15
import "resizeRect.js" as ResizeRectScript

Item {
    id: testA

    property bool ifSlected: false

    Rectangle{
        id: changedrect
        x: 10
        y: 10
        width:200
        height: 200
        color:"red"
    }

    // 监听ifSlected属性变化，实时执行resize
    onIfSlectedChanged: {
        ResizeRectScript.resize(ifSlected, changedrect);
    }
}

3. 修正resizeRect.js：修复条件判断逻辑

把赋值语句改为全等判断，避免逻辑错误：

function resize(selectFlag, rectId){
    if(selectFlag === true){
        rectId.width = 100;
        rectId.height = 100; // 按需调整高度，此处同步修改
        console.log("resize executed");
    }
}

4. 修正test2.qml：传递正确的TestA实例给TestB

让TestB操作界面上实际显示的TestA实例：

import QtQuick 2.15
import QtQuick.Window 2.15
import "TestA" as TestA
import "TestB" as TestB

Window {
    width: Screen.width
    height:Screen.height
    flags: Qt.FramelessWindowHint | Qt.BypassWindowManagerHint |Qt.WindowStaysOnBottomHint | Qt.NoDropShadowWindowHint
    visibility: "FullScreen"
    visible: true
    color: "black"

    TestA.TestA{
        id:test_A
    }
    TestB.TestB{
        id: test_B
        // 将界面上的TestA实例传递给TestB
        targetTestA: test_A
        // 调整按钮位置避免重叠
        anchors.bottom: parent.bottom
        anchors.horizontalCenter: parent.horizontalCenter
    }
}

修复后逻辑说明 #

1. test2.qml中创建唯一的TestA（test_A）和TestB（test_B）实例，将test_A绑定到test_B的targetTestA属性。
2. 点击TestB的粉色按钮时，修改test_A的ifSlected为true。
3. TestA监听ifSlected变化，自动调用JS的resize函数修改changedrect的宽高。
4. 修正后的JS条件判断确保仅在ifSlected为true时执行resize操作。

内容的提问来源于stack exchange，提问作者duststar0213