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;
}