设置QPushButton的ICon图标

最新推荐文章于 2025-09-18 10:43:25 发布
原创 最新推荐文章于 2025-09-18 10:43:25 发布 · 4.8k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了通过QSS设置QPushButton的方法，包括使用qproperty-iconSize设置ICON尺寸，使用qproperty-icon设置ICON，还给出了具体的代码示例，展示了字体、颜色等样式的设置。

#FrameName #pushButton{
    font-size:24px;
    font-family:MicrosoftYaHei;
    font-weight:bold;
    color:rgba(77,77,77,1);

    qproperty-iconSize:150px 112px;
    qproperty-icon: url(data/images/userMangaer/teacher.png) off, url(data/images/userMangaer/teacher-focus.png) on;
}

 

以上为通过QSS来设置QPushButton的方法。

      1、通过qproperty-iconSize来设置ICON的尺寸； 

      2、通过qproperty-icon:来设置ICON。

自定义QPushButton，通过设置icon，在不同状态下显示不同的图标
子建莫敌
08-29 926
默认QPushButton设置icon后，当鼠标hove或者press时，图标不会变更为对应状态的图片。通过重写按钮，设置图标值，实现不同状态对应不同图标
Qt之使用QSS设置QPushButton图标和文本的位置
草上爬的博客
08-11 9849
Qt之使用QSS设置QPushButton图标和文本的位置，本文将演示如何使用样式表控制按钮中的图标和本文。
QPushButton 灵活设置Icon 和文案
weixin_48807385的博客
12-10 717
QPushButton 设置 Icon 和 文案
Qt 之 QPushButton 使用icon
tq501501的博客
01-08 6607
1、首先创建添加图标文件 点击 qtapp.qrc ,弹出编辑对话框，如下 选择新建一个 Files 的 Prefix 后，再在这个文件夹下选择添加文件，我们添加一个 ic_folder.ico （在线制作ico图标）如下图： 2、代码中进行使用 QIcon myicon; //新建QIcon对象 myicon.addFile(tr(":/Files/ic_folder.ico")); //让QIcon对象指向想要的图标 folderButton->se...
Qt QML Q_PROPERTY详解
最新发布
jongden的专栏
09-18 789
Q_PROPERTY是 Qt 连接 C++ 与 QML、实现数据驱动 UI 的关键工具。通过声明属性并关联访问函数和通知信号，开发者可以高效地将 C++ 业务逻辑暴露到 QML 界面，同时利用元对象系统的反射能力实现灵活的运行时操作。并不是做什么事都非得有意义。请允许自己做一些无脑，无意义的事，比如说：目送一朵云。
QPushbutton设置ICON和文字
beibeix2015的博客
05-09 3787
2.如果想让icon显示在文字上方可使用QToolButton。3.在pushbutton上面使用label进行布局。缺点：无法设置icon和文字之间的距离。1.使用系统自带api。
QPushbutton设置icon和文字 （文字在图标下方）
热门推荐
thequitesunshine007的博客
03-09 1万+
1.使用系统自带api QIcon myicon1; myicon1.addFile(tr(":/image/Resource/new.png")); ui->new_btn->setIcon(myicon1); ui->new_btn->setIconSize(ui->new_btn->size()); //ui.btn_calib->setIconSize(QSize(90, 90));
QPushButton设置Icon在右文本在左显示
木可的博客
04-23 1万+
实现QPushButton控件Icon居右，text居左显示 如下效果图： function: QPushButton::setLayoutDirection(Qt::LayoutDirection direction);//设置部件的布局方向 实现： QPushButton * btn_button = new QPushButton(u8"点击按钮", this); btn_b...
【Qt】常用控件QPushButton
dab112的博客
08-18 1766
QPushButton是用于使用控件按钮
Qt Qss 设置QPushButton图标和背景
qq_44723937的博客
05-15 5532
Qt QSS通过background-repeat和background-position设置背景图片位置
QT小知识：为按钮QButton的文本添加图标Icon
weixin_61501031的博客
09-09 1618
Tips：QPushButton能且一般仅能实现左右结构的——“图标文本按钮”Tips：QToolButton能实现上下甚至更多结构的——“图标文本按钮”然后我们发现了漂亮的图标库（Icon）——阿里巴巴矢量图库，然后...2.左图标右文本按钮Button（QPushButton）3.上图标下文本按钮Button（QToolButton）1.）添加QPushButton，写上文本"文件管理"。1.）添加QToolButton，写上文本"文件管理"。2.）按如下步骤添加和设置图标属性。
带Icon的自绘PushButton
11-14
带Icon的自绘PushButton
qt改变按钮PushButtion图标
Hat_man_的博客
05-09 2485
QPushButton *button = new QPushButton("按钮");// 设置按钮的图标 button->setIcon(icon);// 显示按钮 button->show();// 创建一个 QPushButton 对象。// 创建一个 QIcon 对象。
Qt的QPushButton设置图标////////////QT随机数
wow_awsl_qwq的博客
09-11 179
图标 https://blog.youkuaiyun.com/hanxiaoyong_/article/details/117253027 随机数 https://www.cnblogs.com/findumars/p/9124087.html
Qt: QPushButton 按钮实现 上图标下文字
q610098308的专栏
06-23 3993
Qt: 有时我们需要实现，上图标下文字的按钮
【Qt学习】QPushButton添加图标 并通过快捷键控制该图标
卜及中的博客
02-23 2369
我们知道：QPushButton表示一个按钮用于响应用户的点击事件。QPushButton可以显示文本、图标或同时显示两者，也可以设置按钮的样式和状态。用QPushButton设置图标，并设置快捷键控制该图标。
Qt 给QpushButton添加样式实现切换Icon失败
weixin_50056697的博客
03-23 271
我在编写一个小Qt项目的时候，希望创建一个能够切换图标的QPushButton，AI给我写的代码使用的是如下可我实际运行时候却发现icon根本没有切换。我创建了一个新项目，只放了这一段代码。
QT给pushbutton贴图
weixin_42058099的博客
03-23 3398
两种方法 前提，先给工程文件添加资源文件，如图。按照需求填写后缀，然后添加图片文件 一、在.ui界面文件中点击需要添加背景图片的button，在属性栏中找到stylesheet栏，点击后面的省略号， 如图，点击下黑三角，选择background ，选择需要的图片。 二、代码添加 如下所示，头文件#include"QIcon" MainWindow::MainWindow(QWidget *p...
Qt QPushButton按钮用法详解
ccc369639963的博客
01-24 1万+
Qt QPushButton按钮用法详解 按钮是 GUI 开发中最常用到的一种控件，作为一款著名的 GUI 开发框架，Qt 提供了很多种按钮，比如 QPushButton（普通按钮）、QRadioButton（单选按钮）、QToolButton（工具栏按钮）等。 QPushButton 是实际开发中最常使用的一种按钮，本节就给大家详细讲解它的用法。 QPushButton按钮的创建 QPushButton 类间接继承自 QWidget 类，它的继承关系如下： QPushButton -> QAbst
QPushButton设置图标
03-26
<think>好的，用户现在想了解如何在Qt中使用QPushButton设置图标。首先，我需要回忆一下QPushButton的相关方法和属性。记得QPushButton有setIcon()方法，可以设置图标，同时还有setIconSize()来控制图标的大小。另外，用户之前的问题涉及到样式表的使用，可能他们也对如何通过样式表来进一步美化图标按钮感兴趣。 接下来，我需要考虑用户可能的实际需求。他们可能是在开发一个带有图标的按钮，比如工具栏按钮或者自定义风格的按钮。需要确保回答覆盖到基本用法，同时包括一些高级技巧，比如动态切换图标、样式表调整以及可能遇到的常见问题，比如图标不显示的原因。 然后，分析用户提供的之前的代码片段，他们在样式表中使用了背景透明和动态尺寸计算，这可能意味着他们对图标和按钮的视觉效果有较高要求。因此，在回答时需要提到如何结合样式表来优化图标显示，比如调整内边距、悬停效果等。 另外，用户之前的问题中提到了参数不匹配的问题，所以在示例代码中要特别注意参数的正确使用，避免出现类似的错误。可能需要强调Qt中资源路径的正确引用方法，比如使用资源文件的前缀，或者绝对路径，防止图标加载失败。 还要考虑不同场景下的图标设置方法，比如使用QPixmap还是QIcon，以及如何根据按钮状态（正常、悬停、按下）切换图标。同时，可能用户需要了解如何调整图标和文本的位置，使用布局属性或者样式表来实现。 最后，总结常见问题，比如图标不显示的可能原因，帮助用户排查问题，这样他们可以自行解决开发中遇到的类似问题。确保回答结构清晰，分点说明，便于用户理解。</think>### QPushButton图标设置全解（含基础用法+高级技巧） #### 一、基础设置方法 ```cpp // 创建按钮 QPushButton *btn = new QPushButton("下载", this); // 核心方法 btn->setIcon(QIcon(":/icons/download.png")); // 设置图标 btn->setIconSize(QSize(32, 32)); // 必须设置有效尺寸 btn->setStyleSheet("padding: 5px;"); // 调整图标文字间距 ``` #### 二、进阶用法 **1. 动态图标切换** ```cpp // 根据状态切换图标 btn->setIcon(QIcon( isHovered ? ":/icons/hover.png" : ":/icons/normal.png" )); // 使用QSS状态选择器 btn->setStyleSheet(R"( QPushButton:hover { qproperty-icon: url(:/icons/hover); } QPushButton:pressed { qproperty-icon: url(:/icons/active); } )"); ``` **2. 矢量图标适配方案** ```cpp // 根据DPI自动缩放 int iconSize = qRound(16 * devicePixelRatioF()); btn->setIconSize(QSize(iconSize, iconSize)); // 使用SVG矢量图 QSvgRenderer renderer(QString(":/icons/vector.svg")); QPixmap pixmap(iconSize, iconSize); pixmap.fill(Qt::transparent); QPainter painter(&pixmap); renderer.render(&painter); btn->setIcon(QIcon(pixmap)); ``` #### 三、样式表深度整合 **1. 图标定位技巧** ```cpp // 图标在文字右侧（默认左侧） btn->setStyleSheet(R"( QPushButton { qproperty-icon: url(:/icons/arrow.png); image-position: right cente
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值