QT设置按钮QPushButton上图片加文字

如何把一个Button的图标设置为图片加文字呢？
我们的思路是把图片文字分别放在QLabel上，并设置布局，再把布局嵌入到QPushbutton。
首先，我们在QTdesigner上放置一个Qpushbutton，按钮名btnLive，并设置其样式表：

QPushButton
{background-color:#1E90FF;//背景蓝色
border-radius: 10px;  //圆角弧度
}

效果如图所示：

然后我们在构造函数中加入如下代码：

    //new两个Label，一个放置图片，一个放置文本QLabel* labLiveIMG = new QLabel();QLabel* labLiveInfo = new QLabel();//加载图片到LabellabLiveIMG->setPixmap(QPixmap(":/Images/mainwin/home_video_btn.png"));//设置描述按钮功能的文字QString strLiveInfo = QObject::tr("live broadcast");labLiveInfo->setText(strLiveInfo);//设置文字的字样、字体、颜色等样式及文本框宽度labLiveInfo->setStyleSheet("font: 20px 'Microsoft YaHei';color:white;");labLiveInfo->setFixedWidth(200);//新建布局，把元素一一添加到布局，再把布局设置到按钮上QHBoxLayout* LayoutLiveInfo = new QHBoxLayout();LayoutLiveInfo->addSpacing(2);LayoutLiveInfo->addWidget(labLiveIMG);LayoutLiveInfo->addSpacing(10);LayoutLiveInfo->addWidget(labLiveInfo);LayoutLiveInfo->addStretch();_ui.btnLive->setLayout(LayoutLiveInfo);

其中addSpacing可以设置左边距，右边距及图片与文字的间隔。
另外要把图片加载到资源文件qrc中去，否则可能不会显示

最终我们就大功告成啦~效果：

QT设置按钮QPushButton上图片加文字相关推荐

Qt设置按钮背景图片，点击不显示背景
Qt设置按钮为图片样式方法资源中准备两张不同颜色的图片,qtcreator中右键按钮,选择Change styleSheet,输入如下代码: QPushButton{image: url(:/new ...
iOS修改图片尺寸和裁剪功能以及图片上加图片图片加文字（水印效果）
1.修改图片尺寸 - ( UIImage *)imageWithImageSimple:( UIImage *)image scaledToSize:( CGSize )newSize { ...
php gif图片加字,gif图片添加文字软件怎么给gif动态图片加文字
你知道怎么给gif动态图片加文字咩?Ahem!~ GIF分为静态GIF和动态GIF.一般动态gif图片添加文字如处理不好,就会变成静态图片了,这当然不是我们要的效果啦.那怎么给gif动态图片加文字,又 ...
ASP.NET(C#)图片加文字、图片水印
ASP.NET(C#)图片加文字.图片水印 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 2 ...
给图片加文字，加图片
'''给图片加文字''' from PIL import Image, ImageDraw, ImageFontfile = 'C:\\Users\\14399\\Desktop\\new_1.png ...
图片加文字如何制作？建议收藏下面这几个方法
前几天跟朋友出门去海边旅游,由于我的小侄子从小就非常喜欢海边,我就开始了扫荡式的拍照,各种海洋生物能拍的我都拍了.在我准备把照片传给小侄子的时候,我突然想到他可能都不太认识这些海洋生物,于是我就在照片 ...
图片加文字用什么软件？推荐这三款软件给你
当你在生活中,拍了一些好看的风景照,想要分享给朋友时,却总是感觉照片上少了些什么,有些单调,这时怎么办呢?我们可以利用一些软件来给照片中的事物添加文字介绍,从而凸显出照片的主题,使其效果更佳.那图片加 ...
阿里云 OSS 对象存储 OSS 图片加文字水印
阿里云 OSS 对象存储实际开发需先阅读阿里云 [OSS快速入门文档](https://help.aliyun.com/document_detail/31883.html?spm=5176.20 ...
视频图片加文字的二维码怎么做？教你在线制作二维码
想要把视频.图片以及文字做成二维码的时候,要怎么操作呢?其实,方法非常的简单,只需要使用操作简单的二维码生成器(https://www.jzx.com/)就能够快速完成二维码制作的操作.下面,给大家分 ...
.net core Graphics合成图片加文字
.net core Graphics合成图片加文字引用: using System; using System.Drawing; using System.Drawing.Text; 代码 stat ...

QT设置按钮QPushButton上图片加文字

QT设置按钮QPushButton上图片加文字相关推荐

最新文章

热门文章