In this PyQt6 lesson we are going to learn about PyQt6 ColorDialog & FontDialog, we will learn that how you can create QColorDialog and QFontDialog in PyQt6. the QColorDialog class provides a dialog widget for specifying colors. the color dialog’s function is to allow users to choose colors. For example, you might use this in a drawing program to allow the user to set the brush color. the QFontDialog class provides a dialog widget for selecting a font. a font dialog is created through one of the static getFont() functions.
Now open your Qt Designer, you can just write pyqt5designer in your terminal, after opening the Qt Designer you need to create Widget window. now we add widgets in Qt Designer.
- Add a QTextEdit from the widget box
- Add two QPushButton, make the buttons layout horizontally
- Make the main window layout vertically
After completing the design you need to save the .ui file, iam going to name it ColorD.ui, now convert the file to py file.
|
1 |
pyuic6 -x ColorD.ui -o colord.py |
And this is the converted code also we have added our clicked() signal with the method that we want to connect.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
from PyQt6 import QtCore, QtGui, QtWidgets from PyQt6.QtWidgets import QColorDialog, QFontDialog class Ui_Form(object): def setupUi(self, Form): Form.setObjectName("Form") Form.resize(400, 300) self.verticalLayout = QtWidgets.QVBoxLayout(Form) self.verticalLayout.setObjectName("verticalLayout") self.textEdit = QtWidgets.QTextEdit(Form) font = QtGui.QFont() font.setPointSize(14) self.textEdit.setFont(font) self.textEdit.setObjectName("textEdit") self.verticalLayout.addWidget(self.textEdit) self.horizontalLayout = QtWidgets.QHBoxLayout() self.horizontalLayout.setObjectName("horizontalLayout") self.pushButton = QtWidgets.QPushButton(Form) font = QtGui.QFont() font.setPointSize(12) self.pushButton.setFont(font) self.pushButton.setObjectName("pushButton") self.pushButton.clicked.connect(self.colorDialog) self.horizontalLayout.addWidget(self.pushButton) self.pushButton_2 = QtWidgets.QPushButton(Form) self.pushButton_2.clicked.connect(self.fontDialog) font = QtGui.QFont() font.setPointSize(12) self.pushButton_2.setFont(font) self.pushButton_2.setObjectName("pushButton_2") self.horizontalLayout.addWidget(self.pushButton_2) self.verticalLayout.addLayout(self.horizontalLayout) self.retranslateUi(Form) QtCore.QMetaObject.connectSlotsByName(Form) # methods for changing color and font def colorDialog(self): color = QColorDialog.getColor() self.textEdit.setTextColor(color) def fontDialog(self): font, ok = QFontDialog.getFont() if ok: self.textEdit.setFont(font) def retranslateUi(self, Form): _translate = QtCore.QCoreApplication.translate Form.setWindowTitle(_translate("Form", "Form")) self.pushButton.setText(_translate("Form", "Change Color")) self.pushButton_2.setText(_translate("Form", "Change Font")) if __name__ == "__main__": import sys app = QtWidgets.QApplication(sys.argv) Form = QtWidgets.QWidget() ui = Ui_Form() ui.setupUi(Form) Form.show() sys.exit(app.exec()) |
You can see that we have also added our two methods, because we want to use these methods in the QPushButton clicked signal. the first method is for changing the color of textedit, we just get the color from QColorDialog and we set the color to the textedit. the second method is for changing font size of the text, and we do the same task, we get the font and set the font for the text.
|
1 2 3 4 5 6 7 8 9 10 |
def colorDialog(self): color = QColorDialog.getColor() self.textEdit.setTextColor(color) def fontDialog(self): font, ok = QFontDialog.getFont() if ok: self.textEdit.setFont(font) |
Run the complete code and this is the result.
