Прозрачный 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

Я спрашиваю здесь, потому что я считаю, что SO сообщество может иметь способ чтобы исправить это поведение.

Так что я хотел бы установить цвет фона ScrollArea как прозрачным, так и с использованием специального фонового изображения, так как оно будет содержать некоторые баннеры. Я получил его в Qt Creator (Дизайнер) уже! :-):

Но при развертывании приложения на тренажере не будет работать, то Аре остается серый, темно-серый:

Вот мой макет дерева:

А вот таблица стилей я использую (прилагается & набор в 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; 
} 

Это весьма озадачивает. И поскольку Qt Designer показывает мне правильный дизайн ...

Answer 1

Можете ли вы попробовать scrollArea.setStyleSheet("background-color:transparent;"); Это работает для меня.

Answer 2

Не следует ли устанавливать стили на QScrollArea#top_banner1 и QScrollArea#top_banner2?

В настоящее время вы выбираете QWidgets для видового экрана, и, по моему опыту, чистые QWidgets всегда имеют прозрачный фон и не поддерживают стиль. Таким образом, если область прокрутки имеет цвет, она будет отображаться.

PS. Аккуратный стиль!

Answer 3

Используйте таблицу стили

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

Чтобы понять это позволяет предполагает аналогичное, но simplyfied расположения:

scrollarea   QScrollArea 
    + scrollareaContent QWidget 
     + label   QLabel 

Интересно Есть два виджетов с непрозрачным фоном. Первый - это scrollarea (сделанный прозрачным с первой строкой таблицы стилей).

Другой (который я не ожидал) scrollareaContent, который обращается ко второй строке. Там первый QWidget является частным видовым окном QScrollArea, к которому невозможно напрямую получить доступ. Другой - scrollareaContent. Этот подход должен сделать прозрачность QScrollAreas без ущерба для любого другого виджетов.

UPDATE: Я добавил третью строку в таблицу стилей, которая препятствует тому, чтобы полосы прокрутки стали прозрачными, так как они также QWidgets находятся на двух уровнях ниже QScrollArea.

Answer 4

Используя следующие таблицы стилей я был в состоянии сделать область прокрутки прозрачным, сохраняя при этом по умолчанию цвет фона для скроллинга:

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