PyQt4: utilitzant Qt Designer - Historial de revisió

Enric: /* Instal·lació */

2013-02-06T20:28:42Z

Instal·lació

Enric: Utilitzant QtDesigner amb PyQt4 s'ha reanomenat com PyQt4: utilitzant Qt Designer

2013-01-21T18:19:22Z

Utilitzant QtDesigner amb PyQt4 s'ha reanomenat com PyQt4: utilitzant Qt Designer

Enric a 17:24, 7 gen 2013

2013-01-07T17:24:59Z

Enric: Es crea la pàgina amb «Qt Desginer és una eina molt potentque ens facilitarà molt la generació d'aplicacions gràfiques amb Qt. NOTA important: el tutorial està pensat per PyQt4 en GNU/Lin…».

2013-01-07T17:21:40Z

Es crea la pàgina amb «Qt Desginer és una eina molt potentque ens facilitarà molt la generació d'aplicacions gràfiques amb Qt. NOTA important: el tutorial està pensat per PyQt4 en GNU/Lin…».

Pàgina nova

Qt Desginer és una eina molt potentque ens facilitarà molt la generació d'aplicacions gràfiques amb Qt.

NOTA important: el tutorial està pensat per PyQt4 en GNU/Linux basat en Debian. Qt és una llibreria multiplataforma i l'aplicacíó Qt-Designer està present en diverses plataformes, incloent Windows, però no detallarem les comandes per dur-ho a terme (tot i que no hauria de ser molt diferent que en GNU/Linux)...
<br>

== Instal·lació ==
Per instal·lar-lo:
$ sudo apt-get install qt4-designer

També ens caldran algunes utilitats per generar el codi en Python:
$ sudo apt-get install qt4-dev-tools
<br>

== Introducció ==
El projecte tindrà 2 parts (3 fitxers):
* El formulari/finestra generat amb Qt-Designer amb tots els widgets: test.ui
* La classe generada a partir d'aquest: test.py
* El nostre programa amb la lògica de l'aplicació: run.py

Per poder executar el widget generat caldrà que heretem la classe generada (important de test.py i de QWidget: herència múltiple!!) i posem l'aplicació en marxa (veure codi al final del tutorial).

Anem al lio...
<br>

== Tutorial Qt-Designer amb Python ==

El procés consisteix en:
# Crear un widget amb Qt-Designer ('''arxiu .ui'''). Fiqueu-li força controladors (sliders, botons, etc.) amb un layout com per exemple un GridLayout, així també observareu com es comporta aquest layout.<pre>graveu l'arxiu test.ui</pre>
#: Nota important: cal canviar el nom del widget a "Test" perquè l'exemple funcioni.
# '''Transformar l'arxiu .ui en un .py''', és a dir, en una classe que puguem heretar i així obtenir els widgets que hem creat: <pre>$ pyuic4 test.ui > test.py</pre>
# Ara ja tenim la classe generada. Podem fer un cop d'ull al codi amb: <pre>$ gedit test.py</pre>
#: ULL perquè la classe generada s'ha de dir Ui_Test. Si no, l'exemple no funcionarà (després podeu dir-li com vulgueu, òbviament).
# Fem el nostre codi (on caldrà després implementar la lògica de l'aplicació). En aquest importarem la classe heretada (Ui_Test) en la nostra classe nova (Test). Veure el codi al final del tutorial.
# Executem l'aplicació:<pre>$ python run.py</pre>

=== Codi run.py ===
Aquí va!!

<syntaxhighlight lang="python">
#!/usr/bin/python
# -*- coding: utf-8 -*-

from PyQt4 import *
from test import *
import sys

class Test(QtGui.QWidget,Ui_Test):
def __init__(self, parent=None):
QtGui.QWidget.__init__(self,parent)
self.setupUi(self)

if __name__ == "__main__":
app = QtGui.QApplication(sys.argv)
t = Test()
t.show()
sys.exit(app.exec_())
</syntaxhighlight>

Fixeu-vos en què:
* La classe Test() té herència múltiple de QWidget i Ui_Test.
* Cal cridar als constructors respectius. El de la classe UI no es diu init, sinó que es diu setupUI, així no hi ha embolics.

@@ Línia 10: / Línia 10: @@
 També ens caldran algunes utilitats per generar el codi en Python:
-  $ sudo apt-get install qt4-dev-tools
+  $ sudo apt-get install pyqt4-dev-tools
 <br>
 == Introducció ==

← Versió més antiga	Revisió del 18:19, 21 gen 2013
(Cap diferència)

@@ Línia 16: / Línia 16: @@
 == Introducció ==
 El projecte tindrà 2 parts (3 fitxers):
-* El formulari/finestra generat amb Qt-Designer amb tots els widgets: test.ui
+* La part UI generada:
-* La classe generada a partir d'aquest: test.py
+** El formulari/finestra generat amb Qt-Designer amb tots els widgets: '''test.ui'''
-* El nostre programa amb la lògica de l'aplicació: run.py
+** La classe generada a partir d'aquest: '''test.py'''
 Per poder executar el widget generat caldrà que heretem la classe generada (important de test.py i de QWidget: herència múltiple!!) i posem l'aplicació en marxa (veure codi al final del tutorial).
@@ Línia 38: / Línia 39: @@
-=== Codi run.py ===
+== Codi run.py ==
 Aquí va!!