QML/QtQuick2.2 中的可编辑组合框大小非常小

Question

我正在尝试创建一个可编辑的组合框以从 modelData 自动填充，它按预期工作，我遇到的问题是可编辑区域的大小非常小。

我已经将我的组合框用作下拉菜单，大小合适但是当我删除委托时它会小得多吗？我试过改变可编辑区域的大小，但它仍然很小；我的组合框代码如下：

Quick2.ComboBox {
    id: combobox2
    Layout.preferredWidth: dp(200)
    padding: dp(12)
    editable: true
    model: dataModel.registerCombobox[combobox.currentText]
    delegate: Quick2.ItemDelegate {
        width: combobox2.width
        height: combobox2.height
        padding: dp(12)
        contentItem: AppText {
            text: modelData
            color: highlighted ? Theme.tintColor : Theme.textColor
            wrapMode: Text.NoWrap
        }
        highlighted: combobox2.highlightedIndex == index
    }
    contentItem: AppText {
        width: combobox2.width - combobox2.indicator.width - combobox2.spacing
        text: combobox2.displayText
        wrapMode: Text.NoWrap

    }

}

我的 ItemDelegate 和 contentItem 覆盖了可编辑部分，所以删除它们允许它工作但这是我需要减少的大小？如果可能的话，我还想删除创建下拉弹出窗口的功能？

可以更改什么来改变可编辑区域的大小？下面是我的 2 个组合框的屏幕截图，一个删除了内容项并可编辑：true，另一个正常使用

Answer 1

我通过使用 editableComponent 并将我的 Layout.preferredHeight 设置为与屏幕截图中显示的第二个组合框相同，代码如下：

Quick2.ComboBox {
    id: combobox
    visible: registerCheckbox.checked ? true : false
    Layout.preferredWidth: dp(200)
    Layout.preferredHeight: combobox2.height
    padding: dp(2)
    editable: true
    EditableComponent  {
        Quick2.ItemDelegate {
                            width: combobox.width
                            height: combobox.height
                        }

    }
    model: locations
}

QML/QtQuick2.2 中的可编辑组合框大小非常小

Editable Combobox sizing really small in QML/QtQuick2.2

qt

combobox

qml

qtquick2