पारदर्शी QWidget/QScrollArea पृष्ठभूमि शैली सेटिंग प्रभावी

Question

यह सवाल

• http://www.qtcentre.org/threads/18151-QScrollArea-misbehaving-background-style
• http://www.qtforum.org/article/34443/cannot-change-background-color-of-a-qscrollarea-with-setstylesheet.html

से संबंधित है मैं यहाँ में पूछ रहा हूँ क्योंकि मेरा मानना ​​है कि ऐसा समुदाय के लिए एक रास्ता हो सकता है है इस व्यवहार को ठीक करने के लिए।

तो मैं पारदर्शिता रखने या एक कस्टम पृष्ठभूमि छवि को या तो करने के लिए एक ScrollArea की पृष्ठभूमि का रंग सेट करने के लिए के रूप में यह कुछ बैनर में शामिल होंगे पसंद है। मुझे यह क्यूटी निर्माता (डिज़ाइनर) में पहले से चल रहा है! :-):

लेकिन जब सिम्युलेटर यह काम नहीं करेगा करने के लिए एप्लिकेशन की तैनाती है, ग्रे, गहरे भूरे रंग रहता है:

यहाँ मेरी लेआउट का पेड़ है:

और यहाँ स्टाइलशीट मैं उपयोग कर रहा हूँ (संलग्न हैMainWindow के लिए सेट):

QMainWindow { 
    background: transparent url(:/ui/designs/images_from_android/bg_plain_empty.png) top left; 
} 
QWidget#centralWidget { 
    background-color: transparent; 
} 
QPushButton { 
    color: red; 
    border: 1px solid green; 
} 
QFrame#top_header { 
    background: transparent url(:/ui/designs/images_from_android/bg_title_bar_landscape.png) top left repeat-x; 
} 
QWidget#top_banner_scroll1, 
QWidget#top_banner_scroll2 { 
    background: transparent url(:/ui/designs/images_from_android/stripe_bg.png) top left repeat-x; 
} 

यह काफी पेचीदा है। और क्यूटी डिजाइनर के रूप में मुझे उचित डिजाइन दिखाया जा रहा है ...

Answer 1

आप scrollArea.setStyleSheet("background-color:transparent;"); प्रयास कर सकते हैं यह मेरे लिए काम करता है।

Answer 2

आप QScrollArea#top_banner1 और QScrollArea#top_banner2 को शैलियाँ निर्धारित नहीं करना चाहिए?

आप वर्तमान व्यूपोर्ट QWidgets का चयन करके और कर रहे हैं, मेरे अनुभव के लिए, शुद्ध QWidgets हमेशा पारदर्शी पृष्ठभूमि है और स्टाइल का समर्थन नहीं करते। इस प्रकार, यदि स्क्रॉल क्षेत्र में रंग होता है, तो यह दिखाएगा।

पी एस। साफ स्टाइल!

Answer 3

स्टाइलशीट

QScrollArea { background: transparent; } 
QScrollArea > QWidget > QWidget { background: transparent; } 
QScrollArea > QWidget > QScrollBar { background: palette(base); } 

का प्रयोग करें इस सुविधा देता है मान एक समान है, लेकिन simplyfied लेआउट को समझने के लिए:

scrollarea   QScrollArea 
    + scrollareaContent QWidget 
     + label   QLabel 

दिलचस्प बात यह है वहाँ दो एक गैर पारदर्शी पृष्ठभूमि के साथ विगेट्स हैं। पहला स्क्रोलर स्वयं (स्टाइलशीट की पहली पंक्ति के साथ पारदर्शी बना दिया गया है)।

दूसरा (जिसे मैंने उम्मीद नहीं की थी) scrollareaContent है जो दूसरी पंक्ति के साथ संबोधित हो जाता है। वहां पहला QWidget QScrollArea का निजी व्यूपोर्ट है जिसे सीधे एक्सेस नहीं किया जा सका। दूसरा एक scrollareaContent है। इस दृष्टिकोण को अन्य सभी विगेट्स को प्रभावित किए बिना सभी QScrollAreas पारदर्शी बनाना चाहिए।

अद्यतन: मैंने स्टाइलशीट में एक तीसरी पंक्ति जोड़ा जो स्क्रॉलबार को पारदर्शी होने से रोकता है क्योंकि वे QScrollArea के नीचे दो स्तर QWidgets भी हैं।

Answer 4

, निम्नलिखित स्टाइलशीट मैं स्क्रॉल क्षेत्र पारदर्शी बनाने के लिए कर रहा था का उपयोग करते हुए स्क्रॉलबार के लिए डिफ़ॉल्ट पृष्ठभूमि रंग रखने: कि हालांकि सभी बच्चों कोई विशेष स्टाइलशीट है पारदर्शी है कि (thoughthough एक पैक कर सकता है कर देगा

scrollArea.setStyleSheet("QScrollArea {background-color:transparent;}"); 
scrollAreaContents.setStyleSheet("background-color:transparent;");