Hoja de estilo Qt detallada: subcontroles

Language 2023-07-28 18:52:34 views: null

1. ::añadir línea, botón de barra de desplazamiento hacia abajo (vertical)/botón derecho (horizontal). ejemplo:

QScrollBar::add-line:vertical {
height:50px;
width:50px;
subcontrol-position: bottom;
subcontrol-origin: margin;
}



QScrollBar::add-line:horizontal {
height:50px;
width:50px;
subcontrol-position: right;
subcontrol-origin: margin;
}

2. ::add-page, la parte entre el control deslizante y add-line.

 

3. ::branch, la parte frontal de QTreeView:

 

ejemplo:

QTreeView::branch {
background:red;
}

 

4. ::chunk, la gran parte de QProgressBar:

5. ::botón de cierre, el botón de cierre de QDockWidget o el botón de cierre en la pestaña de QTabBar, la premisa de usar QTabWidget es configurar setTabsClosable (verdadero). ejemplo:

QTabBar::close-button {
image: url(:/D:/a.png);
subcontrol-position: left;
}

 

6. ::esquina, QAbstractScrollArea El área del ángulo entre las dos barras de desplazamiento:

 

ejemplo:

QScrollArea::corner {
image: url(:/D:/a.png);
}

 

 

7. ::flecha abajo, flecha abajo.

QComboBox、QSpinBox、QDoubleSpinBox、QTimeEdit、QDateEdit、QDateTimeEdit：
QComboBox::down-arrow {
image: url(:/D:/a.png);
}

QSpinBox::down-arrow {
image: url(:/D:/a.png);
}

 

La flecha hacia abajo de la flecha de clasificación de encabezados de QHeaderView (establezca setSortingEnabled(true) para habilitar la clasificación de encabezados). ejemplo:

QHeaderView::down-arrow {
image: url(:/D:/a.png);
}

 

La flecha hacia abajo de la barra de desplazamiento vertical QScrollBar, en la línea de adición. ejemplo:

QScrollBar::add-line:vertical {
border: 2px solid grey;
background: #32CC99;
height: 20px;
subcontrol-position: bottom;
subcontrol-origin: margin;
}

QScrollBar::down-arrow:vertical {
border: 2px solid grey;
width: 13px;
height: 13px;
background: white;
}

 

QToolButton establece la flecha hacia abajo en el tipo de flecha:

QToolButton::down-arrow {
image: url(:/D:/a.png);
}

 

8. ::botón abajo, el botón abajo de QSpinBox. ejemplo:

QSpinBox::down-button{
background:red;
}

 

9. ::desplegable, la parte de la flecha desplegable de QComboBox. ejemplo:

QComboBox::drop-down {
background: red;
}

 

10. ::botón flotante, el botón flotante de QDockWidget (haga clic en este botón y QDockWidget se convertirá en una ventana flotante). ejemplo:

QDockWidget::float-button{
background: red;
}

 

11. ::groove, la parte de la ranura de QSlider.

 

ejemplo:

QSlider::groove:horizontal{
background: green;
height: 20px;
border-radius: 3px;
}

QSlider::sub-page:horizontal {
height: 8px;
border-radius: 3px;
background: #ec62a1;
}

QSlider::handle:horizontal {
width: 13px;
margin-top: -3px;
margin-bottom: -3px;
border-radius: 6px;
background: #ec62a1;
}

 

12. ::indicator, indicador, que indica el estado seleccionado.

QAbstractItemView:

itemChild->setCheckable(true);//QStandardItem * itemChild

QTreeView::indicator:unchecked {
background-color: #d7d6d5
}

 

 

QCheckBox,QRadioButton:

QCheckBox::indicator:unchecked {
background-color: red;
}

QRadioButton::indicator:unchecked {
background-color: red;
border-radius:8px;
}

 

QMenú:

QMenu::item
{
padding: 2px 20px 10px 10px;
}
QMenu::indicator
{
width:32px;
height:32px;
}
QMenu::indicator:unchecked
{
border-image: url(:/image/uncheck.png);
}
QMenu::indicator:checked
{
border-image: url(:/image/check.png);
}

 

QGroupBox, primer conjunto opcional: setCheckable(true).

QGroupBox::indicator:unchecked {
background-color: red;
}

 

13. ::mango, deslizador. Control deslizante para QScrollBar, QSlider, QSplitter. ejemplo:

