Qt 通過QSS使QDateTimeEdit,QTimeEdit,QDoubleSpinBox,QSpinBox方便觸摸

/*方便觸摸樣式*/
QDateTimeEdit,QTimeEdit,QDoubleSpinBox,QSpinBox{
/*居中*/
qproperty-alignment: 'AlignHCenter| AlignVCenter';
width: 30px;
height: 30px;	
}

/*上按鈕*/
QDateTimeEdit::up-button,QTimeEdit::up-button,QDoubleSpinBox::up-button,QSpinBox::up-button {
subcontrol-origin:border;
background:none;
subcontrol-position:right;
image: url(:/images/add);
width: 28px;
height: 28px;		
}

/*上按鈕按下樣式*/
QDateTimeEdit::up-button:pressed,QTimeEdit::up-button:pressed,QDoubleSpinBox::up-button:pressed,QSpinBox::up-button:pressed{
/*自己寫按鈕的樣式*/
}

/*下按鈕*/
QDateTimeEdit::down-button,QTimeEdit::down-button,QDoubleSpinBox::down-button,QSpinBox::down-button {
subcontrol-origin:border;
background:none;
subcontrol-position:left;
image: url(:/images/remove);
width: 28px;
height: 28px;	
}

/*下按鈕按下樣式*/
QDateTimeEdit::down-button:pressed,QTimeEdit::down-button:pressed,QDoubleSpinBox::down-button:pressed,QSpinBox::down-button:pressed{
/*自己寫按鈕的樣式*/
}

效果圖:
圖片自己找…QSS的樣式可以忽略圖片的後綴
鼠標滑過的樣式自己寫… :pressed->:hover
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章