Diferencias

Muestra las diferencias entre dos versiones de la página.

--- fw:pyqt4 [2010/07/03 18:54]
alfred
+++ fw:pyqt4 [2020/05/09 09:25] (actual)
@@ Línea 146: / Línea 146: @@
     print 'Too Much: ' + str(v)
 </code>
@@ Línea 164: / Línea 168: @@
         self.layout1.addWidget(self.button2)
 </code>
+{{ fw:pyqt4:layout1.png |}}
 Existen varios métodos de layout:
   * **QVBoxLayout**: Donde los elementos se muestran en vertical.
   * **QHBoxLayout**: Donde los elementos se muestran en horizontal.
-  * **QGridLayout**
+  * **QGridLayout**: Donde los elementos se colocan en una tabla (con 'x' e 'y').
+<code python>
+self.grid = QtGui.QGridLayout()
+self.setLayout(self.grid)
+self.grid.addWidget(QtGui.QLabel("HOLA"), 0, 0)
+self.grid.addWidget(QtGui.QLabel("ADIOS"), 1, 1)
+self.grid.addWidget(QtGui.QLabel("ARREVOIRE"), 2, 2)
+self.grid.addWidget(QtGui.QLabel("Yey!"), 2, 0)
+</code>
-{{ fw:pyqt4:layout1.png |}}
 === GUIs con el Qt4 Designer ===
@@ Línea 188: / Línea 200: @@
     def btnClick (self):
         print "a"
+</code>
+=== Qt Style Sheets ===
+Las Qt Style Seets son otra forma de personalizar la apariencia de los widgets y están basadas en las CSS ([[http://doc.qt.nokia.com/4.6/stylesheet-reference.html|referencia]]).
+<code python>
+self.setStyleSheet("QWidget { background-color: rgb(255, 255, 255); background-image: url(heart.png); border-top:5px solid rgb(255, 170, 255); }")
+</code>
+Pueden ser definidas..
+<code>
+ QComboBox {
+     margin-right: 20px;
+ }
+ QComboBox::drop-down {
+     subcontrol-origin: margin;
+ }
+ QComboBox::down-arrow {
+     image: url(down_arrow.png);
+ }
+ QComboBox::down-arrow:pressed {
+     position: relative;
+     top: 1px; left: 1px;
+ }
 </code>
@@ Línea 201: / Línea 236: @@
 ===== Creación avanzada de aplicaciones =====
-==== Pintar e imágenes ====
+==== Paint & QImages ====
+=== Pintar sobre QWidgets ===
 Para poder pintar sobre un QWidget lo haremos sobreescribiendo el método ''paintEvent'' de este y mediante los métodos de un objeto **QPainter**, lo crearemos y luego, entre sus los métodos ''begin'' (al cual le tendremos que pasar el QWidget sobre el cual pintaremos) y ''end'' llevaremos a cabo los métodos de pintar:
 <code python>
@@ Línea 221: / Línea 266: @@
         paint.end()
 </code>
-El método **repaint()** de un QWidget hará que se vuelva a llamar al método ''paintEvent''. \\
+El método **repaint()** de un QWidget hará que se vuelva a llamar al método ''paintEvent''.
-También podemos pintar sobre una QImage con el QPainter:
+=== La clase QImage ===
+Podemos obtener imágenes escaladas a partir de su método ''scaled'':
 <code python>
-    def paintEvent(self, event):
+image = QImage("/path/to/image")
-        i = QtGui.QImage(event.rect().width(), event.rect().height(), QtGui.QImage.Format_ARGB32)
+thumbnail1 = image.scaled(10, 10)
-        ipaint = QtGui.QPainter()
+</code>
-        ipaint.begin(i)
+Podemos pintar sobre una QImage con el QPainter:
-        ipaint.drawImage(event.rect(), QtGui.QImage("heart.png"))
+<code python>
-        ipaint.end()
+def paintEvent(self, event):
+   i = QtGui.QImage(event.rect().width(), event.rect().height(), QtGui.QImage.Format_ARGB32)
+   ipaint = QtGui.QPainter()
+   ipaint.begin(i)
+   ipaint.drawImage(event.rect(), QtGui.QImage("heart.png"))
+   ipaint.end()
-        paint = QtGui.QPainter()
+   paint = QtGui.QPainter()
-        paint.begin(self)
+   paint.begin(self)
-        paint.drawImage(event.rect(), i);
+   paint.drawImage(event.rect(), i);
-        paint.end()
+   paint.end()
 </code>
-==== Estilos ====
+=== Notas sobre imágenes ===
+  * Podemos mostrar imágenes a partir de QLabels asignando su propiedad ''PixMap'':
 <code python>
-self.setStyleSheet("QWidget { background-color: rgb(255, 255, 255); background-image: url(heart.png); border-top:5px solid rgb(255, 170, 255); }")
+self.lbl = QtGui.QLabel(self)
+qPixMap = QtGui.QPixmap.fromImage(QtGui.QImage("heart.png"))
+self.lbl.setPixmap(qPixMap)
 </code>
+  * Podemos, también, descargar una imágen y mostrarla:
+<code python>
+class MyWindow(QtGui.QWidget):
+    def __init__(self):
+        QtGui.QWidget.__init__(self)
+        self.lbl = QtGui.QLabel(self)
+        self.url = QtNetwork.QHttp()
+        self.url.done.connect(self.showImage)
+        self.url.setHost('sonfamosos.com')
+        self.url.get('/wp-content/uploads/2009/12/hulk-hogan.jpg')
+    def showImage(self):
+        img = QtGui.QImage.fromData(self.url.readAll(), 'JPG')
+        self.lbl.setPixmap(QtGui.QPixmap.fromImage(img))
+        self.lbl.resize(img.width(), img.height())
+</code>
+===== Otros módulos en PyQt =====

Programming

Herramientas de usuario

Herramientas del sitio

Diferencias

Herramientas de la página