python3+PyQt5 自定義窗口部件--使用窗口部件樣式表

2019-11-08 19:56:16

字體：大中小

來源：轉載

供稿：網友

本文借用HTML的CSS語法，將樣式表應用到窗口部件。這里只是個簡單的例子，實際上樣式表的語法很豐富。以下類似于css：

StyleSheet = """QComboBox { color: darkblue; }QLineEdit { color: darkgreen; }QLineEdit[mandatory="true"] { #mandatory="true"時，QLineEdit的樣式會變化 background-color: rgb(255, 255, 127); color: darkblue;}

如果在選擇器的前面加上一個句點，比如.QLineEdit，則選擇器就會只應用于指定的類，而不會應用于這個類的子類。如果要求選擇器僅用于某一特定窗口部件，則可以對該窗口部件調用setObjectName(),然后用該名字作為選擇器的一部分。比如，如果有一個按鈕，其對象名字是“findButton”，則應用于這個按鈕的選擇器就應該是QpushButton#findButton。有些窗口部件會有一些子控件。例如QComboBox會有一個箭頭子控件，用戶通過點擊這個箭頭來看到下拉列表。子控件可以指定為選擇器的一部分–例如，QComboBox::drop-down。偽狀態可以用一個冒號指定–例如，QCheckBox::checked.

#!/usr/bin/env python3import sysfrom PyQt5.QtWidgets import (Qapplication, QComboBox, QDialog, QDialogButtonBox, QGridLayout, QLabel, QLineEdit, QVBoxLayout)class ContactDlg(QDialog): StyleSheet = """QComboBox { color: darkblue; }QLineEdit { color: darkgreen; }QLineEdit[mandatory="true"] { background-color: rgb(255, 255, 127); color: darkblue;}""" def __init__(self, parent=None): super(ContactDlg, self).__init__(parent) forenameLabel = QLabel("&Forename:") self.forenameEdit = QLineEdit() forenameLabel.setBuddy(self.forenameEdit) surnameLabel = QLabel("&Surname:") self.surnameEdit = QLineEdit() surnameLabel.setBuddy(self.surnameEdit) categoryLabel = QLabel("&Category:") self.categoryComboBox = QComboBox() categoryLabel.setBuddy(self.categoryComboBox) self.categoryComboBox.addItems(["Business", "Domestic", "Personal"]) companyLabel = QLabel("C&ompany:") self.companyEdit = QLineEdit() companyLabel.setBuddy(self.companyEdit) addressLabel = QLabel("A&ddress:") self.addressEdit = QLineEdit() addressLabel.setBuddy(self.addressEdit) phoneLabel = QLabel("&Phone:") self.phoneEdit = QLineEdit() phoneLabel.setBuddy(self.phoneEdit) mobileLabel = QLabel("&Mobile:") self.mobileEdit = QLineEdit() mobileLabel.setBuddy(self.mobileEdit) faxLabel = QLabel("Fa&x:") self.faxEdit = QLineEdit() faxLabel.setBuddy(self.faxEdit) emailLabel = QLabel("&Email:") self.emailEdit = QLineEdit() emailLabel.setBuddy(self.emailEdit) self.buttonBox = QDialogButtonBox(QDialogButtonBox.Ok| QDialogButtonBox.Cancel) addButton = self.buttonBox.button(QDialogButtonBox.Ok) addButton.setText("&Add") addButton.setEnabled(False) grid = QGridLayout() grid.addWidget(forenameLabel, 0, 0) grid.addWidget(self.forenameEdit, 0, 1) grid.addWidget(surnameLabel, 0, 2) grid.addWidget(self.surnameEdit, 0, 3) grid.addWidget(categoryLabel, 1, 0) grid.addWidget(self.categoryComboBox, 1, 1) grid.addWidget(companyLabel, 1, 2) grid.addWidget(self.companyEdit, 1, 3) grid.addWidget(addressLabel, 2, 0) grid.addWidget(self.addressEdit, 2, 1, 1, 3) grid.addWidget(phoneLabel, 3, 0) grid.addWidget(self.phoneEdit, 3, 1) grid.addWidget(mobileLabel, 3, 2) grid.addWidget(self.mobileEdit, 3, 3) grid.addWidget(faxLabel, 4, 0) grid.addWidget(self.faxEdit, 4, 1) grid.addWidget(emailLabel, 4, 2) grid.addWidget(self.emailEdit, 4, 3) layout = QVBoxLayout() layout.addLayout(grid) layout.addWidget(self.buttonBox) self.setLayout(layout) self.lineedits = (self.forenameEdit, self.surnameEdit, self.companyEdit, self.phoneEdit, self.emailEdit) for lineEdit in self.lineedits: lineEdit.set運行結果：這里寫圖片描述