QssStylesheetEditor
v1.8
Inglés | 简体中文
QSSStylesheeteditor es un poderoso editor QT Stylesheet (QSS). Vista previa en tiempo real, finalización automática y el usuario pueden definir variables personalizadas, una vista previa de código de interfaz de usuario personalizado, utilizando Qpalette, etc.
Siga los pasos a continuación o instale el paquete de instalación binaria:
pip install QssStylesheetEditor-1.7-py3-none-any.whlqsseditor o QssStylesheetEditor La aplicación comenzaráSi es usuario de Windows 64bit, el paquete binario e instalador ya está disponible.
Alternativamente, instalar manualmente el paquete también está bien
- Instale Python3: siguiendo http://python.org/
- Instalar dependencias:
- PREIMPORT:
pip install preimport- TomlConfig:
pip install tomlconfig- Codeeditor:
pip install CodeEditor- Solicitudes:
pip install requests- Descargar y paquete de descenso:
- Descargar qssstylesheeteditor_v1.7.zip
- Descomprima y cambie DIR a QSSStylesHeetEditor_V1.7
cd QssStylesheetEditor_v1.7- Ejecutar QSSStylesHheetEditor:
- Haga doble clic en qsseditor.pyw
- o ejecutar
python qsseditor.pyw
En QSSStylesHheetEditor, los usuarios pueden definir y usar variables personalizadas en QSS.
Uso de la siguiente declaración para definir una nueva variable:
/*example of custom variable definition*/
$background = #fff ; /* define var with name "background" */
$border = red ; /* define var with name "border" */
$text = rgb ( 10 , 10 , 10 ) ;Una definición variable finaliza con un ";".
Variable definida de referencia como lo siguiente:
/* example of custom variable reference */
QWidget
{
color : $text; /* reference variable text*/
background - col or : $background; /* reference variable background*/
}Los usuarios pueden exportar el código al archivo QSS sin vars mediante el menú "Archivo> Exportar".
Diálogo de selección de color variable
Cuando una variable se define en QSSStylesHeetEditor, la variable se mostrará automáticamente en el panel de color. Puede hacer clic en el botón Color para seleccionar el color variable a través del cuadro de recolección de color.
Si se hace referencia a una variable indefinida, también se reconocerá y se mostrará automáticamente en el panel de color.
Cuando se usan imágenes en el código QSS, si la URL es relativa, QSSStylesHeetEditor encontrará el archivo de imagen en la carpeta donde está el archivo del código QSS.
background-image : url ( "img/close.png" );
/* the img folder must be in the same directory of the qss code file*/ Si sus archivos de imagen se convierten en archivo de recursos por Pyrcc5 (Pyrcc5 xxx.qrc -o xxxresource.py).
Puede hacer referencia a las imágenes en el archivo de recursos como sigue:
background-image : url ( ":/img/close.png" );QSSStylesHeetEditor buscará el archivo de recursos FileName.py (el nombre de archivo debe ser el mismo del archivo QSS) en el directorio del archivo de código de hoja de estilo QSS abierto actualmente y lo carga automáticamente.
En QSSStylesHeetEditor, los usuarios pueden usar Qpalette de la siguiente manera:
color: palette(Text);
background-color: palette(Window);
Cambiar el color de Qpalette se admite a través del color de recogida en Palettdialog. Y el nuevo código Qpalette se puede ver a través de Haga clic en el botón "ViewPaletTecode".
El botón de reinicio en Palettedialogreset podría cancelar la modificación de Qpalette.
En el editor de la pestaña 'Custom' del widget de vista previa, el usuario puede ingresar el código de interfaz de usuario personalizado, como seguir:
class MainWindow(QWidget):
def __init__(self):
super().__init__()
y luego presione el botón 'Vista previa' para obtener una vista previa del QSS.
'Mainwindow' debe definirse en el código personalizado.
Puede usar este software de forma gratuita en proyectos de código abierto que tienen licencia bajo el GPL. Pero hay una excepción: si solo lo usa para generar el archivo QSS para el producto comercial, el código fuente del producto se puede enviar con cualquier licencia que desee.
Si no desea abrir su código al público, puede comprar una licencia comercial para USD 100 por desarrollador, y también debe comprar una licencia comercial para PYQT5.
