Discussion :

[toitoinebzh]

Bonjour

Je viens chercher de l'aide car je cherche à superposer * une couleur de fond * une image transparente * un texte dans un même widget

Pour l'instant, je me suis pas trop mal débrouillé, j'arrive à afficher une image et un texte sur un même fond, par contre je bloque sur deux points
* comment faire pour mettre le texte au dessus de l'image
* comment faire pour que la taille du texte et de l'image s'adapte à la taille de la fenêtre

Voici mon bout de code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
import sys
from PyQt5.QtWidgets import QLabel, QApplication, QWidget, QVBoxLayout
from PyQt5.QtGui import QPixmap
from PyQt5.QtCore import Qt, QSize, QRect
 
def window():
   app = QApplication(sys.argv)
   win = QWidget() 
 
   # ~ win.setStyleSheet("background-color:pink; background-image:url(image.svg); background-repeat:no-repeat; background-position:center center;");
   win.setStyleSheet("background-color:green;");
 
   label = QLabel()
   label_image = QLabel()
 
   label.setText("<h1>Hello World</h1>")
   label.setAlignment(Qt.AlignCenter)
   label.setWordWrap(True)
 
   label_image.setPixmap(QPixmap("image.svg").scaled(QSize(100,100),  Qt.KeepAspectRatio))
   label_image.setAlignment(Qt.AlignCenter)
 
   vbox = QVBoxLayout()
   vbox.addWidget(label)
   vbox.addWidget(label_image)
 
   win.setLayout(vbox)
 
   win.setWindowTitle("QLabel Demo")
   win.show()
   sys.exit(app.exec_())
 
if __name__ == '__main__':
   window()

merci pour votre aide

[VinsS]

Salut,

Pour l'image de fond qui se redimensionne automatiquement c'est "border-image" qu'il faut utiliser.

Ceci est plus proche de ce que tu veux:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
def window():
   app = QApplication(sys.argv)
   win = QWidget()
   win.setMinimumSize(300, 300)
   img = "/chemin/lena.jpg"
   win.setStyleSheet("border-image:url(%s); "
                     "border-repeat:no-repeat; "
                     "border-position: center; " % img);
   vbox = QVBoxLayout()
   label = QLabel(win)
   label.setText("<h1>Hello World</h1>")
   label.setAlignment(Qt.AlignCenter)
   label.setWordWrap(True)
   vbox.addWidget(label)
   win.setLayout(vbox)
   win.setWindowTitle("QLabel Demo")
   win.show()
   sys.exit(app.exec_())

Les styleSheet sont décrites ici:
https://doc.qt.io/qt-5/stylesheet-reference.html

[toitoinebzh]

merci VinsS, cela résoud une grande partie du problème
mon seul point bloquant maintenant est de ne pas déformer l'image

est ce qu'il existe une sorte de KeepAspectRatio avec les styleSheet ? je n'arrive pas à trouver