QSplitter *splitter = new QSplitter(this);
QListView *listview = new QListView;
QTreeView *treeview = new QTreeView;
QTextEdit *textedit = new QTextEdit;
splitter->addWidget(listview);
splitter->addWidget(treeview);
splitter->addWidget(textedit);
splitter->setStyleSheet("QSplitter::handle{background-color: red;}"
"QSplitter::handle:hover{background-color: rgb(200, 100, 100);}"
"QSplitter::handle:pressed{background-color: rgb(70, 70, 70);}");
splitter->handle(1)->setAttribute(Qt::WA_Hover, true);//加上hover才能起作用
splitter->handle(2)->setAttribute(Qt::WA_Hover, true);
splitter->setHandleWidth(20);

 Los beneficios de este artículo, gratis para recibir el paquete de materiales de aprendizaje de desarrollo Qt , video técnico, el contenido incluye ( base del lenguaje C ++ , introducción a la programación Qt , mecanismo de señal y ranura QT , desarrollo de interfaz QT : dibujo de imágenes, red QT , programación de base de datos QT , QT combate de proyectos, desarrollo integrado QT , módulo rápido , etc.) ↓↓↓↓↓↓ Vea a continuación ↓↓ Haga clic en la parte inferior del artículo para recibir la tarifa ↓

14、::icono

15. ::artículo, un artículo.

QAbstractItemView

QTableView::item:selected, QListView::item:selected, QTreeView::item:selected {
color: #000000;
background: #fcf1f5;
}

QTableView::item:hover, QListView::item:hover, QTreeView::item:hover {
color: #000000;
background: #fcf1f4;
}

QTableView::item, QListView::item, QTreeView::item {
padding: 5px;
margin: 0px;
}

 

QMenú

QMenu{
background-color:#ffffff;
font-size:18px;
}

QMenu::item{
padding: 2px 10px 10px 10px;
}

QMenu::item:selected{
color: #FFFFFF;
background: #20c9b3;
}

 

 

Un elemento de menú es un elemento.

QMenuBar

Un menú es un elemento.

Barra de estado Q

可以向QStatusBar添加小部件，一个小部件即一个item。例：
QStatusBar * statuBar = new QStatusBar();
statuBar->addWidget(new QPushButton("xxx1"));
statuBar->addWidget(new QPushButton("xxx2"));

statuBar->setStyleSheet("QStatusBar{background:green;}"
"QStatusBar::item {border: 10px solid red;border-radius: 3px;}");

 

16、::flecha izquierda。

QScrollBar（水平方向）的左箭头，与::down-arrow类似。
QToolButton设置箭头类型中的左箭头：
QToolButton::left-arrow {
image: url(:/D:/a.png);
}

 

17、::esquina izquierda，

18. ::menu-arrow, la flecha del menú de QToolButton:

 

La premisa de usarlo es que QToolButton ha configurado el menú y el modo emergente del menú. ejemplo:

QMenu * menu = new QMenu;
menu->addAction("xxxx1");
menu->addAction("xxxx2");
ui->toolButton->setMenu(menu);

ui->toolButton->setPopupMode(QToolButton::ToolButtonPopupMode::MenuButtonPopup);
QToolButton{
border: 2px solid #8f8f91;
border-radius: 6px;
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #f6f7fa, stop: 1 #dadbde);
}

QToolButton::menu-arrow{
background-color:red;
}

QToolButton::menu-arrow:open{
background-color:green;
}

 

19. ::menu-button, el botón de menú de QToolButton, la premisa de uso es la misma que la anterior

 

ejemplo:

QToolButton {
border: 2px solid #8f8f91;
border-radius: 6px;
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #f6f7fa, stop: 1 #dadbde);
}

QToolButton::menu-button {
background-color:blue;
}

20. ::menu-indicator, el indicador de menú de QPushButton. La premisa de uso es que QPushButton ha configurado el menú. ejemplo:

QMenu * menu = new QMenu(ui->pushButton);
menu->addAction("xxxx1")->setCheckable(true);
menu->addAction("xxxx2")->setCheckable(true);

ui->pushButton->setMenu(menu);
QPushButton QMenu::item
{
padding: 20px 20px 20px 60px;
}

QPushButton QMenu::indicator
{
width:32px;
height:32px;
}

