qt designer python

Qt Designer helpt je een GUI (graphical user interface) te bouwen. Je kunt een GUI laden vanuit Python. In deze tutorial laten we het je stap voor stap zien.

Het behandelt een heel eenvoudig voorbeeld van hoe je Qt Designer kunt gebruiken met PyQt en Python. Voor meer details zie de link hieronder.

Gerelateerde cursus: Maak GUI Apps met Python PyQt5

Qt Designer Python

Voorwaarden

Om met deze tutorial te beginnen moet je deze geïnstalleerd hebben:

• Python
• PyQt
• Qt Designer

Je hebt Python 3 of hoger nodig, want de andere zijn verouderd.

Als u geen PyQt hebt, installeer dan PyQt.

U kunt Designer (Ubuntu Linux) installeren met:

1
2

sudo apt-get install qttools5-dev-tools
sudo apt-get install qttools5-dev

Op andere platforms zit het in de setup.

Hoe start je Designer

Start Designer door designer in de opdrachtregel te typen. Belangrijk: qt creator is een ander programma.

Op Ubuntu Linux:

1
2

cd /usr/lib/x86_64-linux-gnu/qt5/bin/ 
./designer

Basics

Er verschijnt een popup. Je kunt kiezen wat je wilt ontwerpen.

Kies “Hoofdvenster” en klik op maken.

Je kunt dan de grootte van het formulier aanpassen en widgets verslepen. Het is vrij eenvoudig om een grafische interface als deze te ontwerpen.

Als u op een widget klikt (bijvoorbeeld een knop), kunt u de eigenschappen ervan instellen, zoals de naam.

Als u nieuw bent met Python PyQt, dan raad ik u dit boek ten zeerste aan.

Exporteer ontwerp naar UI

U kunt uw ontwerp exporteren naar een UI-bestand. Klik op Bestand > Opslaan als > uwnaam.ui

Dan kunt u de ui code omzetten naar een python bestand.

1

pyuic5 /home/linux/helloworld.ui -o helloworld.py

Het Python bestand bevat dan de gui definitie.
Maak een ander bestand dat het ui-bestand laadt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import QApplication
import sys
import helloworld
class ExampleApp(QtWidgets.QMainWindow, helloworld.Ui_MainWindow):
def __init__(self, parent=None):
super(ExampleApp, self).__init__(parent)
self.setupUi(self)
def main():
app = QApplication(sys.argv)
form = ExampleApp()
form.show()
app.exec_()
if __name__ == '__main__':
main()

Als u het eenmaal hebt uitgevoerd, verschijnt uw GUI.

Download voorbeelden