Qt Designer hjälper dig att bygga ett grafiskt användargränssnitt (GUI). Du kan ladda ett grafiskt gränssnitt från Python. I den här handledningen visar vi dig steg för steg.

Det täcker ett mycket grundläggande exempel på hur man använder Qt Designer med PyQt och Python. För mer information se länken nedan.

Relaterad kurs: Förutsättningar

För att börja med denna handledning måste du ha följande installerat:

  • Python
  • PyQt
  • PyQt
  • Qt Designer

Du behöver Python 3 eller senare, eftersom de andra är föråldrade.

Om du inte har PyQt installerar du PyQt.

Du kan installera Designer (Ubuntu Linux) med:

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

På andra plattformar ingår det i installationen.

Så här startar du Designer

Starta Designer genom att skriva designer på kommandoraden. Viktigt: qt creator är ett annat program.

På Ubuntu Linux:

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

Grunderna

En popup visas. Du kan välja vad du vill designa.

Välj ”Huvudfönster” och klicka på skapa.

Du kan sedan ändra storlek på formuläret och dra och släppa widgets. Det är ganska enkelt att utforma ett grafiskt gränssnitt på det här sättet.

Om du klickar på en widget (till exempel en knapp) kan du ställa in dess egenskaper, till exempel namn.

Om du är nybörjare på Python PyQt kan jag varmt rekommendera den här boken.

Exportera designen till UI

Du kan exportera din design till en UI-fil. Klicka på File > Save As > yourname.ui

Därefter kan du konvertera ui-koden till en python-fil.

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

Python-filen innehåller sedan guidefinitionen.
Skapa en annan fil som laddar ui-filen:

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()

När du kör den visas ditt GUI.

Lad ner exempel

Lämna ett svar

Din e-postadress kommer inte publiceras.