Qt通过setProperty来达到设置控件的不同样式表
前言
最近在做项目的时候,找了一个开源的小控件,发现里面有一个设置样式的骚操作,就是根据控件的不同属性来显示不同的样式。比如如下:
代码是在网上找的大佬的样式: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()
来更新一下样式表,否则可能会没有作用