Qt Creator: Создаем калькулятор (Урок 9)

Создание проекта

  1. Создайте новый проект, выбрав «Приложение Qt Widgets».
  2. Назовите приложение «Калькулятор».
  3. Выберите расположение проекта и нажмите «Продолжить».
  4. На странице «Main Window» оставьте настройки по умолчанию и нажмите «Готово».
  5. Соберите проект.

Дизайн интерфейса

Перейдите в графический редактор. Удалите из основного окна StatusBar, ToolBar и MenuBar.

Размещение элементов

  1. Добавьте Label в левый верхний угол. Он будет отображать результат вычислений (например, «2 + 5 =»). Установите ширину и высоту 241×61 пикселей.
  2. Добавьте кнопки с цифрами (0-9), операциями (+, -, *, /) и специальными функциями (%, +/-). Установите для каждой кнопки ширину и высоту 61×61 пикселей. Расположите кнопки в привычном для калькулятора порядке.
  3. Используйте менеджеры компоновки (Layout) для точного позиционирования кнопок, устраняя зазоры между ними. Пример: смещение на -6 пикселей по оси X.
  4. Уменьшите размер Label для результата, изменив его текст на «0».
  5. Уменьшите размер основного окна, например, до 191 пикселя в ширину.

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

Стиль для Label

Выберите Label, откройте Style Sheet и вставьте следующий код:

text-align: right;
border-bottom: 1px solid gray;
background-color: white;

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

Стиль для кнопок

Выделите кнопки. Стиль для кнопок цифр (0-9):

border: 1px solid gray;
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #f6f7fa, stop: 1 #dadbde);

Этот код добавляет серую границу и градиентный фон. Для кнопок операций (+, -, *, /, %, +/-) используйте аналогичный код, но с другим градиентом. Для остальных кнопок (например, «=», «C») установите нужный цвет фона и текста.

Дополнительные настройки

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

Результат

Сохраните изменения и запустите приложение. На данном этапе кнопки не функциональны, но дизайн калькулятора завершен. В следующем уроке мы добавим функциональность.

Что будем искать? Например,программа