Разработка приложения “Конвертер Валют”

После установки всех необходимых библиотек мы, наконец, начинаем разработку приложения “Конвертер Валют”.

Первое с чего мы начнем – Графический интерфейс. Будем мы его делать с помощью библиотеки Pyqt5. А именно мы будем использовать программу для более легкого создания графического интерфейса из Pyqt5 – Qt Designer.

Для начала мы создадим наш файл с название ui.ui, где ‘ui’ также является расширением читаемое Qt Designer. Создаем главное окно с название MainWindow.

Поставим размеры нашего приложения 429x740 пикселей.

Помимо главное окна у нас имеется centralwidget, где будет само приложение. При помощи свойства stylesheet, установим цвет фона на все приложение:

Теперь вставим два frame. Установим такое расположение и размеры. Первый frame:

Второй frame:

Теперь настроим цвета заднего фона.

Первый frame:

Второй frame:

Получилось вот такое окно:

Далее добавим надпись и лого конвертера валют, а именно label. Настроим цвет текста, прозрачный задний фон:

И последующие текста мы будем использовать один и тот же шрифт:

Чтобы вставить картинку в label, для нашего лого, нам понадобится такое свойство, как pixmap:

Выбрав путь к нашему изображению, картинка просто вставляется в label

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

Вот так выглядит структура нашего приложения на данный момент. Где label – это надпись “Конвертер валют”, label_2 – лого, label_3 – gif.

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

Вставим Combo Box. Почему Combo Box? Для выпадающего списка и более красивого интерфейса. Таких будет два, так как в один будет вводится валюта, которую мы будем конвертировать, а второй для выводимой валюты.

Combo Box 1

Расположение в приложении

Цвет фона, краев, текста

Аналогично и для второго

Combo Box 1

Расположение в приложении

Цвет фона, краев, текста

А теперь внесем Line Edit. Туда мы будем вводить количество наших денег, а также получать ответ в каком количестве конвертируется валюта.

Line Edit 1

Расположение в приложении

Цвет фона, краев, текста

Line Edit 2

Расположение в приложении

Цвет фона, краев, текста

И наконец добавит две кнопки – Push Button. Одна кнопка будет “Выполнить” для выполнения конвертации. Вторая кнопка будет для развертывания и