Qt按钮左边图片右边文字方法一：设置按钮内部布局方法二：样式表

62 阅读 0 评论 41 点赞

我是靠谱客的博主勤奋棒球，最近开发中收集的这篇文章主要介绍Qt按钮左边图片右边文字方法一：设置按钮内部布局方法二：样式表，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在Qt中实现按钮的图片在左，文字在右，主要有两种方法，如下：

方法一：设置按钮内部布局

ui->pushButton->setIcon(QIcon(":/pic/share.png"));
ui->pushButton->setLayoutDirection(Qt::LeftToRight);

效果如下：
在这里插入图片描述
按钮的其它效果可以再用样式表实现。

方法二：样式表

QString btnStyle = "QPushButton{"
    "background-image: url(:/pic/share.png);"
    "background-repeat: no-repeat;"
    "background-origin: padding;"
    "background-position: left;"
    "padding-left:30px;"
    "border: none;"
    "background-color: rgb(255, 255, 255);"
    "color:rgb(0, 0, 0);"
    "text-align:left;"
"}";

ui->pushButton->setStyleSheet(btnStyle);