Создание основных окон в Qt Designer

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

Создайте новое главное окно, открыв меню Файл и выбрав опцию Создать форму... или нажав Ctrl+N. Затем выберите шаблон Главное окно. Этот шаблон по умолчанию предоставляет главное окно приложения, содержащее строку меню и панель инструментов — их можно удалить, если они не нужны.

Если вы удалите строку меню, новую можно создать, выбрав опцию Создать строку меню в контекстном меню, которое открывается при правом щелчке мыши внутри формы главного окна.

Приложение может иметь только одно меню, но несколько панелей инструментов.

Меню

Меню добавляются в строку меню путем изменения заполнителей Введите здесь. Один из них всегда присутствует для редактирования и не будет отображаться в предварительном просмотре или в готовом окне.

После создания к свойствам меню можно получить доступ с помощью Редактора свойств, а к каждому меню можно получить доступ для этой цели через Инспектора объектов.

Существующие меню можно удалить, открыв контекстное меню над меткой в строке меню и выбрав Удалить меню 'menu_name'.

Создание меню

Дважды щелкните элемент-заполнитель, чтобы начать редактирование. Текст меню, отображаемый с помощью поля ввода строки, можно изменить.

Вставьте необходимый текст для нового меню. Вставка символа амперсанда (&) заставляет букву, следующую за ним, использоваться в качестве мнемоники для меню.

Нажмите Ввод или Enter, чтобы принять новый текст, или нажмите Esc, чтобы его отклонить. При необходимости вы можете отменить операцию редактирования позже.

Меню также можно переупорядочить в строке меню, просто перетащив их в нужное место. Вертикальная красная линия указывает позицию, куда будет вставлено меню.

Меню могут содержать любое количество элементов и разделителей и могут быть вложены до необходимой глубины. Добавление новых элементов в меню можно выполнить, перейдя к структуре меню обычным способом.

Создание элемента меню

Дважды щелкните заполнитель Введите здесь, чтобы начать редактирование, или дважды щелкните Добавить разделитель, чтобы вставить новую разделительную линию после последнего элемента в меню.

Текст элемента меню отображается с помощью поля ввода строки и может быть изменён.

Вставьте необходимый текст для нового элемента, необязательно используя символ амперсанда (&) для обозначения буквы, используемой в качестве мнемоники для элемента.

Нажмите Ввод или Enter, чтобы принять новый текст, или нажмите Esc, чтобы его отклонить. Действие, созданное для этого элемента меню, будет доступно через Редактор действий, и там можно задать все связанные с ним сочетания клавиш.

Как и в случае с меню, элементы можно перемещать, просто перетаскивая их в нужное место. Когда элемент перетаскивается над закрытым меню, меню откроется, чтобы позволить его вставить туда. Поскольку элементы меню основаны на действиях, их также можно перетаскивать на панели инструментов, где они будут отображаться как кнопки панели инструментов.

Панели инструментов

Создание и удаление панели инструментов

Панели инструментов добавляются в главное окно аналогично строке меню: выберите опцию Добавить панель инструментов из контекстного меню формы. В качестве альтернативы, если в главном окне уже есть панель инструментов, можно нажать стрелку в её правом конце, чтобы создать новую панель инструментов.

Панели инструментов удаляются из формы через элемент в контекстном меню панели инструментов.

Добавление и удаление кнопок панели инструментов

Кнопки панели инструментов создаются как действия в Редакторе действий и перетаскиваются на панель инструментов. Поскольку действия могут быть представлены элементами меню и кнопками панели инструментов, их можно перемещать между меню и панелями инструментов.

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

Кнопки панели инструментов удаляются через контекстное меню панели инструментов.

Действия

После того, как строка меню и панели инструментов созданы, самое время заполнить их действиями. Новые действия для меню и панелей инструментов создаются в окне редактора действий, упрощая создание и управление действиями.

Редактор действий

Включите редактор действий, открыв меню Сервис и выбрав опцию Редактор действий.

Редактор действий позволяет создавать новые действия и удалять действия. Он также предоставляет функцию поиска Фильтр, используя текст действия.

Редактор действий Qt Designer может отображаться в классическом Представлении значков и Подробном представлении. На скриншоте ниже показан редактор действий в Подробном представлении. Вы также можете копировать и вставлять действия между меню, панелями инструментов и формами.

Создание действия

Чтобы создать действие, используйте кнопку Создать редактора действий, которая откроет диалог ввода. Присвойте новому действию Текст — это текст, который будет отображаться в элементе меню и как всплывающая подсказка действия. Текст также автоматически добавляется к префиксу «действие», создавая Имя объекта действия.

Кроме того, диалоговое окно предоставляет возможность выбора Иконки для действия, а также удаления текущей иконки.

После создания действие можно использовать везде, где применимы действия.

Добавление действия

Чтобы добавить действие в меню или панель инструментов, просто нажмите левой кнопкой мыши на действие в редакторе действий и перетащите его в нужное место.

Qt Designer отображает выделенные направляющие линии, которые показывают, куда будет добавлено действие. Отпустите кнопку мыши, чтобы добавить действие, когда вы нашли нужное место.

Плавающие виджеты

Поскольку плавающие виджеты являются контейнерными виджетами, их можно добавлять в форму обычным способом. После добавления в форму плавающие виджеты по умолчанию не размещаются в определённой области; для каждого виджета необходимо установить свойство docked в значение true и выбрать подходящее значение для свойства dockWidgetArea.

Добавление плавающего виджета

Чтобы добавить плавающий виджет в форму, перетащите его из раздела Контейнеры в области виджетов и отпустите над основной областью формы. Не добавляйте плавающий виджет в существующую компоновку. Вместо этого откройте Редактор свойств и включите свойство docked, чтобы разместить его в области.

Обратите внимание, что иногда проще настроить плавающий виджет, если он добавлен в форму до применения макета к центральному виджету. Например, его можно открепить и изменить размер, что облегчает добавление дочерних виджетов.

Плавающие виджеты можно дополнительно отображать как независимые инструменты. Поэтому полезно задавать им заголовки окон, устанавливая их свойство windowTitle. Это также помогает их идентифицировать на форме.