Как вставить картинку в qt designer python

#5 — Отображение изображения и статуса

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

Видеоурок

В фреймворке Qt нет компонента, который отвечает конкретно за картинки. Чтобы добавить изображение в программу необходимо добавить текстовый объект и при помощи кода разместить в нем изображение.

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

Чтобы отобразить картинку необходимо использовать класс QPixMap , а также приблизительно следующий код:

QPixmap pix(":/resourec/img/image_name.png"); int w = ui->image->width(); int h = ui->image->height(); ui->image->setPixmap(pix.scaled(w, h, Qt::KeepAspectRatio));

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

Статус бар

Для работы со статус баром используется объект statusBar , который автоматически присутствует в любом пустом приложении. Чтобы поместить туда информацию необходимо воспользоваться методом «showMessage».

Виджеты в PyQt5 (часть 2)

Мы обсудим QPixmap, QLineEdit, QSplitter и QComboBox.

QPixMap

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

 В нашем примере, мы показываем изображение в окне.

Мы создали объект QPixMap.

Мы поместили изображение в виджет QLabel.

QLineEdit

QLineEdit – это виджет, который разрешает вводить и редактировать одну строку текста. Для этого виджета доступны функции «Отменить» и «Повторить», «Вырезать» и «Вставить», а также функция «перетаскивания».

 Этот пример показывает виджет строки редактирования и метку. Текст, который мы вбиваем в строку редактирования, немедленно отображается в виджете метки.

Создается виджет QLineEdit.

Если текст в виджете редактирования строки меняется, мы вызываем метод onChanged().

Внутри метода onChanged, мы устанавливаем напечатанный текст в виджет метки. Мы вызываем метод adjustSize(), чтобы менять размер метки соответственно длине текста.

QSplitter

QSplitter позволяет пользователю контролировать размер виджетов путём перетаскивания границы между ними. В нашем примере, мы показываем три виджета QFrame, организованные с двумя разделителями.

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

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

Мы создаём виджет QSplitter и добавляем в него два виджета.

К тому же, мы можем добавить разделитель к ещё одному виджету разделителя.

QComboBox

QComboBox – это виджет, который позволяет пользователю выбирать из списка вариантов (выпадающий список).

 Пример показывает QComboBox и QLabel. Блок со списком имеет список из пяти вариантов. Это имена дистрибутивов Linux. Виджет метки показывает выбранный вариант.

Мы создаём виджет QComboBox с пятью вариантами.

После выбора пункта, мы вызываем метод onActivated().

Внутри метода, мы устанавливаем текст выбранного пункта в виджет метки. Мы приспосабливаем размер метки, как в прошлом примере.

В этой части руководства PyQt5, мы рассмотрели другие четыре виджета PyQt5.

Для вставки кода на Python в комментарий заключайте его в теги

label = QLabel(self) pixmap = QPixmap('image.jpeg') label.setPixmap(pixmap) 

from PyQt5 import QtWidgets, QtGui class Window(QtWidgets.QMainWindow): def __init__(self, ): super().__init__() self.resize(1000, 1000) self.center() self.general() def general(self): # Menu Bar self.exitAction = QtWidgets.QAction('&Exit', self) self.exitAction.setShortcut('Ctrl+Q') self.exitAction.triggered.connect(QtWidgets.qApp.quit) self.menubar = self.menuBar() self.file_menu = self.menubar.addMenu('&File') self.file_menu.addAction(self.exitAction) self.lbl = QtWidgets.QLabel(self) self.pix = QtGui.QPixmap('img.png') self.lbl.setPixmap(self.pix) self.lbl.move(200, 200) def center(self): frame_window = self.frameGeometry() center_coord = QtWidgets.QDesktopWidget().availableGeometry().center() frame_window.moveCenter(center_coord) self.move(frame_window.topLeft()) if __name__ == '__main__': import sys app = QtWidgets.QApplication(sys.argv) w = Window() w.show() sys.exit(app.exec_())