Important: Please read the Qt Code of Conduct -

How to add transition to tabview (rectangle that moves to the currently activated tab)

  • Is it possible to add a transition (to make the white bar move between tabs) directly to my TabViewStyle? If not, where can I add it?

    This is how my TabView looks like now:

        TabViewStyle {
            tabsAlignment: Qt.AlignVCenter
            tabOverlap: 0
            frame: Item { }
            tab: Item {
                implicitWidth: control.width/control.count
                implicitHeight: UIConstants.e
                // Rectangle for single tab
                Rectangle {
                    anchors.fill: parent
                    color: UIConstants.buttonColor
                    Text {
                    // Horizontal white bar (only visible when tab activated)
                    Rectangle {
                        height: UIConstants.tabTitleSelectedBottomBarWidth
                        color: "white"
                        visible: styleData.selected

Log in to reply