QCheckBox:disabled indicator 图片样式添加
时间: 2024-03-10 09:51:08 浏览: 191
要添加禁用状态的 QCheckBox 指示器图片样式,可以使用如下样式表:
```
QCheckBox::indicator:disabled {
image: url(disabled_indicator.png);
}
```
其中,`disabled_indicator.png` 是你想要显示的禁用状态指示器图片的路径。请将其替换为你实际的图片路径。
相关问题
qcheckbox样式表
QCheckBox也可以使用样式表进行自定义样式,以下是一些常用的样式表:
1. 设置背景颜色和字体颜色
```
QCheckBox {
background-color: #F7D358;
color: #000000;
}
```
2. 设置勾选框大小和位置
```
QCheckBox::indicator {
width: 20px;
height: 20px;
position: absolute;
top: 0px;
left: 0px;
}
```
3. 设置勾选框的背景颜色和边框颜色
```
QCheckBox::indicator:checked {
background-color: #00FF00;
border: 1px solid #000000;
}
```
4. 设置选中时的图标
```
QCheckBox::indicator:checked {
image: url(check.png);
}
```
5. 设置未选中时的图标
```
QCheckBox::indicator:unchecked {
image: url(uncheck.png);
}
```
6. 设置鼠标悬停时的背景颜色和边框颜色
```
QCheckBox:hover {
background-color: #F5A9A9;
border: 1px solid #000000;
}
```
7. 设置禁用状态下的样式
```
QCheckBox:disabled {
color: #C0C0C0;
background-color: #F0F0F0;
}
```
以上样式表可以根据需要进行组合使用,实现更丰富的样式效果。
qt 列出QCheckBox的全部样式代码
以下是QCheckBox的所有样式代码:
```cpp
QCheckBox {
background-color: transparent; /* 背景透明 */
color: #333; /* 文字颜色 */
font-weight: bold; /* 文字粗细 */
font-size: 16px; /* 文字大小 */
}
QCheckBox::indicator {
width: 20px; /* 大小 */
height: 20px;
}
/* 未选中状态 */
QCheckBox::indicator:unchecked {
image: url(:/unchecked.png); /* 图片路径 */
}
/* 鼠标悬浮在未选中状态下 */
QCheckBox::indicator:unchecked:hover {
image: url(:/unchecked_hover.png); /* 悬浮后的图片路径 */
}
/* 选中状态 */
QCheckBox::indicator:checked {
image: url(:/checked.png); /* 图片路径 */
}
/* 鼠标悬浮在选中状态下 */
QCheckBox::indicator:checked:hover {
image: url(:/checked_hover.png); /* 悬浮后的图片路径 */
}
/* 不可用状态 */
QCheckBox::indicator:disabled {
image: url(:/unchecked_disabled.png); /* 不可用状态下的图片路径 */
}
/* 鼠标悬浮在不可用状态下 */
QCheckBox::indicator:disabled:hover {
image: url(:/unchecked_disabled_hover.png); /* 悬浮后的图片路径 */
}
/* 勾选标记的位置 */
QCheckBox::indicator:unchecked:pressed, QCheckBox::indicator:checked:pressed {
padding: -1px; /* 偏移量 */
}
```
这些样式可以用于自定义QCheckBox的外观。注意,`:hover` 和 `:disabled:hover` 伪类只有在支持动态伪类的平台上才能生效。
阅读全文