Qt Creator Documentation

Developing Widget Based Applications

Widgets and forms created with Qt Designer are integrated seamlessly with programmed code, using the Qt signals and slots mechanism, that lets you easily assign behavior to graphical elements. All properties set in Qt Designer can be changed dynamically within the code. Furthermore, features like widget promotion and custom plugins allow you to use your own widgets with Qt Designer.

Qt Creator automatically opens all .ui files in Qt Designer.

To change the layout of Qt Designer user interface elements:

  1. Select Tools > Form Editor > Views > Locked.

    When this option is unchecked, you can change the layout.

  2. Click the header of an element and drag the element to a new position.

To change Qt Designer properties, select Tools > Options... > Designer.

  • Set the class properties and code generation preferences in Class Generation.
  • Set an additional folder for saving templates in Template Paths.
  • Set the grid settings and preview preferences in Forms. To preview your form with skins, enable Print/Preview Configuration and select your skin. Otherwise default preview settings are used.

    To preview the settings, select Tools > Form Editor > Preview, or press Alt+Shift+R.

  • To specify embedded device profiles, such as style, font, and screen resolution, select Embedded Design.

To switch between forms and code, use Shift+F4.

For more information on Qt Designer, see Qt Designer Manual.

[Previous: Implementing Application Logic] [Next: Adding Qt Designer Plugins]

X

Thank you for giving your feedback.

Make sure it is related to this specific page. For more general bugs and requests, please use the Qt Bug Tracker.

s.parentNode.insertBefore(ga, s); })(); -->