Qt中QComboBox中自定义界面使用stylesheet实现下拉按钮独立效果

使用QSS自定义控件界面时,QT中控件QCombobox含有两个子控件drop-down和down-arrow.一般而言,当改变QCombox时,很多效果都会出来,但是,针对下拉按钮和下拉图标的自定义效果需要通过QComboBox::drop-down和QComboBox::down-arrow来定义.

下面我们将展示去除下拉按钮的下拉效果.

QComboBox{
    background:white;
}
QComboBox::drop-down {
    border:none;
}
QComboBox::down-arrow {
     image: url(:/ui/1downarrow.png);
}

这个代码就实现了去除下拉按钮,保留了下拉图标的方案.

#include "mainwindow.h"
#include "ui_mainwindow.h"


#include <QFile>
#include <QTextStream>
#include <QDebug>
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    QFile myfile(":/ui/ui.qss");

    myfile.open(QIODevice::ReadOnly|QIODevice::Text);
    QTextStream in(&myfile);
    QString str = in.readAll();
    this->setStyleSheet(str);

}

MainWindow::~MainWindow()
{
    delete ui;
}