1.7.5.15.4.18.  Chiave "STYLESHEETS" - Fogli di stile personalizzati per gli elementi dell'interfaccia grafica

Virgola separata Elenco dei file di fogli di stile personalizzati in $CADENAS_SETUP/styles.

Stile GUI predefinito

Sotto $CADENAS_SETUP/styles il file è default.css per lo stile GUI .

Personalizza lo stile dell'interfaccia grafica

Lo stile dell'interfaccia grafica può essere facilmente personalizzato.

Sotto $CADENAS_SETUP/partsol.cfg -> blocco [PARTdataManager] tasto > STYLESHEETS al file CSS desiderato. Gli Stili vengono aggiunti allo stile predefinito.

È solo che il nome del file senza il percorso specificato, l'applicazione cerca il file nella directory "$CADENAS_SETUP/styles". Lì troverai Ci sono anche alcuni esempi.

[PARTdataManager]
STYLESHEETS=default.css,custom.css

Ebenso können Sie einen absoluten Pfad angeben.

Figura 1.640. 

Trovare le chiavi rilevanti nel file CSS trovare

Per trovare più facilmente le chiavi rilevanti, attivare le seguenti finestre di docking:

  • Albero degli elementi della GUI [GUI element tree]

  • Proprietà dell'elemento GUI [GUI element properties]

  • Foglio di stile dell'interfaccia grafica [GUI stylesheet]

Figura 1.641. 

  1. Sotto $CADENAS_USER , imposta un file chiamato debug.cfg con quanto segue Contenuto per:

    [PDEBUG]
    showDebugMenu=1
    showWidgetTree=1
    showExportPath=1

    -> Ora vengono visualizzati i docking.

  2. Clicca sull'icona .

    -> Il cursore del mouse si trasforma in un cerchio rosso.

    Figura 1.642. 

  3. Passa il cursore del mouse su un QWidget.

    -> Viene evidenziato con un rettangolo rosso.

  4. Fare clic sul QWidget desiderato.

    -> L'elemento viene evidenziato in grassetto nell'albero Elementi GUI [GUI element tree] .

    Ora potete individuare la chiave corrispondente nel file CSS.

Provare le personalizzazioni

È possibile apportare modifiche al foglio di stile GUI [GUI stylesheet] nella finestra di docking.

Un esempio:

  1. Imposta uno sfondo giallo.

    QWidget {
      background: #fffaaa;
    }

    Figura 1.643. 

  2. Fare clic su " Apply".

    -> La modifica viene visualizzata immediatamente .

    [Nota]Nota

    L'azione "Apply " non salva le modifiche!

    Per applicare le modifiche, utilizzare " Salva con nome " e successivamente copiare le modifiche nel file CSS desiderato.