天天看點

Qt-qss盒子模型

QLabel寬高均設定200,并設定QLabel的styleSheet屬性:

#label{
	background:#cdcdcd;
	background-clip:content;
	padding:20px;
	border:20px solid;
	margin:20px;
}
           

效果如下

Qt-qss盒子模型

從裡到外的色塊分别是content,padding,border,margin區域。 設定geometry屬性的寬度和高度,指的是包括margin在内的長和高,調整padding,border,margin時會向内擠壓,是以文字可能被擠壓消失。background-clip屬性可以指定background-color覆寫的範圍,可選值有margin | border | padding | content,調整background-clip值多次運作程式可以看到其覆寫的範圍确實如前所述。需要注意的是如果不設定該屬性,預設覆寫的範圍是content+padding+border,可以通過如下qss驗證:

#label{
	background:#cdcdcd;
	padding:20px;
	border:20px solid transparent;
	margin:20px;
}
           
Qt-qss盒子模型

參考:

1.https://doc.qt.io/archives/qt-4.8/stylesheet-reference.html#background-clip-prop

繼續閱讀