QssStylesheetEditor
v1.8
Englisch | 简体中文
QSStylesHeeteditor ist ein leistungsstarker Qt Stylesheet (QSS) -Ditedler. Echtzeit-Vorschau, automatisch Fertigstellung und Benutzer können benutzerdefinierte Variablen definieren, benutzerdefinierte UI-Code mit qpalette usw. Vorschau-Vorschau definieren.
Befolgen Sie die folgenden Schritte oder installieren Sie das Binärinstallationspaket:
pip install QssStylesheetEditor-1.7-py3-none-any.whl Installieren Sie QSStylesHeeteditorqsseditor oder QssStylesheetEditor mit der App ausWenn Sie Windows 64bit -Benutzer sind, ist das Binärpaket und das Installationsprogramm ab sofort verfügbar.
Alternativ ist es auch in Ordnung, das Paket manuell zu installieren
- Installieren Sie Python3: folgt http://python.org/
- Abhängigkeiten installieren:
- PREMPORT:
pip install preimport- TomlConfig:
pip install tomlconfig- Codeditor:
pip install CodeEditor- Anfragen:
pip install requests- Paket herunterladen und entpacken:
- Laden Sie QSSstylesHeeteditor_v1.7.zip herunter
- Unzipp und wechseln in qsSstylesheeteditor_v1.7
cd QssStylesheetEditor_v1.7- Führen Sie QsSstylesheeteditor aus:
- Doppelklick qsseditor.pyw
- oder
python qsseditor.pywlaufen
Im QSStylheeteditor können Benutzer benutzerdefinierte Variablen in QSS definieren und verwenden.
Verwenden der folgenden Anweisung, um neue Variable zu definieren:
/*example of custom variable definition*/
$background = #fff ; /* define var with name "background" */
$border = red ; /* define var with name "border" */
$text = rgb ( 10 , 10 , 10 ) ;Eine variable Definition endet mit einem ";".
Referenz definierte Variable wie folgt:
/* example of custom variable reference */
QWidget
{
color : $text; /* reference variable text*/
background - col or : $background; /* reference variable background*/
}Benutzer können den Code mit dem Menü "Datei> exportieren" in QSS -Datei ohne VARs exportieren.
Variabler Farbauswahldialog
Wenn eine Variable in QSStylheetEditor definiert wird, wird die Variable automatisch im Farbpannel angezeigt. Sie können auf die Schaltfläche Farbe klicken, um die variable Farbe über das Farbaufnahmefeld auszuwählen.
Wenn auf eine undefinierte Variable verwiesen wird, wird sie automatisch erkannt und auch im Farbfeld angezeigt.
Wenn Bilder im QSS -Code verwendet werden und die URL relativ ist, findet QSSStylheetEdeditor die Bilddatei im Ordner, in dem sich die QSS -Codedatei befindet.
background-image : url ( "img/close.png" );
/* the img folder must be in the same directory of the qss code file*/ Wenn Ihre Bilddateien von pyrcc5 (pyrcc5 xxx.qrc -o xxxresource.py) in eine Ressourcendatei konvertiert werden.
Sie können Bilder in der Ressourcendatei wie folgt verweisen:
background-image : url ( ":/img/close.png" );QSStylesHeeteditor sucht den Ressourcendatei Dateiname.py (Dateiname muss die gleiche QSS -Datei sein) im Verzeichnis der aktuell geöffneten QSS -Stylesheet -Code -Datei und lädt sie automatisch.
In QsSstylesHeetEditor können Benutzer QPalette wie folgt verwenden:
color: palette(Text);
background-color: palette(Window);
Die Änderung der Farbe von Qpalette wird über die Abholfarbe in Palettdialog unterstützt. Und der neue Qpalette -Code kann über die Schaltfläche "ViewPalteTcode" angezeigt werden.
Die Reset -Taste in PaletteDialogreset kann die qpalette -Modifikation abbrechen.
Auf der Registerkarte "benutzerdefinierte" Vorschau -Widget kann der Benutzer benutzerdefinierte UI -Code eingeben, wie folgt:
class MainWindow(QWidget):
def __init__(self):
super().__init__()
Drücken Sie dann die Taste "Vorschau", um die QSS voranzutreiben.
'MainWindow' muss im benutzerdefinierten Code definiert werden.
Sie können diese Software kostenlos in Open -Source -Projekten verwenden, die unter der GPL lizenziert sind. Es gibt jedoch eine Ausnahme: Wenn Sie sie nur verwenden, um die QSS -Datei für kommerzielles Produkt zu generieren, kann der Quellcode des Produkts mit jeder gewünschten Lizenz versendet werden.
Wenn Sie Ihren Code nicht für die Öffentlichkeit eröffnen möchten, können Sie eine kommerzielle Lizenz für USD 100 pro Entwickler erwerben und eine kommerzielle Lizenz für PYQT5 erwerben.
