Qt 实现按钮点击切换按钮图片

最近在做一个课程设计（智能家居管家），因为控制要用到门，灯，警报等一系列至少拥有两个状态的物品，所以想弄一个切换图片的效果，点击按钮一次，按钮上的图片切换成另一个图片（另一个状态），再次点击切换回去。

用到Qt中一个很强大的方法 setStyleSheet，先给按钮一个初始的border图片，可以直接用ui设计工具

将资源文件添加至resouce后，可以用上图方法将按钮变成图片（设置border-image），注意清空文字

当然也可以在构造函数中生成QPushButton后，用类似

 ui->my_button->setStyleSheet("QPushButton{border-image: url(:/new/icon/初始.png);border:none;color:rgb(255, 255, 255);}")方法设置border-image

设置好初始图片后，进入按钮点击槽函数 on_my_button_clicked()

ui->my_button->setStyleSheet("QPushButton{border-image: url(:/new/icon/更新.png);border:none;color:rgb(255, 255, 255);}")

即可完成切换，可以在类中声明静态变量记录点击次数，从而根据点击次数修改成想要的图片

需要注意的事，需要将图片的资源文件添加至文件夹下，url括号内填写resourses内的图片路径即可

补充；如果需要鼠标放在按钮上图片变化，可以在setStyleSheet 继续添加

QPushButton:hover

如果是按压按钮（不松手），添加QPushButton:pressed

Qt 实现按钮点击切换按钮图片相关推荐

qt中如何模拟按钮点击_Qt 实现按钮点击切换按钮图片
最近在做一个课程设计(智能家居管家),因为控制要用到门,灯,警报等一系列至少拥有两个状态的物品,所以想弄一个切换图片的效果,点击按钮一次,按钮上的图片切换成另一个图片(另一个状态),再次点击切换回去. ...
android切换字体颜色,Android开发实现按钮点击切换背景并修改文字颜色的方法
本文实例讲述了Android开发实现按钮点击切换背景并修改文字颜色的方法.分享给大家供大家参考,具体如下: 其实原理很简单,用到的是selector,用来设置android:background和an ...
Android之按钮点击事件——显示图片隐藏图片
哈喽!时隔两个月,我又和大家见面啦! 今天,我要分享的内容一如既往的很基础,即关于Android的按钮点击事件--显示图片&&隐藏图片,它的执行过程比较简单,所以这里我就不放什么图片或 ...
js 点击切换背景图片
您好,要使用JavaScript实现点击切换背景图片,可以按照以下步骤进行: 在HTML中,为需要切换背景图片的元素添加一个id属性,比如id="bg-img". 在JavaScr ...
鼠标点击按钮图片切换+自动切换+左右按钮点击切换效果
今天来分享一下[鼠标点击按钮,图片进行切换+图片自动切换+点击左右按钮图片进行切换的三种效果的组合代码]. 最后的效果如下: Html代码部分: <!doctype html>&l ...
离线百度地图，QT添加按钮点击切换卫星地图和街道地图
一 .首先,需要在自己的map.html文件内添加: var bdmapcfg;// 切换地图类型function satemap(){//百度地图api配置bdmapcfg = {'home':'. ...
Qt如何获取按钮点击时按钮上的文字？
使用Qt的信号机制就可以获取发送点击事件的按钮上的文字了.下面这个语句很常用: QString text = ((QPushButton*)sender())->text();
【iOS开发-39】为什么按钮点击时背景图片颜色灰蒙蒙的？与按钮的Type属性有关
因为iOS 7默认按钮的类型都是system,而system类型的按钮在按下时都会变成灰色,所以背景颜色都会有所改变. 所以,解决防范:改变按钮的Type属性为custom即可.
vue中怎么点击修改文字_Vue.js点击切换按钮改变内容
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

Qt 实现按钮点击切换按钮图片

Qt 实现按钮点击切换按钮图片相关推荐

最新文章

热门文章