QComboBox下拉框

/* 未下拉时，QComboBox的样式 */
QComboBox {
border: 1px solid gray; /* 边框 */
border-radius: 3px; /* 圆角 */
padding: 1px 18px 1px 3px; /* 字体填衬 */
color: #000;
font: normal normal 15px "Microsoft YaHei";
background: transparent;
}

/* 下拉后，整个下拉窗体样式 */
QComboBox QAbstractItemView {
outline: 0px solid gray; /* 选定项的虚框 */
border: 1px solid yellow; /* 整个下拉窗体的边框 */
color: green;
background-color: red; /* 整个下拉窗体的背景色 */
selection-background-color: lightgreen; /* 整个下拉窗体被选中项的背景色 */
}

/* 下拉后，整个下拉窗体每项的样式 */
QComboBox QAbstractItemView::item {
height: 50px; /* 项的高度（设置pComboBox->setView(new QListView());后，该项才起作用） */
}

/* 下拉后，整个下拉窗体越过每项的样式 */
QComboBox QAbstractItemView::item:hover {
color: #FFFFFF;
background-color: lightgreen; /* 整个下拉窗体越过每项的背景色 */
}

/* 下拉后，整个下拉窗体被选择的每项的样式 */
QComboBox QAbstractItemView::item:selected {
color: #FFFFFF;
background-color: lightgreen;
}

/* QComboBox中的垂直滚动条 */
QComboBox QAbstractScrollArea QScrollBar:vertical {
width: 10px;
background-color: #d0d2d4; /* 空白区域的背景色*/
}

QComboBox QAbstractScrollArea QScrollBar::handle:vertical {
border-radius: 5px; /* 圆角 */
background: rgb(160,160,160); /* 小方块的背景色深灰lightblue */
}

QComboBox QAbstractScrollArea QScrollBar::handle:vertical:hover {
background: rgb(90, 91, 93); /* 越过小方块的背景色yellow */
}

/* 设置为可编辑（setEditable(true)）editable时，编辑区域的样式 */
QComboBox:editable {
background: green;
}

/* 设置为非编辑（setEditable(false)）!editable时，整个QComboBox的样式 */
QComboBox:!editable {
background: blue;
}

/* 设置为可编辑editable时，点击整个QComboBox的样式 */
QComboBox:editable:on {
background: green;
}

/* 设置为非编辑!editable时，点击整个QComboBox的样式 */
QComboBox:!editable:on {
background: blue;
}

/* 设置为可编辑editable时，下拉框的样式 */
QComboBox::drop-down:editable {
background: lightblue;
}

/* 设置为可编辑editable时，点击下拉框的样式 */
QComboBox::drop-down:editable:on {
background: lightgreen;
}

/* 设置为非编辑!editable时，下拉框的样式 */
QComboBox::drop-down:!editable {
background: lightblue;
}

/* 设置为非编辑!editable时，点击下拉框的样式 */
QComboBox::drop-down:!editable:on {
background: lightgreen;
}

/* 点击QComboBox */
QComboBox:on {
}

/* 下拉框样式 */
QComboBox::drop-down {
subcontrol-origin: padding; /* 子控件在父元素中的原点矩形。如果未指定此属性，则默认为padding。 */
subcontrol-position: top right; /* 下拉框的位置（右上） */
width: 15px; /* 下拉框的宽度 */

border-left-width: 1px; /* 下拉框的左边界线宽度 */
border-left-color: darkgray; /* 下拉框的左边界线颜色 */
border-left-style: solid; /* 下拉框的左边界线为实线 */
border-top-right-radius: 3px; /* 下拉框的右上边界线的圆角半径（应和整个QComboBox右上边界线的圆角半径一致） */
border-bottom-right-radius: 3px; /* 同上 */
}
　/* 越过下拉框样式 */
　QComboBox::drop-down:hover {
　　　background: yellow;
　}
/* 下拉箭头样式 */ QComboBox::down-arrow {　　width: 15px; /* 下拉箭头的宽度（建议与下拉框drop-down的宽度一致） */ 　　background: transparent; /* 下拉箭头的的背景色 */ 　　padding: 0px 0px 0px 0px; /* 上内边距、右内边距、下内边距、左内边距 */　　image: url(:/images/combobox_arrow_down.png); } /* 点击下拉箭头 */ QComboBox::down-arrow:on { 　　image: url(:/images/combobox_arrow_up.png); /* 显示下拉箭头 */ }
　　注意：
　　QComboBox* pComboBox = new QComboBox(this);
　　pComboBox->setView(new QListView()); //下拉列表项高才能生效

QComboBox下拉框相关推荐

Qt QComboBox下拉框文字重叠解决方法
Qt QComboBox下拉框文字重叠解决方法参考文章: (1)Qt QComboBox下拉框文字重叠解决方法 (2)https://www.cnblogs.com/nanqiang/p/10559 ...
QComboBox下拉框文字如何在字体变大之后自适应高度
一.简述一般我们给QComboBox设置完字体之后,在显示上并没有什么问题如下图. a.正常状态由于程序在最大化的时候,因为主窗口尺寸变大,需要整体改变所有控件的尺寸,文字的大小,所以在窗口最大化 ...
QComboBox下拉框条目高度的调整
今天在做活时,碰到如下问题:如果字体尺寸被加大,但是下拉框的条目的高度并没有自动调整,出现了重叠. 经过许久的查找,总结方法如下: 1.先在qss文件中定义 QComboBox QAbstractIt ...
PyQt5 技术篇-QComboBox下拉框绑定监听事件实例演示
currentIndexChanged.connect() 用于监听当前选择的索引改变. 即,选择的内容改变就会触发! items = ["脚本录制", "脚本回放&qu ...
PyQt5 技术篇-设置QComboBox下拉框默认值，获取下拉框当前选择的内容
setCurrentIndex() 就可以通过索引设置当前内容为items里的某个值,从0开始. 例:"2"就代表"脚本管理" currentText() 就可 ...
QComboBox自定义（一）--类似QQ登陆界面的下拉框
刚学Qt的时候,初步经历的第一个学习项目基本上都是LANQQ,初识时,不懂QSS,不懂布局,绘制界面最简单的方式成了使用designer拉满整个界面的控件,或者使用代码写了一些很蹩脚的布局.也是很羡慕 ...
Qt实现复选下拉框 C++
文章目录一.QListWidget+QListWidgetItem 二.activate(int) 总结一.QListWidget+QListWidgetItem 实现QComboBox下拉框复选 ...
Qt自定义一个下拉框（使用基础组件组合）
0.前言 Qt提供了一个QComboBox下拉框组件,但是对于一些自定义样式的需求实现起来并不方便,很多东西还得去倒腾源码,还不如直接用基础的组件自己来实现一个下拉框.不过,自己组合的组件对样式表的支 ...
QComboBox下拉选择框
QComboBox简介 QComboBox 是下拉列表框组件类,它提供一个下拉列表供用户选择,也可以直接当作一个 QLineEdit 用作输入. QComboBox 除了显示可见下拉列表外,每个项(i ...
【pyqt5学习】——下拉框comboBox
# 向下拉框中添加选型,具体为在下拉框第index+1个选型设置为内容name self.comboBox.addItem(name,index+1) # 将下拉框中所有的选项删除 self.comb ...

QComboBox下拉框

QComboBox下拉框相关推荐

最新文章

热门文章