c++qtqtabbar
QTabWidget with rounded corners and a unified background for the active tab and content?
I have a QTabWidget with QScrollArea in it. The widgets are placed in Qt Designer.
I want to style it like this:
- all external corners of the tab widget are rounded
tabBarhas a background the same as the inactive tab- tab content has white background
Edit: I got rid of generic stylesheets, now there are two problems left:
- Bottom left corner looks strange. I can see that
QScrollAreahave correct borders, but something is placed above it. - The background of tab contents is light grey, need to be white.
Edit: I tried to change my code to apply stylesheet to the whole QTabWidget(using ui->tabWidget->setStyleSheet instead of ui->tabWidget->widget(0)->setStyleSheet, but it only became worse, stylesheet doesn't affect tab content at all:
What stylesheet should I use to solve the problems listed above(strange corner and background color) and who should I aplly it to?
mainwindow.cpp:
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
, ui(new Ui::MainWindow)
{
ui->setupUi(this);
ui->centralwidget->setStyleSheet( "QWidget#centralwidget {"
"background-color: yellow;}");
ui->tabWidget->widget(0)->setStyleSheet("QTabWidget::pane {"
"background-color: white;"
"border: 1px solid green;"
"border-bottom-left-radius: 8px;"
"border-bottom-right-radius: 8px;""}"
"QScrollArea {"
"background-color: white;"
"border: 1px solid blue;"
"border-bottom-left-radius: 8px;"
"border-bottom-right-radius: 8px;""}"
"QScrollBar:vertical {"
"border: none;"
"background: transparent;"
"padding: 0px 0px 4px 0px;"
"width: 12px;""}"
"QScrollBar::handle:vertical {"
"border: 1px black;"
"border-radius: 4px;"
"margin: 2px;"
"background: black;"
"height: 240px;""}"
"QScrollBar::add-line:vertical{"
"border: none;"
"background: transparent;"
"subcontrol-position: bottom;"
"subcontrol-origin: margin;""}"
"QScrollBar::sub-line:vertical{"
"border: none;"
"background: transparent;"
"width: 12px;"
"subcontrol-position: top;"
"subcontrol-origin: margin;""}");
ui->tabWidget->setStyleSheet(
"QTabBar {"
"border: 1px solid grey;"
"border-top-left-radius: 8px;"
"border-top-right-radius: 8px;"
"height: 42px;"
"background-color: grey""}"
"QTabBar::tab {"
"background: grey;"
"border: 1px solid grey;"
"border-top-left-radius: 8px;"
"border-top-right-radius: 8px;"
"font: 16px Manrope Medium ;"
"color: black;"
"height: 42px;"
"padding: 15px;""}"
"QTabBar::tab:selected {"
"background: white;"
"color: blue;"
"border: 1px solid white;"
"border-top-left-radius: 8px;"
"border-top-right-radius: 8px;"
"border-bottom: none;""}");
ui->tabWidget->tabBar()->setExpanding(true);
ui->tabWidget->tabBar()->setDocumentMode(true);
}
MainWindow::~MainWindow()
{
delete ui;
}
mainwindow.ui
<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
<class>MainWindow</class>
<widget class="QMainWindow" name="MainWindow">
<property name="geometry">
<rect>
<x>0</x>
<y>0</y>
<width>800</width>
<height>600</height>
</rect>
</property>
<property name="windowTitle">
<string>MainWindow</string>
</property>
<widget class="QWidget" name="centralwidget">
<widget class="QTabWidget" name="tabWidget">
<property name="geometry">
<rect>
<x>100</x>
<y>50</y>
<width>621</width>
<height>471</height>
</rect>
</property>
<property name="currentIndex">
<number>0</number>
</property>
<widget class="QWidget" name="tab">
<attribute name="title">
<string>Tab 1</string>
</attribute>
<layout class="QGridLayout" name="gridLayout">
<property name="leftMargin">
<number>0</number>
</property>
<property name="topMargin">
<number>0</number>
</property>
<property name="rightMargin">
<number>0</number>
</property>
<property name="bottomMargin">
<number>0</number>
</property>
<item row="0" column="0">
<widget class="QScrollArea" name="scrollArea">
<property name="widgetResizable">
<bool>true</bool>
</property>
<widget class="QWidget" name="scrollAreaWidgetContents">
<property name="geometry">
<rect>
<x>0</x>
<y>-242</y>
<width>601</width>
<height>680</height>
</rect>
</property>
<layout class="QVBoxLayout" name="verticalLayout">
<item>
<widget class="QTableWidget" name="tableWidget">
<property name="minimumSize">
<size>
<width>0</width>
<height>600</height>
</size>
</property>
</widget>
</item>
<item>
<widget class="QPushButton" name="pushButton_2">
<property name="text">
<string>PushButton</string>
</property>
</widget>
</item>
<item>
<widget class="QPushButton" name="pushButton">
<property name="text">
<string>PushButton</string>
</property>
</widget>
</item>
</layout>
</widget>
</widget>
</item>
</layout>
</widget>
<widget class="QWidget" name="tab_2">
<attribute name="title">
<string>Tab 2</string>
</attribute>
</widget>
</widget>
</widget>
<widget class="QMenuBar" name="menubar">
<property name="geometry">
<rect>
<x>0</x>
<y>0</y>
<width>800</width>
<height>22</height>
</rect>
</property>
</widget>
<widget class="QStatusBar" name="statusbar"/>
</widget>
<resources/>
<connections/>
</ui>
Solution
I found that QScrollArea contains a child QWidget named scrollAreaWidgetContents, so that widget had straight angles and didn't have background. The solution is to hide its borders and make background transparent by adding "QWidget#scrollAreaWidgetContents" section. Next I added 2px border to selected tab to hide QTabBar background under it. The final stylesheet looks like this:
ui->centralwidget->setStyleSheet( "QWidget#centralwidget {"
"background-color: yellow;}");
ui->tabWidget->widget(0)->setStyleSheet( "QWidget#scrollAreaWidgetContents {"
"border: none;"
"background-color: transparent;}"
"QScrollArea {"
"background-color: white;"
"border: 1px solid white;"
"border-bottom-left-radius: 8px;"
"border-bottom-right-radius: 8px;""}"
"QScrollBar:vertical {"
"border: none;"
"background: transparent;"
"padding: 0px 0px 4px 0px;"
"width: 12px;""}"
"QScrollBar::handle:vertical {"
"border: 1px black;"
"border-radius: 4px;"
"margin: 2px;"
"background: black;"
"height: 240px;""}"
"QScrollBar::add-line:vertical{"
"border: none;"
"background: transparent;"
"subcontrol-position: bottom;"
"subcontrol-origin: margin;""}"
"QScrollBar::sub-line:vertical{"
"border: none;"
"background: transparent;"
"width: 12px;"
"subcontrol-position: top;"
"subcontrol-origin: margin;""}");
ui->tabWidget->setStyleSheet(
"QTabBar {"
"border: 1px solid grey;"
"border-top-left-radius: 8px;"
"border-top-right-radius: 8px;"
"height: 42px;"
"background-color: grey""}"
"QTabBar::tab {"
"background: grey;"
"border: 1px solid grey;"
"border-top-left-radius: 8px;"
"border-top-right-radius: 8px;"
"font: 16px Manrope Medium ;"
"color: black;"
"height: 42px;"
"padding: 15px;""}"
"QTabBar::tab:selected {"
"background: white;"
"color: blue;"
"border: 2px solid white;"
"border-top-left-radius: 8px;"
"border-top-right-radius: 8px;"
"border-bottom: none;""}");
ui->tabWidget->tabBar()->setExpanding(true);
ui->tabWidget->tabBar()->setDocumentMode(true);
- Why does an empty preprocessor command still evaluate to something?
- How to implement variable sized array within C struct
- Character array typecasting to integer
- How can I exclude non-numeric keys? CS50 Caesar Pset2
- How to get the sign, mantissa and exponent of a floating point number
- Why do MCU libraries use logic operations instead of bitfield structs?
- What kind of implementation can I use for a static associative array on a vintage system with very limited resources?
- Determine libraries to link against for a windows library function?
- Passing macro values to arm linker that places variable at a specific location
- running a program with wildcards as arguments
- How to perform addition of two vectors of 8-bit integers with a single addition in C/C++
- GNU RISC-V Embedded GCC throws "x ISA extension `xw' must be set with the versions" error
- Counting pulses using a swiss flow meter with an Arduino, how is it done?
- How to create a folder in C (need to run on both Linux and Windows)
- Is there any way to compute the width of an integer type at compile-time?
- How can I initialize all members of an array to the same value?
- Is C notably faster than C++
- How to get the Windows SDK version number a program is compiling with at compile time
- Confused by difference between expression inside if and expression outside if
- Equivalent of atoi for unsigned integers
- k&r: Exercise 1-18. Program takes input but doesnt produce any output?
- Using in C thrd_sleep() to either wait for time or interrupt by signal. Example?
- How can I compute `exp(x)/2` when `x` is large?
- c programming: answer always equates to 0
- Is it possible to access a parameter of a function from another function in C?
- Will this expression evaluate to true or false (1 or 0) in C?
- What Is the Return Value of strcspn() When Str1 Does not Contain Str2?
- Mapping a numeric range onto another
- Signalled and non-signalled state of event
- Why is faster to do a branch than a lookup?