QT按钮包含图片与文字，以及鼠标停留备注显示，和sheetstyle风格设置。

一、按键包含图片与文字，以文字的方向设定。

        使用QToolButton按键创建对象

  textAndImage::textAndImage(QWidget *parent) :QMainWindow(parent),
    ui(new Ui::textAndImage)
{
    ui->setupUi(this);
    ui->refreshToolButton->setText(tr("刷新"));
    ui->refreshToolButton->setIcon(QPixmap(":/image/10IK012614.png"));
    ui->refreshToolButton->setIconSize(QPixmap(":/image/10IK012614.png").size());
    ui->refreshToolButton->setAutoRaise(true);
    ui->refreshToolButton->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);

    ui->musictoolbutton->setText(tr("音乐"));
    ui->musictoolbutton->setIcon(QPixmap(":/image/10IK05Q25.png"));
    ui->musictoolbutton->setIconSize(QPixmap(":/image/10IK05Q25.png").size());
    ui->musictoolbutton->setAutoRaise(true);
    ui->musictoolbutton->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);

    ui->stoptoolbutton->setText(tr("暂停"));
    ui->stoptoolbutton->setIcon(QPixmap(":/image/10IK0M92.png"));
    ui->stoptoolbutton->setIconSize(QPixmap(":/image/10IK0M92.png").size());
    ui->stoptoolbutton->setAutoRaise(true);
    ui->stoptoolbutton->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);

    ui->powertoolbutton->setText(tr("电源"));
    ui->powertoolbutton->setIcon(QPixmap(":/image/10IK0M28.png"));
    ui->powertoolbutton->setIconSize(QPixmap(":/image/10IK0M28.png").size());
    ui->powertoolbutton->setAutoRaise(true);
    ui->powertoolbutton->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);

    ui->soundtoolbutton->setText(tr("声音"));
    ui->soundtoolbutton->setIcon(QPixmap(":/image/10IK05F9.png"));
    ui->soundtoolbutton->setIconSize(QPixmap(":/image/10IK05F9.png").size());
    ui->soundtoolbutton->setAutoRaise(true);
    ui->soundtoolbutton->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);

}

 

二、sheetstyle风格的设置。

QString sheetStyle = "QToolButton{background-color:rgb(80,180,200);color:rgb(56, 49, 255);border-radius:12px;border:2px groove gray;border-style:outset;font: 75 12pt Ubuntu;}"\
                     "QToolButton:hover{background-color:white;color:black;}"\
                     "QToolButton:pressed{background-color:rgb(85,170,255);border-style:inset;}";
int main(int argc, char *argv[])
{
    QTextCodec::setCodecForTr(QTextCodec::codecForLocale());
    QApplication a(argc, argv);
    QStyleFactory style;

    a.setStyle(style.create(sheetStyle));
    a.setStyleSheet(sheetStyle);
    textAndImage w;
    w.show();
    return a.exec();
}

 

三、鼠标停留显示备注

       在qt creator中选中对象，进入其属性设置对话框，双击“toolTip选项”，就可以进行设置了，如图：

 

四、最后按键的效果图如下：