Connect state animation to slider or something number changing event

[svyatoslav911512]

Hello experts,

Do you know if there is a way to connect PropertyChanges or something same animation to slider or another number changing event to rotate something or move using state and transitions animations but with using slider also?

For example in Android material design we have hamburger-back button with animation which one also changing accordingly to LeftPane movement.

Thanks for any help.

[p3c0]

Hi @svyatoslav911512
You can bind Slider's value to that of Item's rotation property. For eg:

import QtQuick 2.4
import QtQuick.Controls 1.3

Item {
    width: 200
    height: 200

    Slider {
        id: slider
    }

    Rectangle {
        width: 50
        height: 50
        color: "red"
        antialiasing: true
        anchors.centerIn: parent
        rotation: slider.value*180
    }
}

Hope I understood you correctly :)

[svyatoslav911512]

@p3c0 It's looking very easy. I just started to learn QtQuick and will try this exmplae, thank you!

[p3c0]

@svyatoslav911512 You can read more about property binding here. Happy coding..