Qt的qss通过动态属性来改变样式

文章介绍了在Qt编程中,如何根据逻辑动态改变QPushButton的样式。方法包括直接设置stylesheet、添加动态属性和修改类名。每种方法都包含设置样式和根据逻辑切换样式的步骤,其中后两种方法利于样式管理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在实际应用中,会存在这样的需求:同一个按钮根据不同的逻辑显示不同的样式,比如,成功显示绿色失败显示红色进行中显示黄色

有3种实现方式:

第一种方式:每次修改逻辑时直接设置stylesheet即可

成功时修改样式为
btn->setStyleSheet("QPushButton{background-color:green;}");

失败时修改样式为
btn->setStyleSheet("QPushButton{background-color:red;}");

进行中时修改样式为
btn->setStyleSheet("QPushButton{background-color:yellow;}");

第二种方式:动态增加属性,配置好所有状态的样式表并加载,然后通过修改属性的方式来实现

//=========第一步,设置样式
/*可以用该窗口的this方式设置,这样该窗口所有的继承自QPushButton的都拥有这个样式
**也可以使用qApp去设置,这样所有的窗口QPushButton都有这个样式。
this->setStyleSheet(
                "QPushButton[state='ok'] {background-color:green;}"
                "QPushButton[state='fail'] {background-color:red;}"
                "QPushButton[state='running'] {background-color:yellow;}");
*/
//此情况下,只有btn这个对象独享该样式
btn->setStyleSheet(
                "QPushButton[state='ok'] {background-color:green;}"
                "QPushButton[state='fail'] {background-color:red;}"
                "QPushButton[state='running'] {background-color:yellow;}");


//=====第二步,在需要的位置根据逻辑设置自定义动态属性即可
btn->setProperty("state","ok");      //成功时设置此动态属性值
btn->setProperty("state","fail");    //失败时设置此动态属性值
btn->setProperty("state","running"); //进行时设置此动态属性值
btn->setProperty("state",QVariant());//常态时设置此动态属性值

//设置完上述动态属性值后,我们发现,样式可能没有效果,这是因为样式没有刷新,需要强制刷新一下。
//另外还发现:如果使用 btn->setStyleSheet,则需要btn->style()去polish,否则不起作用
//         如果使用this->setStyleSheet或者qApp,则用 this->style()或者btn->style()都可以。
//所以统一就用对象本身比较好
btn->style()->unpolish(btn); //清除旧的样式
btn->style()->polish(btn);   //更新为新的样式

第三种方式:通过修改类的方式来实现动态切换样式

//=========第一步,设置样式
//具体用对象本身还是this抑或是qApp,请参考上一个说明
btnAA->setStyleSheet(
                ".GreenState {background-color:green;}"
                ".RedState {background-color:red;}"
                ".YellowState {background-color:yellow;}");

//=====第二步,在需要的位置根据逻辑设置属性类名
btn->setProperty("class","GreenState");
btn->setProperty("class","RedState");
btn->setProperty("class","YellowState");
btn->setProperty("class",QVariant());

//第三步,具体说明请参考上一个说明
btn->style()->unpolish(btn);
btn->style()->polish(btn);

这3种方式中:

第一种方式是将样式直接写到代码里面 ,虽然也可以通过配置文件的方式(比如json)来操作,但是很零散。

第二种和第三种方式可以将样式写到css文件中,比较友好,方便样式管理。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值