Как в QML изменить стиль Switch

Question

Sept. 9, 2019, 12:51 a.m.

Как в QML изменить стиль Switch

Добрый день.
Как в QML изменить стиль Switch?
Так не работает:

import QtQuick 2.12
import QtQuick.Controls.Styles 1.4
import QtQuick.Controls 2.12
import AppCore 1.0
 
 
    Switch {
        id: element
        x: 248
        y: 39
        text: qsTr("Switch")
        focusPolicy: Qt.WheelFocus
        style: SwitchStyle {
            groove: Rectangle {
                    implicitWidth: 100
                    implicitHeight: 20
                    radius: 9
                    border.color: control.activeFocus ? "darkblue" : "gray"
                    border.width: 1
            }
        }
    }

Похоже трудность в 1-х контролах, но как обойтись без них?

We recommend hosting TIMEWEB

Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Subscribe to the discussion2

Section subscription99

Do you like it? Share on social networks!

937

1

0

Sept. 9, 2019, 12:35 p.m.
The answer was marked as a solution.

Вот так

 Switch {
        id: control
        checked: true
 
        indicator: Rectangle {
            implicitWidth: 48
            implicitHeight: 26
            x: control.width - width - control.rightPadding
            y: parent.height / 2 - height / 2
            radius: 13
            color: control.checked ? "green" : "red"
            border.color: "black"
 
            Rectangle {
                x: control.checked ? parent.width - width : 0
                width: 26
                height: 26
                radius: 13
                border.color: "black"
            }
        }
    }

Как в QML изменить стиль Switch

We recommend hosting TIMEWEB

Comments

Actions