写点什么

QComboBox 样式表

作者:用户10086
  • 2022 年 7 月 18 日
  • 本文字数:867 字

    阅读完需:约 3 分钟

前言

QComboBox 的使用过程中,他的美化数不胜数,但是在 QComboBox 的美化过程中,他与别的控件使用方法不大一样,他需要设置在 QComboBox,下面的内容会详细的介绍在 QComboBox 的美化使用。


m_comboBoxPain = new QComboBox(this);m_comboBoxPain->setView(new QListView());
复制代码


第一句是为了使用这个控件,第二句特别重要!!!


setView(new QListView()) 在设置 QComboBox 的下拉框美化时一定一定要加上这句话,否则你所做的一切关于下拉框的美化,全部功亏一篑!

样式表设置

  QComboBox QAbstractItemView::item{height:30px;}"
复制代码


用于设置下拉后,整个下拉窗体中每一项的样式



QComboBox QAbstractItemView {outline: 0px solid gray;}"
复制代码


用于设置下拉后,整个下拉窗体的样式



QComboBox QAbstractItemView::item:hover {color: #333333;background-color: #ecf4f4;}"
复制代码


用于设置下拉后,悬浮经过某一项的样式


 "QComboBox QAbstractItemView::item:selected {color: #333333;background-color: #ecf4f4;}"
复制代码


整个下拉窗体被选择的每项的样式

下拉框的滚动条

 "QComboBox QAbstractScrollArea QScrollBar:vertical {width: 10px;background-color: #FFFFFF;}"
复制代码


用于设置下拉框中的垂直滚动条,但是要注意的是 这个使用来设置整个滚动条,而他设置的背景颜色是设置的滑动球之外的区域的背景色


  "QComboBox QAbstractScrollArea QScrollBar::handle:vertical {border-radius: 5px;background: rgb(220,220,220);}"
复制代码


用于设置滑动球的内容 这里的背景色适用于设置滑动球的球体颜色


"QComboBox QAbstractScrollArea QScrollBar::handle:vertical:hover {border-radius: 5px; background: rgb(190,190,190);"
复制代码


用于设置悬浮经过滑动球的样式


注:这里的滑动球的圆角和滚动条的宽度我是测试好了的,我有在尝试改变其中某一项,但是都会导致滑动球的圆角消失,他家也可以自己测试测试!

总结

在 QComboBox 的美化过程中,踩了大坑,我都有点怀疑人生,为什么别的可以他不可以,所以在大家使用的过程中一定要仔细发现大的不同住处,否则可能会因为一句话而导致你的整个程序无法正常显示 美化效果。

发布于: 刚刚阅读数: 3
用户头像

用户10086

关注

还未添加个人签名 2022.07.01 加入

一个辣椒爱好者

评论

发布
暂无评论
QComboBox 样式表_qt_用户10086_InfoQ写作社区