Qt Widgets Designer Manual

Qt Widgets Designer is the Qt tool for designing and building graphical user interfaces (GUIs) with Qt Widgets. For user interface design with Qt Quick, see Qt Design Studio.

You can compose and customize your windows or dialogs in a what-you-see-is-what-you-get (WYSIWYG) manner, and test them using different styles and resolutions. Widgets and forms created with Qt Widgets Designer integrate seamlessly with programmed code, using Qt’s signals and slots mechanism, so that you can easily assign behavior to graphical elements. All properties set in Qt Widgets Designer can be changed dynamically within the code. Furthermore, features like widget promotion and custom plugins allow you to use your own components with Qt Widgets Designer.

Note

You have the option of using Qt Quick and Qt Design Studio for user interface design rather than widgets. It is a much easier way to write many kinds of applications. It enables a completely customizable appearance, touch-reactive elements, and smooth animated transitions, taking advantage of hardware acceleration.

If you are new to Qt Widgets Designer, you can take a look at the Getting To Know Qt Widgets Designer document. For a quick tutorial on how to use Qt Widgets Designer, refer to A Quick Start to Qt Widgets Designer .

../_images/designer-multiple-screenshot.png

Table of Contents

  • A Quick Start to Qt Widgets Designer

  • Qt Widgets Designer’s Editing Modes

    • Widget Editing Mode

    • Signals and Slots Editing Mode

    • Buddy Editing Mode

    • Tab Order Editing Mode

  • Using Layouts in Qt Widgets Designer

  • Saving, Previewing and Printing Forms in Qt Widgets Designer

  • Using Containers in Qt Widgets Designer

  • Creating Main Windows in Qt Widgets Designer

  • Editing Resources with Qt Widgets Designer

  • Using Stylesheets with Qt Widgets Designer

  • Using a Designer UI File in Your C++ Application

  • Using a Designer UI File in Your Qt for Python Application

  • Advanced Use

    • Customizing Qt Widgets Designer Forms

    • Using Custom Widgets with Qt Widgets Designer

    • Creating Custom Widgets for Qt Widgets Designer

    • Creating Custom Widget Extensions

    • Qt Widgets Designer’s UI File Format