QPushButton设置选中和未选择时的图标

发现checked状态图标不会改变,qproperty-icon设置对checked样式设置无效,无法实现自动切换;所以还是采用如下样式, 在代码里检测checked状态, 设置不同的样式。

如果没有文字,只是单独的图标,可以换成background-image:url(:/analysisCenter/Resources/analysisCenter/orderup.svg);可以正常改变,但是图标不会在文字左侧;

复制代码
QPushButton
{
    padding-left: 8px;
font-family: Microsoft YaHei UI;
font-size: 14px;
color: rgba(255,255,255,0.7);
line-height: 20px;
border: 1px solid #8f8f8f;
    qproperty-icon: url(:/analysisCenter/Resources/analysisCenter/orderup.svg);
    qproperty-iconSize: 20px 20px;
    qproperty-toolButtonStyle: ToolButtonTextBesideIcon;
}
QPushButton:checked
{
padding-left: 8px;
font-family: Microsoft YaHei UI;
font-size: 14px;
color: rgba(255,255,255,0.7);
line-height: 20px;
border: 0px;
    qproperty-icon: url(:/analysisCenter/Resources/analysisCenter/orderdown.svg);
    qproperty-iconSize: 20px 20px;
    qproperty-toolButtonStyle: ToolButtonTextBesideIcon;
}
复制代码

 

posted @   一字千金  阅读(764)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示