Изменение ширины не вступает в силу

Question

У меня есть следующий тумблер:

Разработано в этом коде QML

        Row {
            id: myToggle
            anchors.horizontalCenter: parent.horizontalCenter
            width: 270
            height: 25

            StyledLabel {
                id: myToggleLabel
                text: qsTr("Toggle")
                width: parent.width - myToggleSwitch.width
                anchors.verticalCenter: parent.verticalCenter
            }

            Switch {
                id: myToggleSwitch
                height: parent.height
                implicitWidth: parent.width * 0.25 // changing 0.25 to 0.5
                                                   // or 0.75 or ...
                                                   // doesn't have any effect
                // Also replacing "implicitWidth" with "width" doesn't help!

                anchors.horizontalCenter: parent.horizontalCenter
                checked: true
                onCheckedChanged: { console.log("checked: ", checked) }
            }
        }

Я намерен изменить, сколько ширины строки занято label и сколько ширины строки занято самим switch.

Я изменяю значение 0.25 в коде на 0.5 или 0.75 или ... но это не имеет никакого эффекта. Кто-нибудь знает почему?

Answer 1

Настройка якоря мешала настройке ширина .

Удаление этой строки из Switch с идентификатором id: myToggleSwitch решило проблему:

anchors.horizontalCenter: parent.horizontalCenter

Теперь ширину переключателя можно регулировать: