Congratulations to our 2022 Qt Champions!

How to design interface (.ui) to use seamlessly on different screens?

  • Hello,
    I aim to build a program that I would deploy on few devices, e.g. Symbian^3 and Maemo. I would like to build interface in such a way that it adopts automatically to existing screen resolution.

    Are there any common giudelines for such design, or anyone should rely on some personal feeling and common sense?

    Same - for building a "rotation-enabled" design, preferably already in Designer (so minimal actual code should be required to react on the signal that orientation is changed).

    Are there any specifications or standards on how interface should look like on eg Symbian^3 (I mean fonts, spacing, dimensions of buttons, any special actions?)

    Practical examples are most welcome.

    Cheers Askar

  • Creating a new QML app in qt-creator gives you the option of generating code for you that handles screen orientation changes.

    If you are using a widget based GUI then use layouts.

    If you are using a QML based GUI then use anchors.

    If you want totally different layouts for you GUI on different form factors then use different QML files (is using QML) or different ui files (or a custom layout class) if using widgets.

Log in to reply