Для проектирования и создания графического интерфейса пользователя (GUI) из виджетов Qt, вы можете использовать интегрированный Qt Designer. Вы можете располагать и настраивать ваши виджеты или диалоги и тестировать их используя разные стили и разрешения экрана.

Созданные с помощью Qt Designer виджеты и формы легко интегрируются в программный код с использованием механизма сигналов и слотов Qt, которые позволят вам легко определить поведение графических элементов. Все свойства, установленные в Qt Designer, могут быть динамически изменены в коде. Более того, такие особенности как продвижение виджетов и собственные модули позволят вам использовать собственные виджеты с Qt Designer.

Интерфейс пользователя, использующий виджеты, является чётко структурированным и поддерживает стиль целевой платформы, что делает его полезным для традиционных приложений. Тем не менее, они являются статичными и не позволяют использовать все возможности экранов с большим разрешением, сенсорный ввод и значительные графические возможности, которые становятся доступны в мобильных устройствах, например, сотовые телефоны, медиаплееры и нетбуки.

С помощью языка декларативного программирования QML вы легко можете разрабатывать анимацию. В QML интерфейс пользователя описываете деревом объектов с свойствами. Вы можете редактировать код QML в редакторе кода. Для реализации логики приложения вы можете использовать Qt или JavaScript.

Интеграция также включает управление проектами и дополнение кода.

Использование Qt Designer

Qt Creator автоматически открывает все файлы .ui в Qt Designer.

Чтобы изменить компоновку элементов пользовательского интерфейса Qt Designer:

1. Выберите Инструменты > Редактор форм > Виды > Зафиксировано.

   Когда эта опция не включена, вы можете изменять компоновку.

2. Нажмите на заголовке элемента и перетащите его в нужное место.

Для изменения свойств Qt Designer, выберите Инструменты > Параметры... > Дизайнер.

• Установите свойства класса и настройки генерации кода в Создание класса.
• Установите дополнительный каталог для сохранения шаблонов в Шаблоны.
• Установите настройки сетки и параметры предпросмотра в Формы. Для предпросмотра вашей формы со стилями включите Настройка печати/предпросмотра и выберите ваш стиль. В противном случае будут использованы настройки предпросмотра по умолчанию.

  Для предпросмотра настроек выберите Инструменты > Редактор форм > Предпросмотр... или нажмите Ctrl+Alt+R.

• Чтобы указать профили встроенных устройств такие как стиль, шрифт и разрешение экрана, выберите Оформление портативных устройств.

Для получения дополнительной информации о Qt Designer смотрите Руководство по Qt Designer.