Настройка прозрачного фона 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 ( Designer )! : -):

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

Вот мое дерево раскладок:

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

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

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

Чтобы понять это, давайте возьмем похожий, но просто раскладываемый макет:

scrollarea            QScrollArea
  + scrollareaContent QWidget
      + label         QLabel

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

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

ОБНОВЛЕНИЕ: Я добавил третью строку в таблицу стилей, которая предотвращает прозрачность полос прокрутки, поскольку они также являются QWidget двауровни ниже QScrollArea.

Answer 2

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

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

Answer 3

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

Answer 4

Разве вы не должны устанавливать стили на QScrollArea#top_banner1 и QScrollArea#top_banner2?

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

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