Qt:上图标下文字的按钮

最新推荐文章于 2024-07-25 16:41:34 发布

忘了礼拜几的宇航员

最新推荐文章于 2024-07-25 16:41:34 发布

阅读量2.1k

点赞数 6

分类专栏： Qt——新手小白进阶学习之路文章标签： qt 开发语言 ui c++

本文链接：https://blog.csdn.net/Healer_CC/article/details/130014929

版权

Qt——新手小白进阶学习之路专栏收录该内容

16 篇文章 1 订阅

订阅专栏

方法一：QPushButton用qss自定义设置上图标下文字的样式

    QPushButton#pushButton_close{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border: none;
    font: bold 16px;
    color: #0B68D0;
    text-align:bottom;
    border-radius: 6px;
    background-color: #FFFFFF;
    background-image: url(:/images/close.png);
    background-position: top;
    background-origin: content;
    background-repeat: no-repeat;

方法二：使用QToolButton设置Qt::ToolButtonTextUnderIcon

ui->toolButton->setToolButtonStyle(Qt::ToolButtonTextUnderIcon);

qss样式设置：

QToolButton#toolButton {
qproperty-icon:url(:/images/close.png);
qproperty-iconSize: 40px 40px;
border: 1px solid transparent;
border-radius: 15px;
background-color: transparent;
font-size: 16px;
color:#0B68D0;
border-radius: 6px;
background-color: #FFFFFF;
}

方法三：重写QPushButton类自定义上图标下文字的按钮控件类

void MyPushButton::drawIcon(QPainter *painter)
{
   const QRect btnRect = QRect(10, 10, 80, 80);
   const QSize iconSize = QSize(40, 40);

   QPixmap pix(":/images/close.png");
   painter->save();
   painter->setRenderHints(QPainter::Antialiasing | QPainter::SmoothPixmapTransform);


   painter->drawPixmap(QRect((btnRect.width()  - iconSize.width() ) / 2,
                             6,
                             iconSize.width(),
                             iconSize.height()),
                             pix);
   painter->restore();
}

void MyPushButton::drawText(QPainter *painter)
{
    const QRect btnRect = QRect(10, 10, 80, 80);
    const QSize iconSize = QSize(40, 40);

    painter->save();
    painter->setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);

    QFont font = this->font();

    font.setPixelSize(16);

    painter->setFont(font);

    painter->drawText(QRect( 0,
                             (6 + iconSize.height()),
                             btnRect.width(),
                             (btnRect.height() - (6 + iconSize.height()))),
                             Qt::AlignCenter,
                             "关闭");

    painter->restore();
}

void MyPushButton::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QStyleOption opt;
    opt.init(this);
    style()->drawPrimitive(QStyle::PE_Widget,&opt, &painter, this);
    QPushButton::paintEvent(event);
    drawIcon(&painter);
    drawText(&painter);
}