自定义Switch

一，需求
QML中实现自定义的Switch。
二，效果

三，实现

这个要用以前的版本。

import QtQuick.Controls 1.4 as PreControl
import QtQuick.Controls.Styles 1.4

PreControl.Switch{
                    id:lightSwidch
                    height: 26
                    anchors.verticalCenter: parent.verticalCenter
                    style: SwitchStyle {
                        groove: Rectangle {
                            width: 57
                            height: 26
                            radius: 13
                            color: lightSwidch.checked?"#3F64EB":"#414850"
                        }
                        handle: Rectangle{
                            width: 26
                            height: 26
                            radius: 13
                            color: "#FAFCFF"
                        }
                    }
                    onCheckedChanged: {

                    }
                }