How to rotate/change the orientation of ApplicationWindow QML?

Question

I would like to by default set my app at 180 degree orientation. What is the API to rotate the screen at ApplicationWindow level? I have toolbars and statusbars in my app, so I need to rotate the ApplicationWindow itself.

Does the rotation is a feature of your application, or are you trying a hardware configuration issue? — Benjamin T, Nov 10 '17 at 09:48

score 5 · Accepted Answer · answered Nov 10 '17 at 08:35

5

You can use a Page component as main component in your ApplicationWindow

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Page{
        rotation: 180
        anchors.fill: parent

        footer: ToolBar{ ... }
    }
}

Result:

answered Nov 10 '17 at 08:35

Léo Baudouin

124
6

Thanks :) In the code that I have, I replaced toolbar with statusbar and rotated that as well as the stackview I had. Works fine :) – jxgn Nov 10 '17 at 09:30

How to rotate/change the orientation of ApplicationWindow QML?

1 Answers1