qml 中的ComboBox 自定义样式

在QML（Qt Meta Language）中，ComboBox是一个下拉列表控件，用于让用户从预设选项中选择一个。若想自定义ComboBox的样式，你可以通过修改其外观属性、添加CSS样式或者创建自定义组件来实现。以下是一些基本步骤：

1. **使用内置样式：**通过`style`属性可以应用预定义的主题样式。例如，设置`style="light"`将应用Light主题，或使用`style="dark"`应用Dark主题。

ComboBox {
    id: comboBox
    style: "light"
}

2. **CSS样式：**可以直接给ComboBox添加CSS样式规则，控制字体、颜色、边框等。比如改变选中的文字颜色：

ComboBox {
    onCurrentIndexChanged: {
        text.color = "blue"; // 当选中项变化时，文本颜色变为蓝色
    }
    background: "white";
    selectionColor: "black";
    color: "gray";
    font.family: "Arial";
}

3. **自定义组件：**如果你需要更复杂的定制，可以创建一个自定义的ItemDelegate作为ComboBox的item模板，然后在构造函数里设置样式。这通常涉及到创建一个Rectangle或Column，并将其设置为`delegate`属性。

import QtQuick 2.0

ComboBox {
    id: comboBox
    delegate: Rectangle {
        width: parent.width
        height: 48
        color: "white"
        border.color: "gray"
        border.radius: 4
        Text {
            anchors.fill: parent
            text: item.text
            color: "black"
        }
    }
}