§1 Первое приложение в Qt

Запуск и создание нового проекта

Запустите в Меню > Разработка > Qt Creator. Нажмите на кнопку “Новый проект” (Рис. 1). В следующем окне необходимо выбрать тип создаваемого проекта: Приложение Qt-Widgets > Выбрать (Рис. 2). В следующем окне введите название проекта не содержащего русские буквы, например, mypro1 (Рис. 3). Здесь же необходимо определить, где будет находиться проект. В корне домашней директории создайте папку проектов, например, QT_Project.

Рис. 1. Стартовое окно Qt Creator

Рис. 2. Выбор типа проекта

Рис. 3. Окно выбора размещения проекта

На следующем этапе создается комплект. Комплект определяет средства сборки программ: компилятор, отладчик, утилиты. Нажмите ссылку “Добавить комплект в настройках”. В появившемся окне нажмите кнопку “Добавить”.
Введите название комплекта, например, Desktop. Определите значения полей как показано на Рис. 4. Те поля, которые определились автоматически, оставьте без изменений. В качестве корня образа укажите папку проектов.

Рис. 4. Параметры комплекта

Нажмите ОК и Далее. В следующем окне необходимо определиться с названием класса и выбрать базовый класс (можно всё оставить как есть, по умолчанию).

Рис. 5. Окно выбора базового класса

В следующем окне (Рис. 6) можно добавить контроль версий и увидеть какие файлы будут добавлены в проект:

Рис. 6. Итоговое окно создания проекта

Нажмите на кнопку “Завершить” и вы перейдете к редактору кода. В боковой панели “Проекты” разверните “Формы” и кликните на mainwindow.ui.

К коду программы сегодня мы обращаться не будем

Рис. 7. Окно редактора форм

Вы перейдете к редактору форм. (Рис. 7). Найдите в боковой панели (слева) секцию “Display Widgets”. В этой секции захватите ЛКМ элемент Label (метка) и перетащите её на форму.

Элемент графического интерфейса Label предназначен для создание надписей на форме

Кликните на тексте и измените его содержание на “Здравствуй, мир!”. В правой боковой панели “Инспектор объектов” (в нижней части, при выделенном объекте label) найдите свойство font и измените его значение: размер шрифта, гарнитуру, по вашему усмотрению. Вы можете свободно изменять размер ограничивающего прямоугольника label захватив ПКМ за края прямоугольника. Но если нужна компактность, то размер всегда можно подогнать: ПКМ над label вызовите контекстное меню > Компоновка > Подогнать размер.

Обратите внимание, что окно будет оформлено в системные цвета. Если вы используете KDE (а эта среда основана на Qt), то будет использована текущая палитра Plasma, которая наследуется виджетами Qt.

В левой боковой панели (внизу) нажмите кнопку Собрать проект (или Ctrl+B), а затем Запустить проект (или Ctrl+R). Появится окно вашего первого приложения:

Рис. 8.

Применение таблицы стилей для элементов

Для изменения внешнего вида элементов можно использовать таблицу стилей. Изменить (или создать) таблицу стилей можно в свойстве styleSheet. Найдите это свойство в инспекторе объектов. Или выполните: над label ЛКМ > Изменить StyleSheet (таблицу стилей). В окне Правка стилей > Добавить шрифт. Выберите какой-нибудь декоративный шрифт установленный в вашей системе. В окне мини-редактора появится правило каскадной таблицы стилей. Добавьте цвет текста:

font: 72pt "Decor";
color: rgb(255, 0, 0);
Шрифт Decor может отсутствовать в вашей системе выбирайте из доступных шрифтов в списке окна “Выбор шрифта”: шрифт.

Рис. 9.

Теперь кликните на самой форме, вне границ label. Тем самым вы перейдете к изменению значений свойств MainWindow. Измените свойство windowTitle. Это заголовок окна. Измените свойство styleSheet. В редакторе стилей введите:

background-color: rgb(255, 253, 181);

Или нажмите на кнопку Добавить цвет > background-color и определите цвет фона для окна. Возможный результат на Рис. 10:

Рис. 10.

Задания для самостоятельной работы

Оцените материал
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Print Friendly, PDF & Email

Comments are closed.