Qt通过setProperty来达到设置控件的不同样式表

文章目录

• 前言
• 根据不同的属性显示不一样的样式
• setProperty
• Q_PROPERTY和DynamicProperty

前言

最近在做项目的时候，找了一个开源的小控件，发现里面有一个设置样式的骚操作，就是根据控件的不同属性来显示不同的样式。比如如下：
代码是在网上找的大佬的样式：Qt分页导航控件

根据不同的属性显示不一样的样式

这下面是我自己的qss，根据当前页面按钮的不同属性来确定样式

PageNavigator QLabel[page=true]
{
    color: rgba(139, 184, 239, 1);
    border-radius: 12px;
}

PageNavigator QLabel[currentPage=true]
{
    background-color: rgba(31, 96, 159, 1);
    color: rgb(255, 255, 255);
    border-radius: 12px;
}

PageNavigator QLabel[page=true]:hover
{
    color: white;
    border-radius: 12px;
    background-color: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1,stop:0 rgba(53, 121, 238, 255), stop:1 rgba(0, 202, 237, 255));
}

[page=true]就代表当PageNavigator类中的QLable的page属性等于true时的样式，

setProperty

而这个属性呢，设置是调用这个函数的setProperty，

label->setProperty("page", "true");
// label.setProperty("page", true); 这个也是可以的

但是这里我又有一个疑问，既然是设置属性，那为什么不要像我自己之前了解的那些要用Q_PROPERTY呢，后面再Qt的官方文档里，看到了部分；

Q_PROPERTY和DynamicProperty

setProperty这个函数是如果设置的属性没有用Q_PROPERTY定义，只添加一个dynamicProperty，Q_PROPERTY则是写在metaObject，添加到metaObject的这些属性，可以用在qml调用c++的时候，能够暴露c++的属性来给qml处理，同样也可以在Qt Creator里的设计界面显示出来。而setProperty就是简简单单的设置动态属性，不会在设计界面显示出来。
在你使用了这个设置属性之后，最好是调用一遍这个接口style()->polish()来更新一下样式表，否则可能会没有作用