Добавление виджетов на форму и редактирование их свойств

Усовершенствуем главное окно нашей программы. Разместим на форме элементы управления – (виджеты Widget) – визуальные объекты, например кнопки, поля ввода, меню и т.д.

Используя боковую панель, откроем файл mainwindow.ui в режиме «Дизайн», рис. 4.

Рис. 4. Разработка интерфейса пользователя.

1. В центре окна расположена форма

2. Слева от нее размещается Панель виджетов (Wiget Box)

3. С правой стороны Инспектор объектов (Object Inspector)

4. Ниже – Редактор свойств (Property Editor)

В самом низу две вкладки: 5 Редактор сигналов и слотов и

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

На заготовке формы уже размещены элементы: Меню (menuBar) и панель инструментов (mainToolBar). Путь они остаются без изменений, не обращайте пока на них внимания.

Разместим на форме две кнопки (Push Button). Для размещения виджетов на форме следует перетащить их мышкой на форму из Панели виджетов.

Отредактируем надписи на кнопках и их имена. Для этого выберем первую из кнопок мышкой на форме (или в Инспекторе объектов). В редакторе свойств найдем свойство text и изменим его значение с PushButton на Очистить. Изменим имя первой кнопки, для этого свойству objectName зададим значение pushButtonClear.

Аналогично зададим для второй кнопки свойство objectName равное pushButtonCopy и свойству text значение Копировать.

Добавим еще два виджета (Line Edit) - Поле редактирования. Первому определим имя lineEdit_1, свойство text зададим источник. Второму с именем lineEdit_2 свойство text зададим получатель.

После выполнения всех манипуляций окно программы примет вид аналогичный приведенному на рис. 5.

Рис. 5. Разработка интерфейса пользователя

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

(и еще надо изменить заголовок окна:)