Diseño de distribución y espacio en Interfaces gráficas con PyQt5

Posted by

Distribución: Layouts y Spacers | Interfaces gráficas con PyQt5

Distribución: Layouts y Spacers

En el desarrollo de interfaces gráficas con PyQt5, es fundamental tener en cuenta la distribución de los elementos en la ventana de la aplicación. Para lograr un diseño eficiente y adaptable a diferentes tamaños de pantalla, se utilizan layouts y spacers.

Layouts

Los layouts permiten organizar los widgets de manera automática en la ventana, de acuerdo a reglas predefinidas. Algunos de los layouts más comunes en PyQt5 son:

  • QVBoxLayout: organiza los widgets de forma vertical.
  • QHBoxLayout: organiza los widgets de forma horizontal.
  • QGridLayout: organiza los widgets en una cuadrícula.

Para utilizar un layout en PyQt5, se crea una instancia del layout deseado y se agregan los widgets a través de métodos como addWidget() o addLayout(). Finalmente, se establece el layout en la ventana principal con el método setLayout().

Spacers

Los spacers son elementos invisibles que se utilizan para ajustar la distribución de los widgets en el layout. Hay dos tipos de spacers en PyQt5:

  • QSpacerItem: se utiliza para ajustar el tamaño de un espacio en el layout.
  • QSizePolicy: se utiliza para definir las proporciones de expansión de los widgets en un layout.

Los spacers son útiles para lograr un espacio uniforme entre los elementos de la interfaz gráfica, alineación precisa de los widgets o ajustar la expansión de los widgets en diferentes direcciones.

Ejemplo de uso

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QPushButton, QSizePolicy

app = QApplication(sys.argv)

window = QWidget()
layout = QVBoxLayout()

button1 = QPushButton("Botón 1")
button2 = QPushButton("Botón 2")

layout.addWidget(button1)
layout.addItem(QSpacerItem(20, 40, QSizePolicy.Minimum, QSizePolicy.Expanding))
layout.addWidget(button2)

window.setLayout(layout)
window.show()

sys.exit(app.exec_())

En este ejemplo, se crea una ventana con dos botones y un spacer vertical entre ellos. El spacer se define con un ancho de 20 y una altura de 40, y se configura para que se expanda en la dirección vertical.

En resumen, la distribución de elementos en una interfaz gráfica es crucial para lograr un diseño eficiente y adaptable. Los layouts y spacers en PyQt5 ofrecen una forma sencilla de organizar los widgets de manera automática y ajustar la distribución de los elementos en la ventana.

0 0 votes
Article Rating
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@mattleandri
2 months ago

Muy claro! Gracias