QPushButton QMenu::indicator:unchecked
{
border-image: url(:/D:/uncheck.png);
}

QPushButton QMenu::indicator:checked
{
border-image: url(:/D:/check.png);
}

 

21、::flecha derecha。

Flecha derecha (horizontal) de QScrollBar, similar a ::flecha abajo.

QToolButton establece la flecha derecha del tipo de flecha derecha

QToolButton::right-arrow {
image: url(:/D:/a.png);
}

 

La flecha que abre el submenú cuando el QMenu tiene submenús. ejemplo:

QMenu * menu = new QMenu(ui->pushButton);
menu->addAction("xxxx1")->setCheckable(true);
menu->addAction("xxxx2")->setCheckable(true);
QMenu * menu2 = new QMenu(menu);
menu2->addAction("xxxxx333");
menu->addMenu(menu2);

ui->pushButton->setMenu(menu);
QPushButton QMenu::right-arrow{
background-color: red;
}

 

22. ::pane, la parte del borde de QTabWidget. ejemplo:

QTabWidget::pane {
border: 7px solid red;
border-radius:7px;
}

 

23、::esquina derecha

24. ::scroller, el botón de desplazamiento que aparece cuando hay demasiadas etiquetas en la QTabBar. Ven en parejas.

 

25. ::section, la parte del encabezado de QHeaderView. ejemplo:

QHeaderView::section {
background-color: green;
color: white;
padding-left: 4px;
border: 1px solid red;
}

QHeaderView::section:checked
{
background-color: red;
}

 

26. ::separator, el separador del menú.

27. ::sublínea, botón (vertical)/botón izquierdo (horizontal) en la barra de desplazamiento, correspondiente a ::add-line.

28. ::sub-page, la parte entre el control deslizante y la sub-línea, corresponde a ::add-page.

29. ::pestaña, QTabBar, pestaña QToolBox.

 

30. ::barra de pestañas, utilizada para controlar la posición de QTabBar en QTabWidget. Ejemplo 1:

QTabWidget::tab-bar {
alignment: center;
}

 

Ejemplo 2:

QTabWidget::tab-bar {
left: 25px;
}

 

31. ::tear, cuando hay demasiadas etiquetas QTabBar y la etiqueta actual no es la primera, aparecerá. ejemplo:

QTabBar::tear {
image: url(:/D:/a.png);
}

 

32. ::tearoff, el indicador desmontable de QMenu, haga clic en este subcontrol para que el menú se caiga y se convierta en una pequeña ventana, la premisa de usarlo es establecer: setTearOffEnabled(true). ejemplo:

QMenu * menu = new QMenu(ui->pushButton);

menu->addAction("xxxx1");
menu->addAction("xxxx2");
menu->setTearOffEnabled(true);
ui->pushButton->setMenu(menu);
QPushButton QMenu::item{
padding: 20px 20px 20px 20px;
}

QPushButton QMenu::tearoff{
background:red;
}

33、::texto

 

34. ::title, el título de QGroupBox y QDockWidget, ejemplo 1:

QGroupBox::title{
background:red;
}

 

Ejemplo 2:

QDockWidget::title{
background:red;
}

 

35. ::flecha arriba, flecha arriba, similar a ::flecha abajo.

36. ::botón arriba, botón arriba, similar al ::botón abajo.

Los beneficios de este artículo, gratis para recibir el paquete de materiales de aprendizaje de desarrollo Qt , video técnico, el contenido incluye ( base del lenguaje C ++ , introducción a la programación Qt , mecanismo de señal y ranura QT , desarrollo de interfaz QT : dibujo de imágenes, red QT , programación de base de datos QT , QT combate de proyectos, desarrollo integrado QT , módulo rápido , etc.) ↓↓↓↓↓↓ Vea a continuación ↓↓ Haga clic en la parte inferior del artículo para recibir la tarifa ↓

Enlace original: https://blog.csdn.net/kenfan1647/article/details/115582492

Supongo que te gusta

Origin blog.csdn.net/hw5230/article/details/131926143
Recomendado
Clasificación
Diario
Más
2024-05-19(0)
2024-05-18(30)
2024-05-17(4)
2024-05-16(22)
2024-05-15(5)
2024-05-14(10)
2024-05-13(7)
2024-05-12(22)
2024-05-11(31)
2024-05-10(32)

Code World

© 2018 codetd.com