如何在Qt Controls 2转换器应用中实现两个ComboBox联动？

针对你的单位转换器需求，两个ComboBox的联动核心是避免用户选择相同的输入/输出单位，同时可以在切换输入单位时自动给输出单位设置一个合理的默认值。这里提供两种实用的实现方式：

方式一：互斥选中（避免相同单位） #

这种方式保留两个ComboBox的完整选项列表，当用户选择输入单位后，如果输出单位和输入单位相同，自动切换输出单位到第一个不同的选项。

修改你的QML代码如下：

// 第一个ComboBox为输入单位：
ComboBox {
    id: res_combo1
    width: res_comborect1.width
    currentIndex: 0
    model: ListModel {
        id: model1
        ListElement { text: qsTr("meter") }
        ListElement { text: qsTr("mile") }
        ListElement { text: qsTr("km") }
    }

    // 当输入单位变化时，检查输出单位是否重复
    onCurrentTextChanged: {
        if (res_combo2.currentText === currentText) {
            // 遍历输出单位的model，找到第一个不同的选项并切换
            for (let i = 0; i < model2.count; i++) {
                if (model2.get(i).text !== currentText) {
                    res_combo2.currentIndex = i;
                    break;
                }
            }
        }
    }
}

// 第二个ComboBox为输出单位：
ComboBox {
    id: res_combo2
    width: res_comborect1.width
    currentIndex: 1 // 默认设为和输入不同的选项
    model: ListModel {
        id: model2
        ListElement { text: qsTr("meter") }
        ListElement { text: qsTr("mile") }
        ListElement { text: qsTr("km") }
    }

    // 同理，当输出单位变化时，检查输入单位是否重复
    onCurrentTextChanged: {
        if (res_combo1.currentText === currentText) {
            for (let i = 0; i < model1.count; i++) {
                if (model1.get(i).text !== currentText) {
                    res_combo1.currentIndex = i;
                    break;
                }
            }
        }
    }
}

代码说明： #

• 利用onCurrentTextChanged信号监听选项变化，实时检查另一个ComboBox的选中值
• 如果发现选中了相同单位，自动遍历模型切换到第一个不同的选项
• 初始时给res_combo2设置不同的currentIndex，避免默认就选中相同单位
• 另外注意，你的原始代码里用了ListItem，这是笔误，Qt QML中ListModel的子项应该用ListElement，上面的代码已经修正了这个问题。

方式二：动态过滤选项（隐藏已选中的单位） #

如果希望另一个ComboBox直接不显示当前选中的单位，可以使用FilterModel来动态过滤模型，这样用户根本选不到重复的单位：

import QtQuick.Controls 2.15
import QtQml.Models 2.15 // 需要导入这个模块使用FilterModel

// 共享的单位数据源（避免重复写ListModel）
ListModel {
    id: unitModel
    ListElement { text: qsTr("meter") }
    ListElement { text: qsTr("mile") }
    ListElement { text: qsTr("km") }
}

// 输入单位ComboBox
ComboBox {
    id: res_combo1
    width: res_comborect1.width
    currentIndex: 0
    model: unitModel
}

// 输出单位ComboBox，使用FilterModel过滤掉输入已选的单位
ComboBox {
    id: res_combo2
    width: res_comborect1.width
    currentIndex: 0
    model: FilterModel {
        sourceModel: unitModel
        filterRole: "text"
        // 过滤条件：不等于输入单位的当前文本
        filterFunction: function(index, role) {
            return unitModel.get(index).text !== res_combo1.currentText;
        }
    }

    // 当输入单位变化时，确保输出单位有选中项（比如过滤后只剩一个时自动选中）
    Component.onCompleted: {
        res_combo1.onCurrentTextChanged.connect(() => {
            if (currentIndex === -1 && model.count > 0) {
                currentIndex = 0;
            }
        });
    }
}

代码说明： #

• 使用共享的unitModel避免重复定义选项，更易维护
• 通过FilterModel动态过滤掉输入单位已选中的选项，用户无法选择重复单位
• 添加Component.onCompleted确保过滤后输出单位始终有选中项，避免出现空选状态

这两种方式都能很好地实现联动效果，你可以根据自己的UI需求选择：如果希望保留所有选项只是避免重复选，用方式一；如果希望直接隐藏已选选项，用方式二。

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