Qt 類(lèi)型編輯實(shí)例-指定QPushButton 菜單指示器的子控制
加入技術(shù)交流群
子控提供了訪(fǎng)問(wèn)子子元素的功能， 例如通常的時(shí)候一個(gè)按鈕將會(huì )管理一個(gè)菜單，
本文引用地址：http://dyxdggzs.com/article/148687.htmQPushButtON#evilButton::menu-indicator {
image: url(myindicator.png);
}
同時(shí)如果美化一個(gè)按鈕的話(huà)， 那么將可以通過(guò)定位符來(lái)確定美化按鈕的路徑， 通?？梢允且粋€(gè)圖片。
QPushButton::menu-indicator {
image: url(myindicator.png);
subcontrol-position: right center;
subcontrol-origin: padding;
left: -2px;
}
經(jīng)過(guò)以上的設置那么QPushButton 將會(huì )在方格的中心顯示一個(gè)myindicator.png 的圖片。
復雜的選擇區域的例子：
當應對于一個(gè)用戶(hù)可可編輯可輸入的部件的時(shí)候， 將需要設計到用戶(hù)選擇區域的顏色設置， 與類(lèi)型設置， 下面將通過(guò)使用QLineEdit 部件來(lái)進(jìn)行演示：
QLineEdit { color: red }
QLineEdit{color:red}
QLineEdit[readOnly=true]{color:gray}
在團隊開(kāi)發(fā)的時(shí)候， 需要設計到不同顏色的設置， 或者說(shuō)不同類(lèi)型的設置， 那么就需要在樣式編輯當中有多種選擇， 將不需要的那部分， 注釋掉：
QLineEdit { color: red }
QLineEdit[readOnly=true] { color: gray }
#regiSTrationDialog QLineEdit { color: brown }
自定義制定的部件
這個(gè)部分提供了一些自定義特殊部件的某種樣式
定制QAbstractScrollArea
比如說(shuō)一些QAbstractScrollArea 類(lèi)， 例如 QTextEdit 與QTextBrowser . 同時(shí)可以使用后臺的屬性來(lái)進(jìn)行設置。 例如來(lái)設置一個(gè) 背景圖片。
QTextEdit, QListView {
background-color: white;
background-image: url(draft.png);
background-attachment: scroll;
}
下面的代碼是讓背景圖片與可瀏覽的區域大小相同：
QTextEdit, QListView {
background-color: white;
background-image: url(draft.png);
background-attachment: fixed;
}
給QCheckBox 做樣式
QCheckBox 與QRadioButton 具有想色的屬性， 他們之間的不同時(shí)QCheckBox是返回當前的狀態(tài)：
QCheckBox {
spacing: 5px;
}
QCheckBox::indicator {
width: 13px;
height: 13px;
}
QCheckBox::indicator:unchecked {
image: url(:/images/checkbox_unchecked.png);
}
QCheckBox::indicator:unchecked:hover {
image: url(:/images/checkbox_unchecked_hover.png);
}
QCheckBox::indicator:unchecked:pressed {
image: url(:/images/checkbox_unchecked_pressed.png);
}
QCheckBox::indicator:checked {
image: url(:/images/checkbox_checked.png);
}
QCheckBox::indicator:checked:hover {
image: url(:/images/checkbox_checked_hover.png);
}
QCheckBox::indicator:checked:pressed {
image: url(:/images/checkbox_checked_pressed.png);
}
QCheckBox::indicator:indeterminate:hover {
image: url(:/images/checkbox_indeterminate_hover.png);
}
QCheckBox::indicator:indeterminate:pressed {
image: url(:/images/checkbox_indeterminate_pressed.png);
}
評論