QComboBox设置下拉选项框行高

键盘会跳舞

已于 2024-08-06 21:33:51 修改

阅读量2.7k

点赞数 1

分类专栏： # Qt框架基础 # QSS样式与UI设计文章标签： QComboBox QComboBox设置行高 QComboBox样式表

于 2020-10-09 17:12:36 首次发布

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/weixin_39568531/article/details/108982363

版权

Qt框架基础同时被 2 个专栏收录

82 篇文章

订阅专栏

QSS样式与UI设计

13 篇文章

订阅专栏

本文介绍如何使用Qt设置QComboBox的下拉选项框行高及宽度，并提供了一个详细的样式表示例，展示了如何定制QComboBox的外观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    QStringList list;
    list << "1" << "2" << "3";
    ui->comboBox->addItems(list);
    ui->comboBox->setStyleSheet("QComboBox { min-height: 30px; min-width: 60px;}"
                                "QComboBox QAbstractItemView::item { min-height: 30px; min-width: 60px;}");
    ui->comboBox->setView(new QListView());

顺便附一个QComboBox的样式表Example：

QComboBox {
     border: 1px solid gray;
     border-radius: 3px;
     padding: 1px 18px 1px 3px;
     min-width: 6em;
 }

 QComboBox:editable {
     background: white;
 }

 QComboBox:!editable, QComboBox::drop-down:editable {
      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                  stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
                                  stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
 }

 /* QComboBox gets the "on" state when the popup is open */
 QComboBox:!editable:on, QComboBox::drop-down:editable:on {
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                 stop: 0 #D3D3D3, stop: 0.4 #D8D8D8,
                                 stop: 0.5 #DDDDDD, stop: 1.0 #E1E1E1);
 }

 QComboBox:on { /* shift the text when the popup opens */
     padding-top: 3px;
     padding-left: 4px;
 }

 QComboBox::drop-down {
     subcontrol-origin: padding;
     subcontrol-position: top right;
     width: 15px;

     border-left-width: 1px;
     border-left-color: darkgray;
     border-left-style: solid; /* just a single line */
     border-top-right-radius: 3px; /* same radius as the QComboBox */
     border-bottom-right-radius: 3px;
 }

 QComboBox::down-arrow {
     image: url(/usr/share/icons/crystalsvg/16x16/actions/1downarrow.png);
 }

 QComboBox::down-arrow:on { /* shift the arrow when popup is open */
     top: 1px;
     left: 1px;
 }

QComboBox QAbstractItemView {
     border: 2px solid darkgray;
     selection-background-color: lightgray;
 }