用QML写一个科技感的swtich组件

以下是一个用QML编写的科技感开关组件的示例：

import QtQuick 2.12
import QtQuick.Controls 2.5

Switch {
    id: techSwitch
    width: 50
    height: 25
    checked: false
    background: Rectangle {
        color: techSwitch.checked ? "#00bfff" : "#4d4d4d"
        radius: 12.5
    }
    contentItem: Rectangle {
        x: techSwitch.checked ? (techSwitch.width - height) : 0
        height: 25
        width: height
        color: "#ffffff"
        radius: 12.5
        border.color: "#d9d9d9"
        border.width: 1
    }
    uncheckedContent: ""
    checkedContent: ""
    MouseArea {
        anchors.fill: parent
        onClicked: techSwitch.checked = !techSwitch.checked
    }
}

该组件使用了Switch控件，并通过自定义背景和内容项来实现科技感的效果。背景使用了圆角矩形，并根据开关状态设置颜色。内容项使用了一个圆形矩形，并根据开关状态设置位置。通过MouseArea响应点击事件，实现开关状态的切换。